Cara Membuat Widget Popular Post Dalam Blog

Add caption

Anda membuka blog, tetapi apakah anda tahu dalam banyak-banyak entri yang anda ada, entri manakah yang paling popular.? Entri manakah yang mempunyai komentar paling tinggi.? Tentu sukar untuk menentukan, apa lagi jika anda sudah mempunyai entri sehingga mencapai ratusan.




Tutorial kali ini akan menunjukkan cara bagaimana untuk meletakkan popular post( atau anda boleh panggil dengan nama lain) pada blog anda. Widget popular post ini adalah berdasarkan bilangan komentar yang ada pada entri, bukannya berdasarkan page view. Dan semestinya tutorial ini amat mudah membuatnya..hehe...sok pinter....

1. Login akaun anda, dari dashboard > design > add a gadget > HTML/javascript

2. Dalam ruangan HTML/javascript, masukkan kode di bawah:

<ul>
<script language='javascript'>
aBold = false;
numposts=1000;
maxshowresult=5;
home_page = "http://URL BLOG.blogspot.com/";
</script>
<script src='https://sites.google.com/site/unwanted86/javascript/unwanted86-popularpost.js' type='text/javascript'></script>
</ul><br/><small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-widget-popular-post-dalam-blog.html" target="_blank"/>Get this widget here </a></small>

Catatan:
-tukarkan URL BLOG dengan nama blog yang anda 
-maxshowresult=5; tukarkan 5 dengan  popular post yang anda inginkan

3. Save dan lihat hasilnya..

Read More

Cara Membuat Post Entri Dalam

Post entri dalam blog merupakan perkara yang paling penting bagi seorang blogger.
Dalam entri anda akan mencari tahu apa yang anda  sampaikan  dan apa-apa saja yang anda mau.

Kalau tidak buka ruangan untuk metahui bagaimana membuat post entri



Berikut adalah cara bagaimana anda memulai  langkah untuk membuat menu dropdown  dalam blog anda.

1. Buka link www.blogger.com (link ini diperlukan setiap kali anda hendak login kepada akaun blogger). Masukkan email dan password anda.

2. Pada  muka depan, klik pada 'new post'



3. Masukkan judul untuk entri anda dan juga isi kandungan entri anda.(biasa bab ini mengambil masa untuk membuat entri).

Kemudian apabila sudah siap, klik pada button 'publish'


4. Apabila sudah tekan button publish, siap untuk sebuah entri dalam blog anda.:)

• jika anda mau melihat entri anda itu, klik pada 'view post'
• jika anda rasa masih ada kekurangan dan hendak edit, klik pada 'edit post'
• jika anda hendak membuat entri baru, klik pada 'create a new post' (anda juga boleh mulai dari awal dengan klik pada 'dashboard' pada bahagian atas-kanan)

Read More

Cara Membuat Menu Dropdown

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

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.

<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 kode:

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

kepada kode ini.

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

Mudah bukan.
Selamat mencoba.:)

Read More