Tutorial Sembunyikan FB Fan Page di Blog

Bagi blogger yang mempunyai facebook fanpage sendiri, adalah biasa untuk meletakkan fanpage tersebut di blog. Biasa untuk letakkan di sidebar blog, untuk kali ini admin akan tunjukkan pula cara untuk sembunyikan facebook fan page ditepi blog anda.




Anda juga boleh tengok contoh page yang diletakkan di tepi dalam blog di blog demo ini.

Tutorial sembunyikan Fb fan page adalah seperti di bawah.


Langkah 1:

i. Dari dashboard > design > edit HTML

ii. Menggunakan fungsi find, (ctrl + F), cari kode </head>

iii. Copy dan paste kode di bawah SEBELUM kode </head>





&lt;script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/&gt;

Contoh:


Nota: Jika anda dapati kode di atas sudah ada di template anda atau anda sudah memasang code Jquery, makaabaikan langkah 1, pergi terus ke langkah 2.

iv. Selepas selesai klik Save Template





Langkah 2:

i. Dari dashboard > design > page element > add a gadget >  HTML/javascript

ii. Copy dan paste kode di bawah dalam ruangan HTML/javascript yang anda telah buka
&lt;script type="text/javascript"&gt;
//&lt;!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--&gt;
&lt;/script&gt;
&lt;style type="text/css"&gt;
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/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;}
&lt;/style&gt;&lt;div class="w2bslikebox" style=""&gt;&lt;div&gt;

&lt;iframe src="http://www.facebook.com/plugins/likebox.php?href=URL PAGE ANDA&amp;amp;width=245&amp;amp;colorscheme=light&amp;amp;show_faces=true&amp;amp;connections=9&amp;amp;stream=false&amp;amp;header=false&amp;amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"&gt;&lt;/iframe&gt;&lt;span&gt;&lt;a href="http://store-bringbackislam.blogspot.com/p/bagi-blogger-yang-mempunyai-facebook.html"&gt;Tutorial Here&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;

Nota: Gantikan "URL PAGE ANDA"

contoh url page:


iii. Save dan lihat hasilnya.:)


+ komentar + 2 komentar

3 Mei 2013 pukul 06.51

gan biar websitenya da tulisan harganya gmna y, yg di latest product

23 Juni 2013 pukul 03.44

tutorial ada di website maskolis gan.. ini: http://www.maskolis.com/2012/06/2-template-toko-online-semrawut-tanpa.html?showComment=1341982918456

Posting Komentar

 
Support : Creating Website | Kaos Ideologis | Portal Islamy
Copyright © 2013. Store n Creative BringBackIslam - All Rights Reserved
Template by Creating Website Published by Mas Template
Proudly powered by Blogger