Lazy Loading Page.

Memasang jQuery Lazy Load adalah salah satu cara untuk mempercepatkan "loading page" pada sesebuah blog yang mempunyai size image yang besar.Lihat DEMO.Bagaimana untuk memasang "plug in" ini ? Sila ikuti beberapa langkah mudah dibawah.1. Sign in akaun...

READ MORE...

Sitemap.

1. SIGN IN akaun blogger2. Pilih NEW POST.3. Pilih EDIT HTML.4. Copy kod di bawah dan paste.<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script><script src="http://www.abufarhan.co.cc/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>5....

READ MORE...

Intro Page.

Apa itu "intro page" ? Bagaimana untuk membuatnya?Untuk melihat DEMO.Sekiranya anda sudah memahami apa itu "intro page" dan mahu membuatnya,sila ikuti beberapa langkah mudah di bawah.1. Sign in akaun blogger anda.2. Pilih DESIGN --> EDIT HTML.3. BACKUP...

READ MORE...

Add Subscribe Box to Blogger/Website.

1. Masuk akaun Blogger.2. Pilih 'Design'--> 'Add a Gadget'--> 'Html / Javascript'.3. Copy kod di bawah dan Paste.<style type="text/css">#subscribe-box { overflow: hidden; margin: 10px 0 0 0; }#subscribe-box a.subscribe-sec { display:...

READ MORE...

Display Number of Twitter Followers as Text.

1. Masuk akaun Blogger.2. Pilih 'Design'--> 'Add a Gadget'--> 'Html / Javascript'.3. Copy kod di bawah dan Paste.<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script...

READ MORE...

Image Menu Slider.

1. Sign in akaun blogger anda.2. Pilih LAYOUT --> EDIT HTML.3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.5. Cari kod ini.]]></b:skin>6. Copy kod di bawah...

READ MORE...

Sexy Hidden Sidebar.

1. Masuk akaun Blogger.2. Pilih 'Layout'--> 'Add a Gadget'--> 'Html / Javascript'.3. Copy kod di bawah dan Paste.<style type="text/css">#gb{position: fixed;width: auto;height: auto;top: 200px;right:-7px;}* html #gb{position:relative;}.gbtab{float:left;height:137px;width:28px;...

READ MORE...

Menukarkan Post Date Dengan Calendar Icon.

1. Sign In akaun Blogger.2. Pilih Settings --> Formatting dan ganti "date header format".3. Pastikan format tarikh seperti ini (mm.dd.yyyy) contoh : 7.14.2010.4. Kemudian Save Setting.4. Langkah seterusnya, pilih Layout --> Edit HTML --> Expand...

READ MORE...

Thumbnail Related Posts With Marquee.

Memasang 'Related Posts' dapat membantu dan meningkatkan Page Views sesebuah blog.1. Sign in akaun blogger anda.2. Pilih LAYOUT --> EDIT HTML.3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.4. Klik pada EXPAND WIDGET TEMPLATE seperti...

READ MORE...

Slide Recent Posting.

1. Masuk akaun Blogger.2. Pilih 'Layout'--> 'Add a Gadget'--> 'Html / Javascript'.Copy kod di bawah dan Paste.<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style media="screen"...

READ MORE...

Memasang Hidden Shoutbox.

1. Masuk akaun Blogger.2. Pilih 'Layout'--> 'Add a Gadget'--> 'Html / Javascript'.3. Copy kod di bawah dan Paste.<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvO99bNXjpqt4U5Kfr8FgTXk7b3Hx34Hl2iajXAwDruAgdrMiJlwCyTQ37pZpWU_7Y3gbZLLDmrzWbg05QreTmiAPZY0ZGI-w3gB-yEReWlbqd-mamjAqEFu9EAKpU_0zxChS70V73brc/s400/Shoutbox+tabs.png')...

READ MORE...

Memasang Google Buzz Button.

1. Sign in akaun blogger anda.2. Pilih LAYOUT --> EDIT HTML.3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah.4. Cari kod ini.<div class='post-header-line-1'/>5. Copy kod di bawah dan letakkan selepas kod di atas.<div style="float:right;padding:4px;"><script...

READ MORE...

Memasang Top Comments Bergerak.

1. Masuk akaun Blogger.2. Pilih LAYOUT --> Add a Gadget --> Html / Javascript.3. Copy kod di bawah dan Paste.<center><!--Top Comments--><div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top...

READ MORE...

Memasang 'Heart Comment Count'.

1. Sign in akaun blogger.2. Pilih LAYOUT --> EDIT HTML.3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.5. Cari kod ini.]]></b:skin>6. Copy kod di bawah...

READ MORE...

Memasang 'Heart Social Bookmark'.

1. Sign in akaun blogger.2. Pilih LAYOUT --> EDIT HTML.3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah.4. Cari kod ini.<data:post.body/>5. Copy kod di bawah dan letakkan selepas kod di atas.<div style='clear:both; '><div...

READ MORE...

Memasang Retweet Counter Buttons.

1. Sign in akaun blogger anda.2. Pilih LAYOUT --> EDIT HTML.3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah.4. Cari kod ini.<div class='post-header-line-1'/>5. Copy kod di bawah dan letakkan selepas kod di atas.( Large Button....

READ MORE...

Memasang 'Leaves Fall Social Bookmark'.

1. Sign in akaun blogger.2. Pilih LAYOUT --> EDIT HTML.3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah.4. Cari kod ini.<data:post.body/>5. Copy kod di bawah dan letakkan selepas kod di atas.<div style='clear:both; '><div...

READ MORE...