Cara Memasukkan Widget "Sharing Is Caring" di bawah postingan Blog

Hi

Konichiwa

Annyong Haseo

Sobat blogger yang berbahagia,, kali ini aku bakalan share tentang, cara menambah widget sharing is caring di bawah postingan kita. Biasanya ikon "share" default yang ada di blog kan biasa-biasa aja tuh, Nah jika sobat ingin Membuat ikon Share di blog menjadi lebih cetar Membahana badai seperti gambar di bawah ini, So, check this out!

• Buka Dasboard blognya sobat
• Pilih Template. kemudian Edit HTML
• Setelah jendela HTML terbuka, centang Expand widget template.
• cari kode <data:post.body/> . supaya cepat, sobat tekan Ctrl+F, kemudian masukkan kode tersebut.
• letakan kode dibawah ini tepat dibawah kode <data:post.body/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<a href='http://blazerracing.blogspot.com/'><img alt='Blazer Blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr1QFMLuF6NnIcI_SEol1NWEi571lpVXq3RYI1ednLGgel_bCRxZHgr7IdHokH-VNSgxFavv0ybgKIEnzI5V7AxXM7ghxSzua1_M4uSfSjhAVMyTZLCm4OR87gmU1PBHdg8t0EGFPP5qNm/s1600/best+blogger+tips.png'/></a><style>

img{border:0;}

#wrapper{width:488px; height:110px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6BguTqOC-5y74f-d9TmGzl9kbQWR7YzIfvdjwoGvImKxPF9Tn_fzCKmjm8GoO2aOx_SSpQbfG0dOdrYC6jIeTvpOsTe4G-Ngp_iPIKoTyz06klTASyrrv7tThOiFxmZ7mMUbjp4vHVM/s1600/sharing+is+caring+hearts.jpg); position:relative; background-repeat:no-repeat; background-color:transparent;}

#wrapper ul{position:absolute; width:600px; top:42px; left:3px; list-style-type:none;}

#wrapper li{float:left;}

</style>

<div id='wrapper'>

<ul>

<li>

<!-- Facebook -->

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Facebook' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicrUvhLr-HWeLtJQTqMnWhbzuvJigB6naOGChub2g6JZW7eXS89Wbo0hypKliOtbjh-dzstnjdTXNZkxFxB9dWjlWGxK2xT1UQ6kd_BRyryQHsvNwbMyXEjbp0up0s3DM4Uqad3NH8QAI/s1600/facebook.png' width='48'/></a>

</li>

<li>

<!-- Digg -->

<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEYinTgsa0F1SEAO9X8Xhlb2vmgwx0PoZ_4rmABseD2jLrcZqbyCbXKoUPrwjf0GwqpCggptvWiJYROFDYmoWNB4brrvSF2SDfO-A4Tntpr-p8JcAPcvrS8SrIOj8dBeJHMXPcuFzUth4/s1600/digg.png' width='48'/></a>

</li>

<li>

<!-- Stumbleupon -->

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvQeaB04rSjvaunmMYkW2ZF1q_nvtxqEoZnj0wwKsw7tLB-w7eweNupa0n7JU_8wWIXPRim1ZvtGRvKx5Y7P_bgXR0vwz-IpgSHOHrOT5cSQMpFsitWsS9ymA_XNRiii-A-NS1pUCzP5A/s1600/stumble.png' width='48'/></a>

</li>

<li>

<!-- Twitthis -->

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Tweet This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_CGEMWTPqA-aha5qQdTQDHiNDCPZTdx62Ib0IT_nQjYdJukwdbsWROB36Ht0xV2kbkpM8s745GL1d3i1C1wKwYdbb0XAvvM5rpQkCP8GztCuSQ5muIhHstzURn5WvX-fbWhqrJyf8YI/s1600/twitter.png' width='48'/></a>

</li>

<li>

<!-- Delicious -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Save Tis Post To Delicious' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9WNXMFjLCOBCkv_od19R5NH4UAmzKnGDIJlDKj5_fAfK8JQBakRLCqxhbsfODWthdJQFrhxbRkBWqXuP2rtDwggFhhzTNZoba46nXwOu0eCbeKNlvRdROrHqD7FIYtIl1dUYc0-y_7c/s1600/delicious.png' width='48'/></a>

</li><li>

<!-- Design Float -->

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Float This Post' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibeq2oTv_EdPGlZKxkKy7S_wYgow87EMCkX5qb2VcGtKn8JJJDHhnIRtXVWPmd4eE-8X8F-DBprUL3Q3vRuNyop85B3F4cjNxbKPPBHeuM8FZFhu6bf4Tfo_FSxY-jGOD2-phf8_9H1LM/s1600/designfloat.png' width='48'/></a>

</li><li>

<!-- Reddit -->

<a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share On Reddit' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlFozejA2Kq3eRuXjk1LxJOFuN0R-83TonMLRp4UVoiVzwagi8usUc58E9K9jsbMyj7cCD0D2f9h-aJji3wjFFymfhyphenhyphenzz3gP-_w-oWfgkdPATzdXNNx83ZzehXTIJOrd0vA2VMbK1Tpwk/s1600/reddit.png' width='48'/></a>

</li><li>

<!-- Technorati -->

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' target='_blank'><img alt='Bookmark On Technorati' height='48' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxFKK-LyKOVbmWpHRLWU9lUfgeL6BJ8-71UTmQvxgvCCEqYIdrvjjd4WA85eGl-0yaoQ52qqig2ONX6Ik7iZ3ZOxzSQKuI3c3FmFYP6YjfH1TVc66TeE7F1uYdhSIKBxY5FwibpZ4z2Q/s1600/technorati.png' width='48'/></a>

</li></ul></div>

</b:if>

• simpan template
• widget sharing is caring sudah ada dibawah postingan blog sobat!

selamat mencoba!!

semoga bermanfaat!

• 
• 
• 
• 
• 
• 
• 
•