Setelah sebelumnya Kang AP memposting cara gampang menciptakan tombol share keren dibawah postingan, pada kesempatan ini Kang AP pun akan memposting artikel yang tidak jauh berbeda. Karena setiap blogger memiliki kesukaan yang berbeda-beda terhadap bentuk tombol share, maka kali ini Kang AP akan memperlihatkan 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 isyarat ]]></b:skin>
4. Copy dan paste isyarat dibawah ini diatas isyarat ]]></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 isyarat <data:post.body/>
Baca juga :
» Cara Praktis Memasang Emoticon Pada Kolom Komentar Blog
» Cara Praktis Membuat Kolom Permalink Keren
» Cara Memasang Profile Keren Pada Blog
6. Copy dan paste isyarat dibawah ini dibawah isyarat <data:post.body/>
<div class='widgetshare'>
<center> ► ► ►
<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='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitt' expr:href='"http://twittter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='gplus' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkdin' expr:href='"http://www.linkedin.com/cws/share?url=" + 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 isyarat <data:post.body/>, maka pastekan dibawah isyarat yang kedua. Namun jikalau terdapat 3 atau 4 kode, pastekan dibawah isyarat yang ketiga
» Ada baiknya anda backup template terlebih dahulu untuk berjaga-jaga
7. Simpan dan lihat hasilnya
Demikian cara memasang tombol share dibawah postingan, biar bermanfaat. Terimakasih telah berkunjung di blog yang sederhana ini and happy blogging.
Sumber http://ap-thea.blogspot.com
EmoticonEmoticon