Cara Memasang Tombol Share Dibawah Postingan

Setelah sebelumnya Kang AP memposting cara mudah membuat tombol share keren dibawah postingan, pada kesempatan ini Kang AP pun akan memposting artikel yang tidak jauh berbeda. Karena setiap blogger mempunyai kesukaan yang berbeda-beda terhadap bentuk tombol share, maka kali ini Kang AP akan memberikan cara memasang tombol share dibawah postingan yang tentu bentuknya berbeda dengan apa yang telah Kang AP postingkan sebelumnya. Tanpa banyak ngomong lagi, yuk ikuti langkah-langkah dibawah ini !

1. Login ke ke Blogger

2. Pilih Template » Edit HTML

3. Kemudian anda cari kode ]]></b:skin>

4. Copy dan paste kode dibawah ini diatas kode ]]></b:skin>

.widgetshare    

{font:bold 12px/20px Tahoma !important; background: #afbeed;border: 3px solid #042899; padding: 5px 4px; color: #fff !important; margin-top: 10px;}   

.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}

.widgetshare a:hover {box-shadow: 0 0 5px #FFFFFF; border: 1px solid #e9fbe9; cursor:pointer; }

.like  { background: #3B5999; }

.fcbok { background: #3B5999; }

.twitt { background: #01BBF6; }

.gplus { background: #D54135; }

.lkdin { background: #1a0dab;

5. Selanjutnya anda cari kode <data:post.body/>

Baca juga :
» Cara Mudah Memasang Emoticon Pada Kolom Komentar Blog
» Cara Mudah Membuat Kolom Permalink Keren
» Cara Memasang Profile Keren Pada Blog

6. Copy dan paste kode dibawah ini dibawah kode <data:post.body/>

<div class='widgetshare'>
<center> &#9658; &#9658; &#9658;
<a href='https://web.facebook.com/Tips-and-Trik-AP-Thea-244153772609151/?ref=bookmarks' rel='nofollow' target='_blank'>Like This</a>
<a class='fcbok' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a href='http://goo.gl/OUmGxp' rel='nofollow' target='_blank'>Get Widget</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write (" ◄ ◄ ◄  ");
//]]> </script>
</center></div>

Note :
» Jika terdapat 2 kode <data:post.body/>, maka pastekan dibawah kode yang kedua. Namun jika terdapat 3 atau 4  kode, pastekan dibawah kode yang ketiga
» Ada baiknya anda backup template terlebih dahulu untuk berjaga-jaga

7. Simpan dan lihat hasilnya

Demikian cara memasang tombol share dibawah postingan, semoga bermanfaat. Terimakasih telah berkunjung di blog yang sederhana ini and happy blogging.

Please Share » » Facebook Google+ Twitter