tips &trik #32: cara membuat share this post

tips &trik #32: cara membuat share this post
--------------------------------------------

apabila anda mengunjungi blog-blog orang lain, kadang-kadang anda menemukan tombol "share this post" di akhir postingan yang akan membawa anda ke halaman-halaman social bookmark yang akan mempublish postingan tersebut ke situs social bookmark yang anda pilih.

tombol share this post tersebut bisa anda taruh di blog anda dengan mengikuti langkah-langkah berikut :

1. Login ke Bloggermu
2. Tata Letak > Edit HTML > beri tanda centang pada Expand Template Widget
3. temukan code ]]></b:skin> ;
4. pastekan kode berikut di atas ]]></b:skin> 


div.sociable { margin: 16px 0;} span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: #f5f5f5; display: inline !important; list-style-type: none; margin: 0; padding: 2px; } .sociable ul li:before { content: ""; } .sociable img { float: none; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
5. temukan code <data:post.body/>   
(jika ditemukan dua code , maka pilihlah yang terakhir) 
6. pastekan code berikut di bawah <data:post.body/>   


<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='sociable'> <div class='sociable_tagline'> <img alt='The Vanmovic' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNkqLomDiU6j9SN9FzyoAFfBaa3Xuwa6j3I8347YcNCkiA_DXZmfOJpMO2tt7E7MdY0bxAI6dzU_xuSR_t31Y5-aP-UkFebvxJGyvFLyTPwsT9UvO8FWciN3Y94atQxsKjPzQWXF6-N8MM/s1600/share.jpg' title='Share This Artikel'/> </div> <ul> <li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifMF-XlZBLoGgXf8qNSNd-NCb-RqM9HspooTmQPW_g0JiJbRMEkDEOEDzH-3jkJoZMXFjOvxVX9UV49spaXvg5Kv5xJJPQswX2ntB5HHC5ourdkmK5aBmuUsgIvO6cNcIPmjuSaEqgNeYi/s400/digg.png' title='Digg'/></a></li> <li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='del.icio.us' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTu6cEjD7Qu4SVzqShkDT-RoG4FPq9wOfvWO0STc22PpMt4ym99N1E-u4du3JnKNR9_ySfqiEUNE718mLt6jCTcXQSPhGo3JZhtB4Ld7DWswv-OQVFycmpdWiEAhothW-rIVe7p6T-uWhR/s400/delicious.png' title='del.icio.us'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixvJFvKBV1Edi1o1P41Fw9G1Nc3PHDilPE4CbAUXWwVvL9WmBnJHZi8hnib-IgVcPCyGj4l4NKiWoHyC7MC91sxxl0Bjrrodzh-8qUylMCo-PT6SsDRmJAtJPAKCa05X7W952sF53TN-7z/s400/facebook_002.png' title='Facebook'/></a></li> <li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkViUSgJZg-L8a3-CLoUJal-cvfahm1bPF6iOgmubb3_ELh7y5UWXu3idTjL35ANiJmxsEM0eUC_cNK5wOaoB1bbLKgOzJMDzt_moq5c9eAY5VR9RjUx0rnKmwFzxmYM24GbhQ8WOj7rcy/s400/googlebookmark.png' title='Google'/></a></li> <li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxlpqVB0VC8-epsGVGS8dS8FubW_AvQYuiLiyPJeAyScvGEhNjPPLu64BEHn07KGek1-5VBKXTIV8Uo96pu3ErgF-fW4NFbpl5h2RFlW2YQuvzTbkp3dm6saTFyl8-lfbPPys3Av0jDeYa/s400/stumbleupon.png' title='StumbleUpon'/></a></li> <li><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv6rhG5c2a8aJACHmmYLIlkDlyOtQZugWdIFnqWq9bXxySDm2rF0AhjGLWEd7C3mtD6C1oNZR1Jv56WAN362z8uoz3zevbweagSw82RGVioLpAA-7U9JSH7jH3tZwU9XuTYriJfETdjtVP/s400/technorati.png' title='Technorati'/></a></li> <li><a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='TwitThis' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkewoTaUDGdr8F4dtTIJBN-yqM5rAzfTRcthF3SR8Kz6ZsTj2QVaSag3Wz_031r-AaJRgMANAZkcHXvhPanX1IKK4gVzs1KVUG7WR2bNTRcwhxjRVA17WHrgYbfc1URTJ07pLgEHudcAYM/s400/twitter.gif' title='TwitThis'/></a></li> </ul> </div> </b:if>




tips ini saya dapatkan dari sini

--------------------------------------------
tips &trik #32: cara membuat share this post