Membuat Pop Up Facebook Like Pada Blogspot
Membuat Pop Up Facebook Like Pada Blogspot - Pada kesempatan kali ini saya akan memberikan trik mengenai penerapan memasang pop up facebook like untuk blogspot. Dengan memasang widget ini menyempatkan pengunjung yang datang selalu melihat facebook like/halaman facebook/halaman penggemar yang muncul setiap membuka halaman pada blog. Sesekali pengunjung akan melakukan klik suka/like dengan trik ini jika mereka peduli. Widget ini memiliki tombol close 1 kali, tetapi akan muncul jika membuka halaman yang berbeda pada blog. Pada widget ini juga dibenahi dengan twitter followers/pengikut twitter, supaya pengunjung dapat melihat blog kita pada jejaring sosial. Trik ini sudah saya praktekan pada blog koisine dan Anda akan melihat widgetnya saat Anda membuka halaman pada blog ini.Tampilan Pop Up Facebook Like yang muncul di kanan
 |
| Tampilan yang minimalis |
Langkah-langkahnya terbilang mudah, tetapi simaklah langkah-langkah berikut ini dengan seksama untuk menghindari kesalahan yang tidak diinginkan.
Langkah Pertama,
- Masuk pada akun blogger Anda,
- Selanjutnya, masuk pada Layout/Tata Letak,
- Pilih Tambah Gadget untuk menambah kode pop up facebook like,
- Pilih HTML/Javascript - Lalu letakan kode di bawah ini kedalam HTML/Javascript tersebut,
<script src="http://koisine-bloggers.googlecode.com/files/popup.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url("http://www.scri8e.com/white.gif") repeat scroll 0% 0% transparent;-moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(255, 51, 0); display: block;"><div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;"><a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Exit</a><strong style="color: rgb(0, 0, 0);">Jangan Lupa Klik Like/Suka!</strong><br/>
<a href="https://twitter.com/Nama-Twitter-Anda" title="alibloggers" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama-Twitter-Anda</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fid-id.facebook.com%2Fpages%2FKoisine-Berbagi-Tutorial%2F279788968737905&width=292&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=212&appId=128536653899046" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:212px;" allowtransparency="true"></iframe></div></div>
- Simpan.
Perhatian : Agar kode tersebut sesuai dengan blog Anda, maka dibutuhkan pengaturan ulang pada kata-kata yang bercetak tebal dan harus sesuai.
Selesai sudah artikel mengenai "Membuat Pop Up Facebook Like Pada Blogspot" ini. Semoga artikel ini mudah dipahami dan mudah untuk dilakukan.
Terima kasih,
4.5
Categories:
facebook,
panduan blogger
1 komentar:
matab bos... terima kasih tutorialnya.
Posting Komentar