Panduan Membina Blog: 2010

Memasukkan gadget LinkWithin (related post)

LinkWithin merupakan satu gadget yang memaparkan tajuk post terdahulu bersama thumbnail (jika ada) di bawah setiap post.

1. Login ke akaun blog anda
2. Pergi ke http://www.linkwithin.com
3. Isikan maklumat berikut:

4. Klik Get Widget
5. Ikuti langkah dalam laman LinkWithin yang seterusnya.

Sembunyikan Shoutbox

Salam Ramadhan dan selamat berpuasa.

Ramai rakan yang bertanyakan saya cara untuk meletakkan shoutbox yang boleh disembunyikan disebelah tepi blog. Untuk tidak menghampakan rakan2 yang setia bersama blog saya ini, berikut disertakan cara membuat autohide shoutbox

1. Login >>Design >> Add a Gadget >> HTML/Javascript
2. Copy dan paste kod berikut:

<style type="text/css"> #gb{ position:fixed; top:30px; 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/AVvXsEhkU7i3a8zTLVbY5h4VVb0hJNDyvhIGeZXbhF4z6g4yFrCLm4hRiCqigCRQrfJzlBlaji790-A8YfC4Hv68tyHqfW3ktzUdEskSBETTHbNHE2rxfdiove-qvqCzJFY8_La1wTYh_k-kFkYb/s320/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style><br /> <br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><br /> <br /> //Masukkan kod shoutbox/shoutmix/cbox anda disni<br /> <br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

3. Gantikan/isikan kod shoutbox anda dibahagian yang dinyatakan
4. save

itu sahaja...

Memaparkan status YM anda

Login ke akaun blogger anda
Pilih Layout >> Page Elements
Klik pada Add A Gadget, pilih HTML/Javascript
Masukkan kod di bawah

Tukar ID_YM_ANDA kepada ID YM anda sendiri.
Nombor 14 di dalam kod mewakili imej yang akan dipaparkan. Anda boleh menukar nombor 14 kepada nombor lain dan lihat perbezaannya.
Simpan dan lihat hasilnya

Menyusun atur gambar

Secara 'default' gambar yang diupload ke posting anda akan berada dalam 3 keadaan, kiri, kanan, dan tengah dengan 3 saiz, small, medium dan large. Setiap gambar juga akan disusun berjujukan ke bawah dengan 1 gambar bagi setiap baris. Pernahkan anda cuba menyusunnya supaya satu baris mempunyai 2 atau lebih gambar seperti gambar di bawah, tanpa menyunting gambar tersebut terlebih dahulu?

Secara defaultnya memang tidak boleh menyusun lebih daripada 1 bagi setiap baris. Cuba kaedah di bawah: