SyamZone™: 2009

CSS Bubble Tooltips.

Untuk melihat demo CSS Bubble Tooltips klik di sini.Bagaimana untuk memasang CSS Bubble Tooltips? Sila ikuti langkah-langkah mudah di bawah.1. Sign in akaun blogger.2. Pilih LAYOUT --> EDIT HTML.3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang...

Memasang FaceBook Share Button.

Untuk Memasang FaceBook Share Button.1. Mula-mula anda perlu memilih button klik di sini.2. Setelah selesai memilih button.3. Sign in akaun blogger anda.4. Pilih LAYOUT --> EDIT HTML.5. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah.6....

Menambah Post Divider.

01. Sign In akaun blogger.02. Pilih Dashboard >> Layout >> Edit html.03. Cari kod ini..post04. Gantikan kod di atas dengan kod ini..post{margin: 0 0 40px 0;width: 90%;background: url(http://www.imagehost.com/separator.jpg);background-repeat:...

Memasang Page Views Hit Counter.

Memasang Page Views Hit Counter bertujuan untuk menunjukkan kekerapan pengunjung / pembaca sesebuah post / page.Untuk memasang blogger page views ini, sila ikuti beberapa langkah mudah ini.1. Sign In akaun Blogger.2. Pilih LAYOUT --> EDIT HTML.3....

Menambah Scroll Background Dengan jQuery.

LIHAT DEMO1. 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.</head>6. Copy script jQuery...

Memasang Scroll To Top .

Memasang Back To Top Smooth Scroll akan memberikan effect lebih lancar untuk kembali ke atas.1. Sign in akaun blogger.2. Pilih LAYOUT --> EDIT HTML.3. Cari kod ini.</head>4. Copy kod di bawah dan Paste di atas kod tadi.<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js'...

Menambah Image Caption.

Tujuan menambah Image Caption supaya image / gambar lebih mudah di fahami dan kelihatan lebih menarik.1. SIGN IN akaun blogger anda.2. Pilih LAYOUT --> EDIT HTML.3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.4. Klik pada EXPAND...

Memasang Related Posts With Thumbnails.

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...

Menambah Profile Shadow.

1. SIGN IN Akaun Blogger2. LAYOUT --> EDIT HTML.3. Cari kod ini..profile-img {border:1px solid #CCCCCC;float:left;margin:0 5px 5px 0;padding:4px;}4. Tambahkan kod di bawah. profile-shadow: 5px 5px 5px #ccc; -moz-box-shadow: 5px 5px 5px...

Back To Top Button.

Memasang back top to top button 1. Sign in akaun blogger. 2. Pilih LAYOUT --> EDIT HTML. 3. Cari kod ini </body> 4. Copy kod di bawah letakkan di atas kod tadi. <a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back...

Label Cloud Mudah Untuk Blogspot.

1. Masuk akaun Blogger.2. Pilih 'Layout'--> 'Add a Gadget'--> 'Labels'.3. Configure Labels.4. 'Display'--> 'Cloud'--> 'Sav...

Mengubah Penampilan Halaman Komen.

Untuk mengubah penampilan halaman komen,anda boleh megikuti beberapa langkah mudah di bawah.Sekiranya anda sudah mahir dengan CSS dan mahukan kelainan, anda boleh mengubah penampilan mengikut kreativiti dan citarasa anda.1. Sign in akaun blogger anda.2....

Memasang "Save As PDF Button".

1. Sign in akaun blogger.2. Pilih LAYOUT --> EDIT HTML.3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.4. Cari kod ini.<data:post.body/>5. Copy kod ini letakkan selepas kod di atas.<script src=”http://web2pdf.freepdfconvert.com/pdfbutton.js”...

Auto Read More #2.

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.7. Cari kod ini.<data:post.body/>8. Gantikan kod...

Code Box #2.

Selain di jadikan sebagai code box,anda juga boleh memasukkan imej atau artikel,mengikut kreativiti anda:Untuk membuat code box ini anda hanya perlu mengikuti,beberapa langkah mudah di bawah.01. Mula-mula masuk akaun blogger anda.02. Pilih 'Layout'-->'Edit...

Memasang 'Syntax Highlighter'.

Syntax Highlighter memberikan penampilan Code box lebih professionalUntuk memasang Syntax Highlighter, sila ikuti beberapa langkah mudah di bawah.1. SIGN IN akaun blogger.2. Pilih LAYOUT --> EDIT HTML --> EXPAND WIDGET TEMPLATE.3. Cari kod ini.]]></b:skin>4....

JQuery Social Bookmark.

Lihat Demo01. Mula-mula sign in akaun blogger anda.02. Pilih Layout --> Edit HTML.03. Backup Template anda dahulu untuk mengelakkan sebarang masalah.04. Klik pada Expand Widget Template seperti screenshot di bawah ini.05. Cari kod ini.]]></b:skin>06....

Memasang 'Page Navigation #2'.

Untuk memasang 'Page Navigation #1' rujuk di sini.Untuk memasang 'Page Navigation #2'.Sila ikuti beberapa langkah ini.1. Sign in akaun blogger.2. Pilih Layout --> Edit HTML.3. Klik / tandakan Expand Template Widget seperti screenshot di bawah ini.4....

Memasang 'Random Header Image'.

1. Sign in akaun blogger.2. Pilih Layout --> Edit HTML.3. Cari kod ini.]]></b:skin>4. Copy kod di bawah dan letakkan di bawah kod tadi.<script type='text/javascript'>var gbr= new Array()gbr[0]="http://IMEJ1.png"gbr[1]="http://IMEJ2.png"gbr[2]="http://IMEJ3.png"gbr[3]="http://IMEJ4.png"gbr[4]="http://IMEJ5.png"var...

Memasang 'Side Fixed Menu'.

1. Sign in akaun blogger anda.2. Pilih Layout --> Edit HTML.3. Back Up 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...

Menampilkan Photo Profile Secara Random.

Untuk menampilkan photo profile secara random / rawak, sila ikuti beberapa langkah mudah di bawah.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...

Membuat ' Expando Image Effect'.

Sekiranya anda tidak mengetahui apa itu ' Expando Image Effect ' ?Sila lihat demo di sini. Letakkan cursor pada imej untuk melihat kesannya.1. Sign in akaun blogger anda.2. Pilih LAYOUT --> EDIT HTML.3. BACKUP TEMPLATE anda dahulu untuk mengelakkan...

Membuat 'Show All Post'.

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:include data='post' name='post'/>6....

Memasang 'Give Feedback Button'.

Memasang 'Give Feedback Button' bertujuan memudahkan pembaca memberi maklum balas secara terus kepada penulis melalui email.Bagaimana untuk memasang 'Give Feedback Button' ?Sila ikuti beberapa langkah mudah di bawah.1. Sign in akaun blogger anda.2. Pilih...

Subscribe to: Posts (Atom)