Tukar Warna Background Blockquote

Blockquote bagi sesebuah blog/website biasanya digunakan untuk menunjukkan satu petikan yang melibatkan kata-kata yang hendak di'tekan'kan kepada pengunjung sesebuah blog.

Bagi blog, kod yang digunakan untuk blockquote adalah <blockquote> APA² PETIKAN</blockquote>. Selain untuk menunjukkan petikan kata, blockquote juga digunakan untuk tujuan lain seperti mempamerkan kod (seperti yang dilakukan dalam blog ini)

Tutorial ini akan menunjukkan cara untuk menukar warna background bagi blockquote mengikut citarasa seseorang blogger.

Contoh blockquote yang telah ditukar warna background.



Cara untuk tukar warna background adalah seperti berikut.

1. Login akaun blogger, dari dashboard >layout > edit html >

2. Gunakan ctrl + F untuk menghidupkan fungsi find kemudian cari kod berikut.

.post blockquote {

3. Dibawah kod ini, masukkan kod berikut.

background:#KOD WARNA ;

KOD WARNA: boleh dapatkan merujuk kepada kod dibawah.

contoh:kod sepatutnya kelihatan seperti ini.


4. Save dan lihat hasilnya.

---------------
Sila rujuk web dibawah untuk kod gambar. Jika mahu dalam paparan windows berlainan, sila KLIK SINI

Letak Website Lain Dalam Entri

Sebelum ini sudah terdapat tutorial yang menerangkan bagaimana untuk meletakkan website dalam blog. Untuk tutorial tersebut memerlukan anda untuk copy paste code dalam ruangan html/javascript. Tutorial tersebut sesuai untuk meletakkan website lain secara kekal di dalam blog yang akan dilihat setiap masa walau page mana yang dibuka dalam blog tersebut.

Bagaimana pula untuk meletakkan website hanya di dalam sesebuah entri.?

Tutorial ini pula akan menunjukkan cara untuk meletakkan website lain dalam entri blog dengan cara paling mudah..


Apabila anda menaip dalam blog anda, cuma tambahkan code ini untuk meletakkan website lain dalam entri blog anda.

<iframe src="LINK DISINI" width="98%" height="400" border="1"></iframe>

Link Disini : Masukkan url website yang anda kehendaki, contoh http://www.google.com
(pastikan anda tidak tertinggal http:// )

Contoh meletakkan youtube dalam entri blog adalah seperti berikut.



Jadi, jika anda membuat entri yang memerlukan pengunjung blog anda membuka website lain(mungkin sebagai bukti atau apa), biarkan pengunjung anda mencari terus di dalam entri yang anda post.:)

Cara Buat Dropdown Menu

Dropdown menu dapat mengurangkan ruang yang digunakan pada paparan blog untuk meletakkan pelbagai link. Antara kegunaan dropdown menu adalah untuk meletakkan link kawan², link rujukan, link tips dan pelbagai lagi.

Contoh dropdown menu adalah seperti berikut


Tutorial untuk membuat dropdown menu ini adalah seperti berikut.

1. Login akaun blogger anda, dari dashboard > layout > page element > add a gadget > HTML/javascript

2. Copy code berikut ke dalam ruangan html/javascript. (jika tidak faham rujuk sini)

<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 :
Link 1: Masukkan link untuk dibuka
Text 1: Masukkan perkataan/ayat untuk link

Jika anda hendak masukkan lebih banyak menu, cuma copy paste <option value="Link 2">Text 2</option> dan letakkan sebelum </select>
3. Apabila selesai, save hasil kerja anda.:)


TAMBAHAN:
Untuk kod di atas, apabila link akan dibuka pada page yang sama. Untuk buka link pada page/window yang berlainan, sila tukarkan kod:

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

kepada kod ini.

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Mudah bukan.
Selamat mencuba.:)

Ubah Lebar Ruangan Komen

Mengubah lebar ruangan komen bagi sesbuah blog dapat memberi ruang yang lebih banyak kepada pengunjung (yang suka komen panjang²) dan juga dapat membuatkan ruangan komen kelihatan sama besar dengan ruangan entri.

Tutorial ini akan menunjukkan cara untuk melebarkan ruangan komen, dan tutorial ini hanya untuk blog yang menggunakan embedded comment (komen yang terletak pada bahagian bawah entri)
.
Sebelum


Selepas


Berikut adalah langkah-langkah yang diperlukan untuk mengubah lebar ruangan komen pada blog.

1. Login akaun blogger anda, dari dashboard > layout > edit html, kemudian klik pada expand widget templates.

2. Pda keyboard anda, klik ctrl + f untuk menghidupkan fungsi find kemudian cari kod berikut.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

