Cara Pasang widget media sosial lengkap Untuk Blogspot

Oleh Unknown

Bagikan :

Tweet

Tutorial Blogger - meida sosail banyak berperan penting untuk kemajuan blog anda dan sangat diperlukan untuk berinteraksi tidak hanya memlalaui blog saja,maka dari itu Belajar Ngblogg

akan membagikan sebuah widget media sosial lengkap seperti widget facebook,google plus,twitter  yang anda bisa pasang di blog kesayangan anda,

Widget media sosial lengkap ini sangat sederhana tampilannya tapi tidak mengurangi kegunaan dan manfaat dari wiget media sosial ini,apalagi kalau anda sering menyebar artikel-artike tebaru blog anda ke pengunjung blog anda,jadi tidak ada salahnya wdget yang satu ini dipasang di blog kesayangan anda.

Kalau anda ingin memasangnya widget media soaila lengkap ini ,silahkan saja ikuti tutorial dibawah ini ;

1. Pastikan anda sudah login ke akun blogspot anda
2. kemudian anda klik Tata Letak - add a gagget
3. lalu anda pilih Html/JavaScrift
4. Sekarang anda tinggal copykan kode dibawah ini
   <style> .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) 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://contohblognih.blogspot.com">CB Bloggerz</a></p> <div class='touchme'>
   <!--RSS--> <a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
   <!--Google Plus--> <a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='nofollow' target='_blank'></a>
   <!--Facebook--> <a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a>
   <!-- Twitter --> <a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a> </div>
5. Simpan

Cukup mudahkan tutorial pasang widget sosial lengakp untuk blogspot ini,apalagi kalau langsung diperaktekan,semoga tutorial ini sangat membantu anda dan bermanfaat untuk kita semua.

Tag : Tutorial Blogger