Dan kali ini tutorial lampung juga mo berbagi kepada teman blogger lainnya tentang Cara Membuat Floating Fans Page Facebook Di Blog tentunya ini hanya untuk pemula, karena bagi para senior blogger hal ini sudah diluar kepala mereka, kegunaan dari fans page facebook ini sendiri selain memperindah tampilan blog juga untuk mengetahui sebera besar minat pengunjung untuk mengikuti artikel sobat melalui facebook itu sih menurut tutorial lampung. dan jangan hawatir sob widget ini tidak akan menghabiskankan tempat karna sistim hidden/tersembunyi, langsung z kita ke cara membuat fans page facebook, tapi sob harus mempunyai halaman fans page facebook, bila belum buat dulu halaman fans page sobat, buat disini , bagi yang sudah punya ikuti langkah berikut
1.Login Ke Blog Sobat
2. Masuk dashboar
3.Pilih edit html jgn lupa centang expand template
4.Cari Kode ]]></b:skin>
5.Paste kan kode ini dibawah kode diatas
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'
type='text/javascript'/>
6.Simapn template
7.Masuk ke tata letak
8.Pilih tambah Gedjet (pilih tambah html/java script)
9.Patekan kede ini
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-360"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoCVFHizAAlu7zkTL7bLCOs3cbCTLo1o9s9SkCJ3eKwsPIxsp-4deNF9-L5gbSTt_zSa_No-08PNrNNw7PAtTdh6XIjhH_f50yWeVK2XEZTf8oZ_Ds7JvfiZpyI7CB-7ZMlj5gafaKwiIT/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 200px;padding: 0 5px 0 39px;width: 365px;z-index: 99999;position:fixed; right:-365px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/TutorialLampungBlogspot&width=330&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 450px; width: 380px;background:#fff;"></iframe> </div> </div>
10.Ganti warna biru dengan URL fans Page Facebook Sobat
11.Simpan dan liat hasilnya
Gampang kan sob bikin Floating Fans Page Facebook Di Blog, semoga sukses seperti tutorial lampung
2. Masuk dashboar
3.Pilih edit html jgn lupa centang expand template
4.Cari Kode ]]></b:skin>
5.Paste kan kode ini dibawah kode diatas
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'
type='text/javascript'/>
6.Simapn template
7.Masuk ke tata letak
8.Pilih tambah Gedjet (pilih tambah html/java script)
9.Patekan kede ini
<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-360"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .likebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoCVFHizAAlu7zkTL7bLCOs3cbCTLo1o9s9SkCJ3eKwsPIxsp-4deNF9-L5gbSTt_zSa_No-08PNrNNw7PAtTdh6XIjhH_f50yWeVK2XEZTf8oZ_Ds7JvfiZpyI7CB-7ZMlj5gafaKwiIT/s1600/fb.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 200px;padding: 0 5px 0 39px;width: 365px;z-index: 99999;position:fixed; right:-365px;top:44%;} .likebox div{border:none;position:relative;display:block;} .likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;} .likebox span a{color: gray;text-decoration:none;} .likebox span a:hover{text-decoration:underline;} </style> <div class="likebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/TutorialLampungBlogspot&width=330&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 450px; width: 380px;background:#fff;"></iframe> </div> </div>
10.Ganti warna biru dengan URL fans Page Facebook Sobat
11.Simpan dan liat hasilnya
Gampang kan sob bikin Floating Fans Page Facebook Di Blog, semoga sukses seperti tutorial lampung
