Cara Memasang Widget Tombol Share Sosial Media Pada Postingan Blog

Cara Memasang Tombol Widget Sosial Media Pada Postingan Blog - SOSIAL MEDIA sangatlah berperan aktif dalam pengembangan dan kemajuan dari suatu situs blog kita.Sebab dengan Media Sosial kita dapat membagikan artikel apa yang ada pada blog kita,sehingga akan menarik suatu pengunjung untuk mengunjungi situs kita.

Semakin majunya dunia tekhnologi media sosialpun sangat berperan aktif,contoh sederhana dalam Jual Beli Online ( Online Shop ),dengan adanya media sosial kita dapat menawarkan suatu barang yang akan di jual ke pembeli tanpa harus bertatapan secara langsung dan dapat mencakup seluruh dunia.

Apabalagi sebagai Publisher,untuk mempromosikan suatu situs blognya dengan media sosialpun sngat membantu,dan dapat meningkatkan trafiict pengunjung ke situs blog tersebut.

Langsung saja ke pembahasan Cara Pasang Widget Tombol Share Sosial Media Pada Postingan Blog, untuk dapat menerapkan dalam blog anda silahkan simak langkah - langkah di bawah ini.



Cara Pasang Widget Tombol Share Sosial Media Pada Postingan Blog

• Login terlebih dahulu ke dalam dasbor Blog anda.
• Kemudian Pilih Template > Edit HTML.
• Carilah kode ini " ]]></b:skin> " ,untuk memudahkan proses pencarian tekan tombol  CTRL + F.
• Kemudian masukanlah kode di bawah ini tepat di atas kode point 3.

 .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; }

• Save terlebih dahulu agar saat ada kesalahan di setingan berikut tidak hilang.
• Setelah di save cari kembali kode " <data:post.body/>  " .
• Kemudian masukanlah kode berikut  tepat di bawah kode" <data:post.body/> ".

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

•  Terakhir Save template.

Untuk mengetahui hasil dari langkah - langkah di atas silahkan masuk ke URL anda kembali dan masuk pada postingan artikel blog anda.

Semoga apa yang Zona Trick selalu sajikan dapat bermanfaat bagi anda khususnya para Publisher,dan semoga dengan adanya Sosial Media dapat meningkatkan peforma dan pengunjung blog kita,sekian Terimakasih !

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: