membuat tombol share di posting

Assalamualaikum wr wb
Hy Evrox lovers,, kali ini saya akan meng share tentang cara membuat tombol share keren di bawah postingan .. langsung aja ya kita ke TKP..!!!!!

•  Login ke akun blogger.
•  Masuk ke Template lalu pilih Edit HTML.
•  Copy kode berikut ini lalu taruh di atas kode ]]></b:skin>

.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; 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 #00ff00; border: 1px solid #e9fbe9;}.fcbok { background: #3B5999; }.twitt { background: #01BBF6; }.gplus { background: #D54135; }.digg { background: #5b88af; }.lkdin { background: #005a87; }.tchno { background: #008000; }.ltsme { background: #fb8938; }

• Selanjutnya copy kode berikut ini, lalu taruh di bawah kode <data:post.body/> usahakan yang terakhir

<div class='widgetshare'>Share artikel ke: <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 class='tchno' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a><script>//<![CDATA[var uri = window.location.href;var ttle = document.title;document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");//]]></script></div>

•  pratinjau dlu sebelum di save
• lalu simpan

semoga artikelnya bermanfaat.amin
sekian wassalamualaikum wr wb

Artikel Terkait

membuat tombol share di posting

4/ 5

Oleh Tofa Maulana Irvan

Tofa Maulana Irvan 2 Komentar