Sabtu, 06 Juni 2015

Cara Membuat Widget Follow Us Sosial Media Keren di Blog dengan Mudah

Asalamu'alaikum Wr. Wb

Hallo Sahabat Tutor, kali ini saya akan memberikan suatu tutorial tentang membuat widget follow us keren di blog anda. Tidak akan sempurna dan terlihat profesional jika di dalam blog anda tidak ada suatu widget apalagi widget yang sangat berguna ini. Fungsi dari widget follow us adalah supaya banyak orang yang mengikuti update dari blog anda.

Widget Folow Us Keren

Saking banyaknya pengguna widget follow us, semakin banyak juga orang yang menggunakan bahkan membuat widget follow us yang lebih keren. Namun saya akan memberikan widget follow us secara gratis dan pastinya sangat keren. Oke langsung saja menuju tahap tutorialnya.


1. Silahkan anda masuk terlebih dahulu pada blog anda
2. Pilihlah tata letak lalu pilih tambah widget
3. Akan terdapat banyak pilihan widget, anda hanya harus memilih html/javascript
4. Silahkan copy kode di bawah ini untuk membuat widget keren

<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="URL RSS BLOG ANDA" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> <a class='googleplus' href="URL GOOGLE PLUS ANDA" rel='nofollow' target='_blank'></a>
<!--Facebook--> <a class='facebook' href="URL FANSPAGE FB ANDA" rel='nofollow' target='_blank'></a>
<!-- Twitter --> <a class='twitter' href="URL TWEETER ANDA" rel='nofollow' target='_blank' ></a> </div>

5. Pastekan pada kolom html/javascript tadi
6. Ganti huruf yang berwarna merah dengan alamat URL anda
7. Selesai.

Cukup mudah kan, dan widget follow us siap untuk digunakan, mudah-mudahan apa yang saya sampaikan dapat bermanfaat.

Wassalamu'alaikum Wr. Wb.

Cara Membuat Widget Follow Us Sosial Media Keren di Blog dengan Mudah Rating: 5 Diposkan Oleh: Nando Tamvan

0 komentar:

Posting Komentar