Penerangan : Tukar nilai 100% kepada nilai pixel untuk lebar yang anda kehendaki.
contoh, jika anda mahu lebar 500px, kodnya adalah

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='500px'/>

3. Save hasil kerja anda dan lihat hasilnya.:)

Ketahui Bilangan Pengunjung Online Dalam Blog

Berapakah bilangan pelawat yang berada dalam blog anda ketika ini.?
Mungkin amat sukar untuk anda menjangkakannya (tidak boleh rasanya.:)
Kalau anda mempunyai statistik blog, mungkin anda tahu mengikut hari ataupun jam,
tetapi anda tidak tahu berapa bilangan pengunjung dalam keadaan masa sebenar.


whous.amung.us menawarkan widget yang dapat menunjukkan bilangan pengunjung yang online pada masa sebenar.
Antara kelebihan menggunakan widget ini adalah paparan yang menarik, dan juga cara pasang pada blog dengan mudah. Boleh lihat demo widget ini dipasang di blog, DISINI.

Berikut adalah langkah yang diperlukan untuk meletakkan widget ini didalam blog anda.


1. Buka web http://whos.amung.us/

2. Pilih kedudukan widget yang dikehendaki (widget akan berada dalam keadaan statik dalam blog anda), selepas itu copy code yang tersedia.


3. Setelah copy code, pastekan di dalam html/javascript yang terdapat dalam page element blog anda.
Dashboard > layout > page element > add a gadget > html/javascript.

Jika masih tidak faham, sila rujuk disini.

4. Save, dan lihat hasilnya..:)

Tukar Ayat Asal Linkwithin

Bagi sesiapa yang menggunakan linkwithin pada blog, sememangnya akan muncul satu ayat yang telah di'set'kan secara automatik semasa meletakkan gadget tersebut.

Bagi bahasa melayu, akan keluar ayat, "Anda mungkin juga meminati" dan bagi english "You may also like these stories"..

Ini adalah yang biasa,

Dan ini pula yang agak kurang biasa.:)


Anda ingin tukar ayat ini mengikut kehendak anda.?

Ikuti tutorial yang sangat mudah ini.:)


1. Login akaun anda, kemudian dari dashboard > layout

2.Dari page element yang dipaparkan, cari element untuk Linkwithin kemudian klik edit


3. Daripada kod yang dipaparkan, tambah kod ini dibahagian atasnya

<script>linkwithin_text='AYAT ANDA DISINI'</script>

Penerangan : Tukarkan "AYAT ANDA DISINI" dengan apa-apa yang anda kehendaki.:)

Kod anda sepatutnya kelihatan seperti ini.


4. Selepas selesai, klik save untuk lihat kesannya..

Senang bukan.:)

Buat Read More Dalam Blog : Cara 2

Tutorial ini akan menunjukkan lagi cara untuk buat read more bagi sesebuah blog.
Sebenarnya kaedah ini sudahpun agak lama wujud dalam blogger.com, tetapi mungkin pengguna blogspot tidak perasan. Dan bagi blogger yang menggunakan template asal daripada blogger.com, kaedah ini amat mudah untuk diaplikasikan.


Berikut tutorial ringkas untuk buat read more yang sudah tersedia dalam blogger.com


1. Login ke akaun blogger anda, kemudian daripada dashboard klik new post.


2. Kemudian taipkan beberapa patah perkataan, kemudian diselangi oleh kod berikut. (Ini untuk test template anda sudah tersedia dengan kod penuh atau belum)

<!-- more -->

contoh: anda boleh copy dan paste bawah ni ke dalam new post anda.

Ini ayat sebelum perkataan 'read more'
<!-- more -->
Ini ayat selepas perkataan 'read more'

3. Kemudian klik pada publish, dan tengok dari paparan muka hadapan blog anda samada read more ini berjaya atau tidak. Kalau berjaya, kerja anda sudah siap.:)

Kalau tidak berjaya,
(biasanya melibatkan bukan template default dari blogger), sila ikuti sedikit penambahan berikut.

1. Dari dashboard, klik pada layout > edit html

2. Backup template anda, kemudian klik pada expand widget templates

3. Menggunakan keyboard, tekan ctrl + f (untuk membuka fungsi find), kemudian cari kod berikut

<data:post.body/>

4. Copy dan paste kod ini dan letakkan dibawah kod tadi.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

5. Kod anda sepatutnya kelihatan seperti dibawah


6. Save template anda dan lihat hasilnya.:)


-----------------------------


Anda juga boleh melihat tutorial versi english di sini.
http://www.google.com/support/blogger/bin/answer.py?answer=154172

thanx kepada -•»Á®ÐZMÀ®Ñ«•- kerana inform pasal ni.