Pasang Background Dalam Sesebuah Entri

Background sesebuah post biasanya akan mengikut default yang telah ditetapkan dalam setting blogger. Tetapi ada satu trick yang boleh digunakan untuk menjadikan background yang berbeda untuk entri yang dikehendaki saja.  Tutorial untuk membuat background untuk post adalah begitu mudah. Apa yang bagusnya adalah, anda boleh pilih gambar apa sahaja yang anda mau untuk background, dan anda boleh pilih mau di letakkan dalam post yang mana satu untuk blog anda. Apabila anda login pada blog anda, letakkan kod ini dalam new post anda. (pastikan semasa kod ini di paste, new post anda dalam keadaan 'edit html' bukan 'compose'- ini untuk mengelakkan code warna dicopy sekali.:) <div style="background:url(Link gambar disini) no-repeat;"> Taip...

Read more »

Cara Pasang Gambar Apabila Dilalukan Cursor

Memasang gambar yang bisa bertukar sewaktu dilalukan cursor di blog mungkin boleh menambah sedikit kelainan pada blog anda. Dan juga gambar yang disertakan dengan link boleh menarik sedikit perhatian.Contohnya, coba arahkan cursor anda pada gambar di bawah. (Dan juga boleh klik untuk ke blog ohbest) Caranya adalah seperti berikut.1. Gunakan kod di bawah, tukarkan link yang anda mau, url gambar pertama dan url gambar kedua. <a href="Target link" target="_blank"><img src="URL gambar pertama" onmouseover="this.src='URL gambar kedua'" onmouseout="this.src='URL gambar pertama'" /></a> Contoh untuk kod untuk demo di atas adalah <a href="http://ohbest.blogspot.com" target="_blank"><img src="http://i.imgur.com/Z5B1M.png"...

Read more »

Cara Pasang Gambar Di Sebelah Judul Entri

Judul entri adalah antara masalah yang pertama dinilai oleh seorang pengunjung yang mengunjungi  blog. Disamping mempunyai judul-judul entri yang menarik², kehadiran penghias juga dapat menambahkan lagi seri pada entri tersebut. Antara salah satu masalah untuk menambahkan seri judul entri adalah dengan meletakkan gambar disebelah tajuk entri.Contoh:Berikut adalah langkah-langkah yang perlu dilakukan.1.Login akaun blogger, dari dashboard >layout > edit html > expand widget templates2.Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut. <a expr:href='data:post.url'><data:post.title/></a> 3. Pasang kod dibawah antara kod <a expr:href='data:post.url'> dan kod <data:post.title/></a> <img...

Read more »

Cara Buat Dropdown Menu

Dropdown menu dapat mengurangkan ruang yang digunakan pada paparan blog untuk meletakkan berbagai link. Antara kegunaan dropdown menu adalah untuk meletakkan link kawan², link permintaan, link tips dan berbagai lagi.Contoh dropdown menu adalah seperti berikut Cara untuk membuat dropdown menu ini adalah seperti berikut.1. Login akaun blogger anda, dari dashboard > layout > page element > add a gadget > HTML/javascript2. Copy code berikut ke dalam ruangan html/javascript. <select onChange="document.location.href=this.options[this.selectedIndex].value;"><option selected>Tajuk</option><option value="Link 1">Text 1</option><option value="Link 2">Text 2</option></select> penerangan...

Read more »

Cara Pasang Recent Post dengan Thumbnail Widget

Penggunaan widget recent post adalah penting untuk menunjukkan kepada pengunjung apa entri-entri terbaru yang terdapat dalam blog. Lagi berguna jika pengunjung yang datang bukannya dari frontpage. Jadi widget recent post sangat penting ketika ini.Sebelum ini sudah diletakakn Animated recent post widget,tetapi untuk kali ini, tutorial akan menunjukkan cara meletakkan recent post widget, tetapi jenis statik.Contoh adalah seperti gambar ini.Cara-cara untuk meletakkan widget ini adalah seperti berikut:1. Dari dashoard > desin > add a gadget > HTML/javascript2. Dalam ruangan HTML/javascript, masukkan kod berikut. <script language="JavaScript">imgr = new Array();imgr[0] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";imgr[1]...

