Cara Membuat Tombol Shared (Daun) keren di Blog.

Kali ini saya akan membahas cara membuat tombol share (daun) keren di blog sobat, saya katakan daun karena icon nya memang Berupa daun, dengan harapan tombol ini akan menarik perhatian pengunjung dan akan terpikat untuk menshare artikel kita ke jejaring sosial. Bagaimana Sobat tertarik..?? ok langsung saja ikuti langkah"nya di bawah ini...:

Cara Membuat 
1. Login ke blog kamu.
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/AVvXsEiqfJ-fK7oTVxOFTKFb4BiZrL-NpeyswmiTY4aTgEMZl5RMhTEAmxwXxnnF6054sMKdDwbAY8iTWH2MIvnL9iZULUSVDPHFYS6-qQRNDtRba5qFGFujJOYin-Mogmnn3QTZhl80pJwu9Z8d/' 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/AVvXsEjGLjyCHX9ewsR6QB-Tf6s5ueiFIb2M6lUienWHfRs2mI4qyw-kg3tf1YSYvPHzlnvOFAiEtq_b9_EAIfIGZ1UsRFBDmqSOJlW_jZ2yVHKeILUJbIJnv5nZn94IN7uaBLNtc-TP2_gyaGb4/' 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/AVvXsEjSof09TUcsPkrCM0fdf9IilPYnMphe-X80jMrjTUdm11VVoMUrvSeRX3xx8c8EcCgsALlsUWQM_r-5iq1tu7OzfwOycHsGFTEow7Erte8RhsGzgXDmDypv8KRDM65IaAjuDBoUU332gc_L/' 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/AVvXsEgtjDU2O3GdjyAUQJs90o_Ffkk8gz6OhOkPjffsOi0LRCY_WEYR9bir1eaJjg0wbkBnB8tKpa_T4iYhsoKJVLJvV0FN792f7BSQ7r4tjEa3S4BNwweaVJJwa1OCUUfiqUwa6T73FXWNsEMh/' 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/AVvXsEiIYpQb0SKyiIyiCpIko-Pb-sZt_H6TWJuxCpe3p3McPc3QWgNP38f1lWMea5Oeup2o6mi7eeTqnMyWdBmRQ7AGTqbvYwBx5YM6oMHb6Mb519vTa9b86a8bjK8sIpYKmojfyQNscXcS3mV-/' 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/AVvXsEj9asA5nHw0mwuJDIxd2MO4cMpBfyQQpN_34g2koycyefChLCb5AsTPE_AlfA_VwZL6pu6QagQuPdx6ZvMOhHWo2g3h3cHHDssw0GV8COx1nzGJCHkXiusDxB1C9HDQWLmbekiwbXKDyVZX/' 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/AVvXsEinZu10iGmJ_y0RePB3hDqb-N3xB_8WGkZZZj18VmTGSZf2XDJEMSOe53N_nW4-yGqIgfHRmCPbI9KpOla55qLHeR3ZXhPAPIluHvM2E24OM9DL6NA3fYp3G-KJXD55Ze7iR96d0ctXYRQw/' 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/AVvXsEhfxJlIr6a9AWAPKJg5haY4LamzIevRi45i706gt2BHdLGr6MrS1xmex7VILAO8JzNC2QaePDsKPK1ccmKcqxKGNQ9VxxMD6BzLucsA1VE52JUYU1S46qkf-3qHMiDn44I20ps-_vVZ25q2/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

4. Simpan Template, dan lihat hasilnya.

Selamat mencoba, semoga bermanfaat dan Terima kasih atas Kunjungannya.. :D

Baca Juga yang ini Sob...:

Tutor Blogger

• Cara Membuat Scroll pada Label Blog
• Daftar Social Bookmark Indonesia | Tutor Blogger
• Cara Mendapatkan PageRank Dari Google
• Penyebab Link in Alexa Tidak Bertambah atau No Data
• Perbedaan Menjiplak dan Meng-Copas di Blogger
• Membuat Scroll Pada Kotak Komentar Blog
• Membuat Kotak Komentar Thread Keren di Blogger
• Widget Penting yang harus ada di Blogger.
• Cara Cepat dan Mudah Mengetahui Blog Dofollow Atau Nofollow
• Tips Mendapat Backlink Berkualitas Permanent.
• Penyebab Jumlah Pelanggan Feedburner Naik-Turun
• Membuat Recent Coment avatar di Blogger
• Membuat Random Post di Blogger.
• Pentingnya Blogwalking | Tips SEO
• Di Halaman Awal/Home Blog Hanya Muncul 1 Postingan.
• Cara Scan Blog dari Virus atau Malware
• Memasang Meta tag Otomatis di setiap halaman Blog.
• Cara Membuat Link Sumber Otomatis ketika Artikel Blog di Copas.
• Berkomentar Bisa Dapat Backlink Untuk Optimasi SEO
• Membuat Thread Balas/Reply Komentar Blogger.
• Cara Membuat artikel Terkait dengan Scroll di bawah postingan Blog.
• Cara Menampilkan Navbar Blog secara Auto Hidden.
• Cara Membuat Box Followers Twitter di Blog.
• Cara Merubah Tulisan Posting Baru, Beranda, Posting Lama dengan Gambar.