membuat widget artikel paling popular atau top article

Mungkin anda pernah melihat widget top article atau artikel paling popular pada mana mana blog sebelum ini.Widget ini adalah seperti yang terdapat pada bahagian bawah blog ini.Fungsi widget ini adalah memaparkan artikel yang paling banyak dibaca dan juga bergantung kepada berapa banyak jumlah komen yang diberi.Ia juga adalah berdasarkan trafik terakhir pada blog kita.

 Langkah langkah bagi membuatnya:

1. Login ke  Blogger
2. Seterusnya pilih "Layout"
3. Klik pada Add a Gadget --->>> HTML/Javascript
4. salin kod dibawah ini:

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ul style="text-transform: capitalize;">');

var i;

for (i = 0; i < obj.count ; i++)

{

var href = "'" + obj.value.items[i].link + "'";

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

document.write(item);

}

document.write('</ul>');

}

</script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fteknikbuatblog.blogspot.com&num=10" type="text/javascript"></script>

<span style="font-size: 80%"></span>

5. Gantikan  teknikbuatblog.blogspot.com dengan nama blog anda
6. Pada angka "10" menunjukkan jumlah "top article" yang akan dipaparkan dan
    boleh  digantikan
7. kemudian save widget anda.

Kecoh telur rebus tanpa telur kuning

KUALA TERENGGANU: Seorang pemuda terkejut apabila telur ayam rebus yang dipotongnya tidak mempunyai telur kuning ketika membantu ibunya berniaga di Pasar Bukit Besar, di sini, semalam.


Keadaan menjadi kecoh seketika selepas kejadian pelik berkenaan diketahui peniaga pasar serta pelanggan gerai ibunya yang mengerumuninya untuk melihat telur berkenaan selain keletah beberapa individu yang menawar untuk membeli telur pelik itu.


Pemuda berkenaan, Muhammad Nor Firuddin Baharom, 21, berkata dia tercengang seketika apabila melihat telur rebus dibelah dua itu tidak mempunyai telur kuning sebelum kejadian pelik berkenaan disedari peniaga dan pelanggan gerai.


“Paling mengejutkan apabila segelintir pihak yang mengetahui mengenai kejadian itu tidak segan silu tawar menawar membeli telur berkenaan sehingga ada menawarkan RM500 untuk membelinya.


“Apabila ditanya faktor yang mendorong mereka menawarkan harga tinggi untuk telur berkenaan, mereka hanya memberi alasan ia boleh dijadikan ubat tanpa memberitahu jenis penyakit boleh dirawat menggunakannya.


“Memang pelik dan jarang berlaku telur ayam tanpa telur kuning, bagaimanapun saya menolak semua tawaran berkenaan kerana ingin menyimpannya sendiri tetapi tidak mengetahui kaedah yang boleh digunakan untuk memastikan telur rebus itu tidak busuk serta tahan lama selain meletakkannya dalam peti sejuk,” katanya ketika ditemui Harian Metro, semalam.


Muhammad Nor berkata, sepanjang membantu ibunya membungkus nasi lemak di warung milik mereka, dia tidak pernah menemui telur ayam tanpa telur kuning.


Justeru, kejadian itu sedikit banyak mengejutkannya dan ahli keluarga selain berpendapat telur berkenaan pasti diminati pengamal perubatan tradisional di negeri ini.


“Mungkin telur pelik itu bernilai bagi sesetengah pihak dan ia mungkin memiliki 1,001 khasiat yang tersendiri. Saya berasa bertuah kerana menemuinya dan akan terus menyimpannya untuk tatapan orang ramai,” katanya.

Sumber: H.Metro

Bergusti dengan anaconda di dalam air

Perlawanan manusia dan Anaconda yang berlaku pada tahun 1960 antara Ross dan anaknya Tom di dalam air.

Gerhana Bulan Separa Sabtu Ini

KUALA LUMPUR, 23 Jun (Bernama) -- Orang ramai berpeluang menyaksikan gerhana bulan separa antara pukul 7.22 malam hingga 10.20 malam Sabtu ini.

Gerhana bulan itu akan bermula pada pukul 4.57 petang tetapi orang ramai tidak dapat melihatnya disebabkan bayangan penumbra Bumi yang kurang gelap dan bulan belum terbit dari ufuk.

Ia hanya boleh dilihat apabila bulan mulai terbit pada pukul 7.22 malam, kata kenyataan Bahagian Komunikasi Korporat Agensi Angkasa Negara (Angkasa) di sini pada Rabu.

Pada amnya, gerhana bulan akan berlaku ketika fasa bulan penuh dan pada masa sama bulan melintasi bayang Bumi.

Kali terakhir gerhana bulan separa berlaku pada 1 Jan lepas.

Angkasa akan menyediakan beberapa teleskop untuk orang awam menyaksikan gerhana bulan separa secara percuma dari pukul 8 malam hingga 10 malam di Planetarium Negara.

Orang ramai yang ingin mendapatkan maklumat lanjut boleh menghubungi Planetarium Negara di talian 0322734301/4303/5484 atau layari laman web www.angkasa.gov.my/planetarium.

-- BERNAMA

Masaalah mengosongkan ruangan title pada widget

