BUTTON LIKE FACEBOOK ENTRI POST BLOG

 
Selain meletakkan button ini di sidebar, anda juga boleh meletakkannya pada setiap bawah entri post blog anda. Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Template"

(jangan lupa "backup template" terlebih dahulu sebelum melakukan apa-apa perubahan pada skrip html, sebagai langkah berjaga-jaga)

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod  
<data:post.body/>

4) Letakkan kod di bawah  SELEPAS kod <data:post.body/> yang anda cari di langkah 3 tadi
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

* Rupa kod anda akan jadi seperti ini
<data:post.body/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

5) Save dan lihat hasilnya. Selamat mencuba! :)

* Jika anda ingin meletakkan button like ini di kedudukan atas post entri, sila rujuk tutorial ini.


Labels:

HOW TO MAKE BUTTON LIKE FACEBOOK AT SIDEBAR BLOG POST


Button like ini boleh diletakkan untuk anda mengetahui berapa banyak like yang anda dapat untuk blog anda atau apa sahaja topik yang ingin ajukan pada button like tersebut .

 Ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Add A Gadget > Html / Javascript

3) Copy paste kod di bawah pada ruang Html / Javascript tadi

<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border: medium none; overflow: hidden; width: 280px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href=http://url-bloganda.blogspot.com&layout=standard&show_faces=false&width=280&action=like&font=arial&colorscheme=light&height=40"></iframe>

Nota : Gantikan perkataan yang dihighligtkan merah di atas dengan url blog anda. Letakkan topik yang ingin anda ajukan pada ruang title

4) Save dan lihat hasilnya.
Labels:

HOW TO AUTO LIKE FACEBOOK FAN


Widget ini disediakan oleh kakinetwork.com. Sebaik sahaja blog anda dibuka, paparan like kotak facebook fan page anda akan muncul terlebih dahulu mengikut masa yang telah ditetapkan, sebelum pelawat dapat masuk ke blog anda. Jom cuba trick ini. Ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

atau
<body>

4) Kemudian, copy dan paste kod di bawah SELEPAS / DI BAWAH kod yang korang cari di langkah 3 tadi.
 
 <!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>KNFBFansPRO=&quot;Jombinabelog&quot;</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakiblogger.css' rel='stylesheet' type='text/css'/>
<script src='http://yourjavascript.com/0143115100/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://yourjavascript.com/5400531110/likeboxfbfan-pro.js' type='text/javascript'/>
<script language='javascript'>
$(document).ready(function() {
$(&#39;body&#39;).KNFBFansPRO( {
url: &quot;http://www.facebook.com/pages/Macam-Comel-Jeee-Macam-Cute-Jee/596049627126848&quot;,
tunggu: 15,
wait: 1440,
tutup: false
} );
});
</script>
<div id='fbtpdiv'/>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->
 
Nota:
Biru - nama fan page
Merah - URL fan page anda

5) Klik preview, jika tiada error klik save template.

Selamat mencuba! :)
Labels:

HOW TO MAKE HORIZONTAL MENU


Disamping menampakkan kelainan pada rupa blog anda, dengan adanya menu horizontal ini, blog akan lebih mudah di explore oleh pelawat. Ikuti tutorial di bawah untuk mengaplikasikannya pada blog anda:

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kod Menu Horizontal pada ruang Html / Javascript tadi. 


 <li><a rel="nofollow" href="#"><span>Link 1</span></a></li>
<li><a rel="nofollow" href="#"><span>Link 2</span></a></li>
<li><a rel="nofollow" href="#"><span>Link 3</span></a></li>
<li><a rel="nofollow" href="#"><span>Link 4</span></a></li>
<li><a rel="nofollow" href="#"><span>Link 5</span></a></li>
<li><a rel="nofollow" href="#"><span>Link 6</span></a></li>
<li><a rel="nofollow" href="#"><span>Link 7</span></a></li>

 # - url untuk setiap menu ( cth: http://sharing4me.blogspot.com/2012/01/menu-horizontal-pada-blog.html)
Link 1 - 7 - nama menu yang korang nak letak ( cth home, about me, contact dll)

Labels:

HOW TO REMOVE NAVIGATION BAR

 

Kebiasaanya akan ada satu nav bar warna biru pada bahagian paling atas blog. Mungkin korang rasa nav bar tu menganggu ruang dalam blog atau nampak tak cantik. Cara nak remove nav bar ni senang je. Ikuti tutorial di bawah:

1) Sign in akaun blogger

2) Dashboard >> Design >> Edit HTML

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod ini

/* Variable definitions
4) Kemudian copy dan paste kod ini SEBELUM / DI ATAS kod  /* Variable definitions tadi


#navbar-iframe { display: none !important; }

5) Klik preview, dah hilang nav bar? klik save template.

Selamat mencuba! :)
Labels:
Subscribe to: Posts (Atom)