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='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + 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='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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='"http://technorati.com/faves?add=" + 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='"http://twitthis.com/twit?url=" + 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='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + 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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + 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='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + 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 + "feeds/posts/default"' 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
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='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + 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='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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='"http://technorati.com/faves?add=" + 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='"http://twitthis.com/twit?url=" + 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='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + 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='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + 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='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + 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 + "feeds/posts/default"' 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...:
keren gan, tapi belum yakin soalnya ga ada testimoninya, sayang ama tempalate blog ane. visit sinatriadan.blogspot.com
BalasHapus