Saturday, January 27, 2018

author photo
Fans Page Facebook adalah salah satu website komunitas untuk mempormosikan postingan blog, atau produk lainnya. Dengan Begitu, salah satu cara tepat mendapatkan traffic tinggi setiap saat. Bukan hanya akun Profile Facebook tapi Fan Pages Facebook bisa kita promosikan sesuatu yang bermanfaat bagi pengunjung blog.

Pada saat ini, kita bahas tentang Cara Menempatkan Tombol Halaman Facebook Unik Ke Blogger. Tujuannya supaya tidak ketiggalan para pengunjung ketika update posting atau produk baru. Banyak Sosial Media lainnya untuk melakukan hal Cara mempormosikan suatu produk, namun kali ini adalah khusus fan page Facebook yang kita buat sebelumnya. Berikut tutorial lengkap;

Cara Menempatkan Tombol Halaman Facebook Unik Ke Blogger


Cara Memasang Tombol Fans Page Facebook Unik ini tidaklah susah, anda hanya menambah sedit script pada template blog anda. Namun ada syarat yang anda penuhi.

Syaratnya adalah :

    1. Anda harus memiliki Akun pribadi Facebook.
    2. Anda juga harus punya sebuah Halaman Facebook khusus Blog Anda. Biasanya nama Fan pages sama dengan nama Blog
Apabila anda belum memiliki syarat di atas, abaikan dulu tutorial kali ini, dan buat akun profile pribadi dan halaman fan page khusus Blog Anda.

Jika syarat sudah terpenuhi, ikuti tutorialnya berikut; sebelum memulai, lihat contoh tampilan tujuan tutorial ini lihat di samping;





Ada Dua langkah Cara Memasang Tombol Fans Page Unik Facebook
Langkah Pertama
    1. Bukalah akun blog anda kawan
    2. Masuk Elemen Template, lalu pilih Edit Widget, slanjutnya Centang : Expand Template Widget
    3. Carilah kode ;
</head>
    lalu copylah kode script di bawah ini tepat persis di atas kode di atas

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

    4. Simpan tempalate blog anda.

Catatan :
Apabila template anda sudah menyediakan kode script diatas, abaikan saja. Artinya anda tidak perlu memasukkannya lagi ke dalam template blog anda. Selanjutnya ikuti cara kedua.

Langkah Ke Dua
    1. Apabila cara pertama sudah beres, maka masuklah ke Elemen Tata Letak, pilih Add Widget / Tanmah Gadget
    2. Lalu pilih HTML/Jawascript
    3. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat.
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://2.bp.blogspot.com/-q2ffC0BYUao/US1pVQ9b3vI/AAAAAAAAATg/0Mkvc-o_Tn4/s1600/fans-page-facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/EnBSTBlogger&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="https://www.idniez.com/"> BritaBlogger</a></span></div></div>

    4. Simpat Widget/Gadget Baru yang anda buat tersebut.
    5. Lihat hasilnya.

Catatan :
1. Gantilah tulisan https://www.facebook.com/EnBSTBlogger dengan alamat / URL Halaman Facebook Anda.

Demikian tutorial kali ini mengenai Cara Memasang Tombol Fans Page Facebook Unik, semoga bermanfaat.
Jangan lupa LIKE juga Halaman Facebook Britablogger
Terimakasih!
 

This post have 0 comments


EmoticonEmoticon

Next article Next Post
Previous article Previous Post