Bagaimana Membetulkan Kedudukan Gadget.

Kadang-kadang ada orang bertanya-tanya bagaimana untuk menyelaraskan atau kedudukan alat atau gadget kita dalam blog. Perkara sebegini cukup mudah bagi yang tahu, tetapi bukan sesuatu yang menyenangkan bagi mereka yang baru dalam bidang ini, Jadi saya kongsikan apa yang saya tahu kepada mereka yang belum tahu, sebenarnya banyak cara bagaimana membetulkan kedudukannya, tetapi saya harap ini sesuatu yg berguna buat mereka yang tak pernah tahu dan ingin mencubanya.

Pertama, anda perlu mendapatkan ID unik dari alat anda ingin berubah.Untuk melakukan ini, kita harus lihat pada paparan yang terdapat di Halaman Elemen Terlebih dalu.
Cari alat yang anda ingin tukar dan memberikan nama yang unik.
Untuk contoh ini saya gunakan gadget contohnya "LinkWithin". Satu alat yang saya pasangkan dalam page ini.
(Jika anda menggunakan alat seperti Adsense anda tidak akan dapat menukar nama Jadi,
anda sentiasa boleh hanya menambah HTML / javascript di atas alat alat adsense dan nama yang satu ini "LinkWithin" anda mungkin boleh mengenalpasti ID yang unik tanpa melakukan.ini bergantung pada pengetahuan anda tentang bagaimana berkerja dengan kod.

Dihalaman Edit HTML dan klik ruangan Kod, apa yang anda perlu lakukan tekan keyboard Ctrl + F, kemudian pada penjuru atas kanan, anda akan dapati satu ruang (Teks Bar) untuk anda menulis apa yang ingin anda cari perkataan. jadi anda tidak perlu menghabiskan anda untuk membaca satu persatu perkataan sehingga anda terjumpa perkataan yang anda cari, dan ingin saya maklumkan bahawa huruf F yang digunakan bersama CTRL = bermaksud 'Find' atau dalam bahasa melayu, Cari.

Dalam teks bar yang muncul masukkan kata "LinkWithin".
(Jika perkataan dimasukkan benar terdapat dalam kotak coding, anda akan dapati perkataan itu biasanya di Highlight menggunakan warna oren.)

Anda mungkin melihat sesuatu seperti ini di bawah.

b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'/

Perkataan LinkWithin yang bertanda Oren diatas, adalah apa yang akan apa yang anda taipkan kemudian dipaparkan.
Sekarang kita lihat, ID yang unik yang saya tandakan warna Merah. Ini yang dimaksudkan unik ID.

Jadi ID unik untuk gadget tadi adalah HTML1

Pada panel teks yang anda digunakan CTRL+ F, masukkan pula dan cari kod ini.

]]></b:skin>

Tambahkan kod di bawah kod ini dibawah kod ]]></b:skin>.

#UniqueID {
text-align: center;
}


Tukar unik ID yang berwarna Merah itu dengan anda unik ID gadget anda.
Contohnya 'HTML1' untuk gadget tersebut,

Anda juga boleh menukar perkataan berwana Biru ke kiri (left) atau ke kanan (right) dan tengah2 (center),
Jadi segalanya bergantung kepada anda bagaimana ingin anda tetapkan.

Keadaan paparan akan terlihat seperti ini.

#HTML1 {
text-align: center;
}


Kadang-kadang anda mungkin ingin kedudukan yang lebih tepat. Dalam kes ini anda boleh menambah sesuatu seperti ini di bawah dibawah kod tadi,

#UniqueID {
padding: 0px 0px 0px 0px
}

Anda juga boleh menggunakan kod seperti ini.

#UniqueID {
position:absolute;
left:100px;
top:150px;
}


Hal ini akan memaparkan 100px alat anda dari sebelah kiri paparan pemuka anda dan 150px dari atas.
Anda boleh melaraskan ini sesuai dengan keinginan anda.


Bila semuanya telah selesai, anda klik tab 'Save Template', Kemudian lihat paparan blog anda.


Selamat Mencuba,