Thursday, 14 April 2016

Widget Sosial Media Keren Untuk Blog ( Tutorial )

Advertisement
Kali ini saya akan mempostingkan artikel yang bagus untuk anda praktekan pada blog anda yaitu, Memasang Widget Simple Namun Keren Untuk Blog .Untuk memperlengkap suatu blog agar membuat sebuah situs memenuhi kebijakan google apalagi untuk mengikuti program monetasi konten blog yaitu Google Adsense maka suatu blog haruslah memiliki menu sosial media pada blog atau websitenya , Bagaimana cara membuatnya ? simple kok mari simak ..
widget sosial media keren untuk blogspot


Tutorial :

Demo:
Demo Widget


Saya anggap kawan sudah login.

1. Masuk ke Bagian Tata Letak Pada Blog



2. Klik pada Tambah Widget / Add Gadget > Letakan script di bawah ini tepat pada kolom Konten.

3. Pilihlah atau klik pada bagian "HTML/JAVASCRIPT"


4. Lalu Copy dan Paste kan Kode Dibawah ini pada kolom "HTML/JAVASCRIPT"
     <style> .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/…/Sharing%20T…) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <p style="display:none;">Social Media Sharing by <a href="http://goo.gl/dgPuAl">NIGHT002</a></p> <div class='touchme'><!--RSS--> <a class='rss' href="LINK RSS ANDA" rel='external nofollow' target='_blank'></a><!--Google Plus--> <a class='googleplus' href="LINK GOOGLE+ ANDA" rel='nofollow' target='_blank'></a><!--Facebook--> <a class='facebook' href="LINK FACEBOOK ANDA" rel='nofollow' target='_blank'></a><!-- Twitter --> <a class='twitter' href="LINK TWITTER ANDA" rel='nofollow' target='_blank' ></a> </div>









5. Lalu Tahap Terakhir Klik Save / Simpan Perubahan .
6. Selesai Widget Sosial Media Telah Terpasang Di Blog Kalian :)

 "Kutipan" : Tulisan Yang Berwarna - Warni kalian ubah dengan URL Sosial media kalian :-)


    Jika Sudah Simpan.

Demikian Saya menjelaskan cara memasang widget simple namun keren semoga artikel ini dapat membantu kalian untuk memperlengkap dan mempercantik blog atau website kalian ,




Terimakasih , Mohon Untuk Like , Share and Koment nya ya :)

Artikel Terkait


EmoticonEmoticon