Kamis, 05 Juni 2014

Cara Membuat Tombol Share Keren ( Mirip Daun)



Tips ini adalah  cara membuat tombol share keren, yang tampilanya mirip daun ,dengan tombol ini pengunjung akan tertarik untuk menshare artikel sobat ke jejaring sosial. Posisi widget ini berada di bawah posting. Ok,langsung saja, berikut caranya :

1. Login ke Blog.
2. Pilih Rancangan > Edit HTML > Centang Expand Widget Template.
3. Cari kode <data:post.body/> dan letakan kode di bawah ini tepat di bawah kode yang dicetak tebal. 

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxfXvV6h6gNpwebiyPeexcaZVsT_4EB9JHhgFEGajlcknbMzUQDyx3-Jv-zn4achk2Sgfq3wHQjriVG6gRMBDuMbMXxMhcEXCcXsz7O0jpAMDizUzKp8Kv0YB9hXPZyfIHXKYd1TMsDV2/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKhK2OEKbnTihJzvMQGeV_ROXMCjSUkYJVatcaNYo8A7Tdhb7ghTkNd_KfH3Gm7Cron7vMkA5fQl1SzcgnUmPmDQkY4Y-_FFSH7PsmgB07oyxRB4vGpnxZPscqzd4d5Ayu8b4En063tNbx/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFLLYAmt7z0pw9NCjeUBtpaJOYv4QQuraEZi4PqjA8oRjqem0RCsTzT1UTS1Pg-q4ror2RlXzCGrCOhq3_sLj8hW8LaaGl-yslNfpcxdxmO0rG91wH5Ozo6Ifd5FwiV4WF-ql_gI42baD/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCS6eBeCc3kPxiKFJlMWGTBVZ6D2n6bdHUVls_Nbwnz882pj47y4vagGU8gQOs-PSYgzrQ5rPFlBUD5ZxBq2YcctFb4nXPygY7ce1ACOT9WyiaUSVSO9NjCcIcDLp_vaoUDuwQ7nNUxgDF/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06wwsgVYmEXCax0B4-WATaJUXg45a72RhVUwRme6Xydth-kSonMFT7vBKirgbgT_B_Bo9WvmhOPSI_SjJoExq4IJgmAwum4W8dU-IXWV9c7ZtZpE5lcZY4ImEKexDLF6B4y31HiD9YymW/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbgxPiMJdJ4bzN-3kVlEjwbWUBSnPqmqmDt_UjToRN6Vd9vNJWMzXm-UJ-AcWUlXzmu6JNEXgG9j8CCZ2d3ipsQWkQ9_eZMNSN3-Kj8dSS3HbXzKmwZhmP3hu2WffGcHIZ8dEbedEC-QCb/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAE59yTHnzDovHVATLzgBzkr73P5KmQqLDnYdzNwklf2YQTrWN1uKrjPTQIVrRrOJl2NjS_rOfl3vAw_XKK9w1XNMjqgdFJJj749L78ZzST6CLtPKxjglmaUZt4fTxUMoIegXRWNZTpZz0/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXPPsd-8yNcfKekDc93BnBqqcZRa1XfiYDCZp2wtPlDy2Eyfee5VucIusVmWIVo8K4wbTpTeodK2Plumb9iJFRm3Xah0FqnmuVumdrKr9DdLHYz6uHP3q7ixcLLWCwfCVcE2Pu6HUweBpA/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

4. Save template dan Lihat hasilnya.

Cukup sekian dulu tutorial mengenai Cara Membuat Tombol Share Keren ( Mirip Daun) , semoga bermanfaat

Tidak ada komentar:

Posting Komentar