SELAMAT DATANG KE wowCLICKzone, TERIMA KASIH KERANA BERKUNJUNG,SEMOGA APA YANG DIKONGSI DISINI BERMANAFAAT KEPADA ANDA...

CARA MELETAKKAN LIKE FANS PAGE FACEBOOK POP UP ATAU TERSEMBUNYI DENGAN TIMER

contohnya seperti apa yang terpapar diawal anda masuk ke ruangan ini.......

1) Salin kod dibawah ini kemudian pastekan ke note pad 

<!-- by: wowCLICKzone.com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='welcome to wowCLICKzone'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:
9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px;
}
#fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%;
}
.fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;
}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;
}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;
}
#fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-
weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important;
}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;
}
</style>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
<script language='javascript'>
//<![CDATA[
 $(document).ready(function(){     
  $().KNFBFansPRO({
   timeout: 20,
   wait: 0,
   url: 'http://www.facebook.com/159212220847064',
   closeable: true  });
 });
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- by:wowCLICKzone.com Likebox Pro FBFan Code End -->

2) setelah copy paste kod diatas pada note pad,sila gantikan dahulu:
a) yang bertanda MERAH dengan nama fans page atau ayat seperti yang anda suka
b) yang bertanda BIRU ,gantikankan dengan ID fans page facebook anda
c) yang bertanda HIJAU, adalah tempoh masa TIMER,anda boleh gantikan ikut kesesuaian anda,jika tidak abaikan saja.
d) yang bertanda INDIGO, anda boleh gantikan dengan false jika ingin agar kotak like box tertutup sendiri,tanpa di klik oleh penggunjung. true/false 

LANGKAH SETERUSNYA:

3) anda buka bahagian template blog anda  dan pilih html (edit)

4) cari kod </body> jika sudah jumpa, pastekan kod html yang telah anda edit tadi, diatas kod </body>

5) savekan tamplate dan lihat hasilnya.



~~ TERIMA KASIH KERANA MENGUNJUNGI,SELAMAT MENCUBA ~~

CARA MEMBUAT GALERI GAMBAR DALAM POSTIGAN BLOG



1) upload dahulu gambar yang ingin, anda jadikan sebagai senarai gambar dalam posting, kedalam web hosting gambar,cthnya PHOTOBUCKET,untuk mendapatkan url gambar

2) salinkan code dibawah ke notepad


<div class="snap_preview">
<style type="text/css">.gallery{margin:auto;}.gallery-item{float:left; width:33%;} .gallery-caption { margin-left: 0; }</style>
<div class="gallery snap_nopreview">
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
<dl class="gallery-item">
<dt class="gallery-icon"><a href="Url Image anda" target="_blank">
<img border="0" height="150" src="Url Image anda" width="200" /></a>
</dt>
</dl>
</div>
</div>

3) gantikan "url Image anda" dengan url gambar anda

4) setelah selesai menyusun url gambar, copypaste codenya dan masukkan kedalam posting anda

5)publiskan postingan anda dan lihat hasilnya

CARA MEMBUAT DAFTAR ISI MANUAL UNTUK BLOG

Login ke Blogger, Klik Rancangan/Design; Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan; Cari dan pilih HTML/Javascript; Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-LfsrNo1vk0y245gVFhqbsv_IoqAvFTDd3cq53LIOrpxJ_EmfNMzBCZ8ZMUndZLAIt6ua6F5MZOTVAfyzE4KQH_J9tAQqbBI1wI1ilcoF_ec_HrWpMR3ha8qqquKedZe6cUXTEbtquvJ/") 

no-repeat left center;
line-height:1.5em;
padding:3px 0px 3px 20px;
}
</style>
<div style="background-color: #f7f7f7; border: 1px solid rgb(68, 67, 67); height: 220px; margin: 0px; 

overflow: auto; padding: 3px; width: 300px;">
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="list daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk disini</a></div>
<div class="list">
<a href="link daftar isi">tajuk</a></div>
</div>

save dan lihat hasilnya :)

MEMBUAT DAFTAR ISI DENGAN KOTAK SKROL DIBLOG

DAFTAR ISI





1.    Login ke akun Blogger Anda, lalu klik Tata Letak -> Tambahkan Gadget -> HTML Javascript.
2.    Pastekan script berikut, dan isikan TAJUK sesuai dengan keinginan Anda pada kolom Judul.

<div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">

<script src="https://googledrive.com/host/0ByoCwyjwB1aDQnJmSWpieEZkbDg">
</script>
<script>
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=999&amp;callback=showrecentposts">
</script></div>
<div align="center" style="font-size: 8px; padding: 20px 5px 5px;">
<a href="http://xxpc123xx.blogspot.com" style="color: black;" target="_blank">Tips SEO + Blog</a></div>

3.    Terakhir, klik Simpan, dan lihat hasilnya.

CARA LETAKKAN FOLLOW BUTTON DAN DASHBOARD PADA BLOG

 
 CONTOH

Step 1 : Dashboard > Design > Add gadget > HTML/javascript

Step 2 : Copy dan paste code kat bawah nie dalam HTML/javascript :
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div> 

 Nota: Gantikan 'ID BLOG ANDA'

Bagaimana untuk cari ID Blog.?
> Anda klik pada 'new post' dari dashboard, dan akan ada paparan seperti gambar di bawah. Noombor yang admin highlight adalah contoh NO ID BLOG






3. Setelah anda selesai letakkan ID blog anda, save dan lihat hasilnya

CARA MELETAKKAN LIKE BUTTON FACEBOOK PADA BLOG

1. Login akaun blogger, dari dashboard > design > edit HTML > expand widget templates
( backup template untuk langkah berjaga²)

2. Gunakan fungsi find (ctrl + F), cari kod berikut.

<data:post.body/>

3. Kemudian copy kod ini, dan paste di bawah kod 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;'/>

4. Kemudian save dan view blog anda..
Previous Home