Read more »

Cara Pasang Cursor Untuk Blog Anda

Menukar cursor untuk blog anda dapat menghilangkan rasa bosan melihat cursor default yang digunakan oleh komputer anda.(berbentuk anak panah putih). Atau mungkin juga anda inginkan sedikit kelainan pada cursor berbanding cursor biasa. Tutorial kali ini ialah berkongsi website yang dapat memudahkan anda mendapatkan kod bagi cursor ini serta sedikit pengubahsuaian pada kod tersebut. 1. Buka website http://www.cursors-4u.com/2. Pilih cursor kesukaan anda. (Pastikan anda TIDAK mengambil cursor yang jenis animated, kerana ia hanya berfungsi dalam IE)3. Copy code yang diberikan. Contoh kod adalah seperti berikut. Kemudian DELETE kod yang telahdiwarnakan seperti dibawah <style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur),...

Read more »

Page FB Yang Lebih Style Untuk Blog

Sesetengah blogger ada yang mempunyai facebook page untuk blognya. Tidak kira apa tujuan page tersebut, kebiasaannya ianya berkaitan dengan blog. Cara kali ini akan menunjukkan cara meletakkan page facebook dalam blog, tetapi bukan dengan design biasa.Kalau sebelum ini widget yang dinamakan 'facemask' ini didapati di wordpress, kini blogger yang mengunakan platform blogger.com juga boleh menggunakannya.Cara meletakkan page ini adalah seperti berikut.1. Dari dashboard > design > add a gadget > HTML/javascript.2. Copy dan paste code di bawah kedalam ruangan HTML/javascript dan rubah seperti yang dinyatakan dalam nota di bawah. <center><iframe style="height:250px; width:85%; " scrolling="no" frameborder="0"href="URL PAGE"src="http://www.facebook.com/plugins/fan.php?id=NO...

Read more »

Cara sembunyikan shoutbox

Pada kebiasaannya, shoutbox akan berada di sidebar dan akan dapat dilihat terus. Cara kali ini akan menunjukkan Cara untuk sembunyikan shoutbox anda.:)Antara sebab kenapa disembunyikan shoutbox ini adalah untuk menampakkan page yang lebih praktis dan mungkin juga untuk tampil unik berbanding blog-blog lain.Cara sembunyikan shoutbox seperti di bawah1. Login akaun blogger anda, dari dashboard > design > page element > add a gadget > HTML/javascript.2. Copy dan paste kod berikut ke kolom html/javascript <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('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png')...

Read more »

Cara Pasang facebook like badge sewaktu blog di buka

Facebook dan blogger adalah kombinasi yang agak bagus. Dengan adanya facebook page, blogger dapat berinteraksi dengan pengunjung. Salah satu penggunaan yang cool adalah dengan meletakkan facebook like badge sewaktu blog anda dibuka.Secara tidak langsung dapat menggalakkan pengunjung blog anda untuk pada waktu yang sama 'like' pada page anda.Contoh seperti dibawah Cara Pasang facebook like badge sewaktu blog di buka seperti dibawah.1. Dari dashboard > design > edit HTML2. Backup template blog sebagai langkah berjaga²3. Dengan menggunakan fungsi find (ctrl + F), cari kod <body>3.1 Jika anda tidak ketemu code <body>, cari kod ini<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>4....

Read more »

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.Tutorial sembunyikan Fb fan page adalah seperti di bawah.Langkah 1:i. Dari dashboard > design > edit HTMLii. Menggunakan fungsi find, (ctrl + F), cari kod </head>iii. Copy dan paste kod di bawah SEBELUM kod </head> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> cth: Nota: Jika anda dapati kod di atas sudah ada sebelum anda copy paste, abaikan langkah 1, pergi terus ke langkah 2.iv. Setelah selesai klik Save TemplateLangkah...

Read more »