Adakah anda menghadapi masaalah apabila hendak mengosongkan ruangan pada title semasa memasukkan widget pada blog.Kebiasaanya error Required field must not be blank  akan keluar jika anda cuba save widget tanpa memasukkan tajuk pada title.Tapi masaalah ialah nya jika kita hendak masukkan widget bagi menu horizontal pada blog tentunya tak sesuai letak title yang akan terpapar diatasnya,lainlah kalau kita nak letak apa apa kat sidebar.Jika anda ada masaalah ini janganlah risau kerana ada cara untuk mengatasinya.

Anda cuma perlu taip pada ruangan title   <sp>
Kemudian save widget anda

Menara paling senget

Kini dunia memiliki satu lagi bangunan dan menara condong selain Menara Pisa. Capital Gate Tower, yang terletak di Abu Dhabi, Emirat Arab merupakan bangunan yang berketinggian 160 meter dan berkecondongan sehingga 18 darjah. Berbeza dengan menara pisa yang darjah kecondongannya hanyalah 4 darjah sahaja.

Yang menariknya juga, bangunan tersebut mempunyai 35 tingkat yang lantai didalamnya rata dan tidaklah condong seperti menara pisa. (kalau condong macam mana pulak??)
Kemungkinan bangunan ini bakal menjadi gedung membeli belah dan hotel mewah.

membuat menu horizontal pada blog

Pada entri yang lepas saya ada membuat tutorial bagaimana hendak membuat menu bar tanpa hack template .tutorial kali ini masih lagi mengenai bagaimana hendak membuat menu horizontal pada blog.Untuk membuat tidak perlu kita hack template,cuma  masukkan kod pada add gadget.Tutorial ini adalah atas permintaan  oleh sahabat kita Sendra yang mahu saya membuat tutorial bagaimana hendak membuat horizontal navigation seperti yang terdapat bahagian bawah header blog ini..yang tertera perkataan HOME,ISI KANDUNGAN......untuk membuatnya ikuti langkah ini.

Untuk memasukkan horizontal menu ini anda perlu:
1.log in ke blogger,pilih design-->>page element
2.klik pada add gadget--->>pilih HTML/Javascript
3.kemudian pastekan  kod menu horizontal pilihan anda dibawah ini
4.selepas save kod ,seret widget HTML/Javascript ke bawah header

<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #666; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color:#fff ; background-color: #F781BE; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> </ul> </div>t;

<style> #navcontainer { background: #369; border-top: 1px solid #9CC; margin-top: 20px; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; } #navlist { list-style: none outside none; margin: 0; padding: 0; } @media all { #navlist { text-align: center } } #navlist li { bottom: 11px; display: inline; line-height: 1.2em; margin: 0; padding: 0; position: relative; } html>body #navlist li { background: #000; margin: 0 3px 0 0; padding: 4px 0px 4px 0; } #navlist a, #navlist a:link, #navlist a:visited { background: #900; border: 1px solid #FFF; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; } #navlist a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; } #navlist a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; } #navlist li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #navlist li#active { background: #000; margin: 0 4px 0 4px; } #navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover { background: #369; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> </ul> </div>

<style> #navcontainer { background: #E3CEF6; margin: 0 auto; padding: .4em 0 .2em 0; font-family: georgia, serif; text-transform: uppercase; font-size: 14px; } /* to stretch the container div to contain floated list */ #navcontainer:after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; } ul#navlist { list-style: none; padding: 0; margin: 0 auto; width: 80%; font-size: 0.8em; } ul#navlist li { display: block; float: left; margin: 0; padding-bottom: 2px; } ul#navlist li a { display: block; width: 100%; padding: 0.5em; border-width: 1px; border-color: #ffe #F5A9D0 #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #A9A9F5; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #800000; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: transparent; border-color: #F5A9D0 #fff #fff #ccc; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> </ul> </div>

<style> #tabs { font: bold 7.5pt Verdana; } #navcontainer { float:left; margin: 0; padding: 8px 0px; width:100%; background:#F7BE81; font-size:93%; line-height:normal; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font: bold 7.5pt Verdana; line-height: 14px; margin: 0; padding: 5px 0 5px 0; } #navlist a, #navlist a:link { margin: 0; padding: 10px; color: #fff; border: 4px solid #575656; text-decoration: none; } #navlist a:hover { color: #fff; border: 4px solid #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> </ul> </div>

Untuk memasukkan link anda perlu mengedit bahagian ini pada kod diatas:
  <li><a href="#" ><span>Link 1</span></a></li>
  <li><a href="#" ><span>Link 2</span></a></li>
  <li><a href="#" ><span>Link 3</span></a></li>
  <li><a href="#" ><span>Link 4</span></a></li>

  Pada tanda "#" masukkan link anda
  Manakala pada Link 1,Link2,Link3 dan Link 4 pula masukkan perkataan yang ingin dipaparkan contoh
  HOME,CONTACT dan sebagainya.
  Jika hendak delete atau tambah link, padam atau tambah kod ini:

 <li><a href="#" ><span>Link n</span></a></li>
 * Warna warna pada menu boleh ditukar dengan mengubah kod warna pada kod kod menu diatas.