Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan - Hallo sahabat Situs Pendidikan Masa Kini - Patih Akbar, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Internet, Tutorial Blog Untuk Pemula, yang kami tulis ini dapat anda pahami. dengan mudah, selamat membaca.

Judul : Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan
link : Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan

Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan

Tombol Share merupakan salah salah satu widget yang sangat penting dalam meningkatkan trafik blog kita. Dengan adanya widget ini postingan kita bisa di bagikan di jejaring sosial media sehingga menjadikan dan membuat trafik meningkat

Tombol Share diatas postingan

Adapun cara memasang tombol Share adalah sebagai berikut :

1. Masuk ke akun Blog Anda
2. Pilih Template > Edit Template
3. Cari kode ]]></b:skin>
4. Setelah ketemu letakan kode dibawah ini 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;margin-top: 15px}
.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; }

4. Selanjutnya copy kode berikut dibawah ini, lalu taruh di bawah kode <data:post.body/> untuk meletakan tombol Share dibawah postingan, dan di atas kode <data:post.body/> Untuk meletakan tombol Share diatas Postingan.

<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>

5. Simpan Template Anda, lihat hasilnya

Selamat mencoba semoga sukses......

Demikianlah Artikel Tentang Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan

Semoga dengan membaca artikel Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel kami yang lainnya. Dan jangan lupa di share yaa

Anda sekarang membaca artikel Cara Memasang Tombol Share Artikel dibawah dan diatas Postingan dengan alamat link https://patihakbar.blogspot.com/2016/04/cara-memasang-tombol-share-artikel.html

Previous article

Next Post

Next article

Previous Post

Admin

https://patihakbar.blogspot.com/

Blogger Yang Gagal Jadi Webdesign "Smart Blogging"