Tuesday, June 29, 2010

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.

Thursday, June 24, 2010

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.












Wednesday, June 23, 2010

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

Monday, June 21, 2010

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.

Sunday, June 20, 2010

membuat menu navigasi breadcrumb

breadcrumb
Breadcrumb adalah menu navigasi berurutan yang terdapat diatas di atas artikel posting dan ia merupakan cara efektif bagi memberi kemudahan kepada pengunjung bagi melihat kategori posting pada sesuatu blog.Disamping itu juga adalah digalakkan dari segi SEO pada sesuatu blog.

Berikut adalah cara membuat breadcrumb.

1. Pada Design, kemudian  pilih Edit HTML,klik pada Expand Widget Templates.
2. Cari kod berikut (gunakan Ctrl+F pada keyboard bagi memudahkan pencarian)
 <b:if cond='data:post.title'>
4. Setelah jumpa ,letakkan kod dibawah ini dibawah kod tadi.
<b:if cond='data:blog.pageType == "item"'>
<a href='http://namabloganda.blogspot.com/'>Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>
 
Nota:gantikan perkataan http://namabloganda.blogspot.com dengan nama blog anda.

8. Kemudian klik save Templates .

Menu breadcrumbs ini hanya akan muncul diatas artikel atau dibawah judul blog ketika anda membuka halaman suatu posting dan bukan halaman utama blogspot anda.

Saturday, June 19, 2010

Jambatan gantung hanya diperbuat dari rumput


Qeswachaka, sebuah jambatan gantung yang terletak di selatan Canas di Cuzco, Peru. Jambatan ini dibina dari ikatan-ikatan rumput yang dikutip oleh penduduk setempat lalu disambungkan antara satu sama lain menjadi sehingga 210 meter panjangnya. Walaubagaimanapun, jambatan ini sentiasa diperbaharui pada setiap tahun.








Friday, June 18, 2010

mengatasi masaalah pada kotak komen

Pernahkah anda menghadapi masaalah untuk memasukkan word verification pada komen yang hanya nampak separuh sahaja.Semasa saya blogwalking pernah saya terjumpa masaalah seperti ini pada beberapa blog,Bila terjadi begini tentunya pengunjung membatalkan hasrat untuk membuat komen.Untuk mengatasi masaalah seperti ini terdapat 3 cara yang boleh anda lakukan.

1.Tekan butang tab

bagi mengatasi masaalah perkataan yang hanya muncul separuh.klik pada perkataan word verification dan tekan butang tab beberapa kali sehingga kotak post comment muncul

2.Matikan fungsi show word verification for comments



Log in ke blogger,pilih setting
kemudian klik pada comments dan cari perkataan Show word verification for comments? dan pilih no
seterus nya klik save setting.

3.pasang fungsi scroll pada kotak komen

log in ke blogger
pilih design>>>edit HTML>>tandakan pada expand template widget
cari kod dibawah ini:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>

gantikan perkataan yang berwarna hijau menjadi seperti dibawah:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='yes' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>

Kemudian klik pada save template.

Wednesday, June 16, 2010

Penipuan ular berkepala manusia terbongkar

Penemuan ular berkepala manusia pada tahun lalu telah menggemparkan penduduk Kabupaten Blitar dengan adanya siri video pula. Ramai yang pergi melihat sendiri keanehan ular tersebut yang mempunyai kepada manusia yang berambut panjang. Zamroji, warga Desa Sukosewu, Gandusari, Kabupaten Blitar; penemu ular tersebut telah mendapat perhatian ramai serta didatangi pengunjung yang berpusu-pusu ke rumahnya bahkan mendapat habuan wang yang lumayan bagi setiap kunjungan yang masuk ke tabung amalnya itu.


Berita ular berkepala manusia ini sebenarnya hanyalah rekaan beliau dan 5 sahabatnya, setelah diketahui dan disiasat oleh Dinas Peternakan Kabupaten Blitar. Wajah manusia tersebut hanyalah rekaan mereka, manakala badan ular tersebut telah diawet terlebih dahulu dan dijadikan sepasang tubuh ular yang berkepala manusia. Pihak polis telah menahan Zamroji dan wang yang dimiliki hasil penayangan ularnya itu telah pun disita.



sumber: http://www.zonaberita.com/jawa-timur/penemu-mumi-ular-berkepala-manusia-resmi-jadi-tersangka.html

Umur tua lapan kali lebih cepat


LONDON: Walaupun secara zahir, dia kelihatan amat tua, jiwa Ashanti Elliott-Smith kekal seperti usia sebenarnya yang baru tujuh tahun.
Itulah masalah dihadapi Ashanti yang mengalami penyakit sindrom Hutchinson Gilford Progeria menyebabkan dia tua lapan kali lebih cepat berbanding sepatutnya.



Masalah itu menjadikan Ashanti berusia 80 tahun pada 2012. Hayat penghidap penyakit itu juga diramal berakhir ketika mencecah usia 13 tahun. Ketika ini, jika dia bermain dengan rakan sekelas atau mendengar muzik kegemarannya, Ashanti terpaksa menghadapi pelbagai masalah orang tua, seperti artritis dan lemah jantung.


Namun, bagi ibunya, Phobe, 24, dia melayan Ashanti sama seperti kanak-kanak lain dan memastikan anaknya gembira seperti sepatutnya.
Selain Ashanti, Phobe turut membesarkan seorang lagi anaknya yang berusia empat tahun.
Kata Phobe, Ashanti adalah budak yang ceria dan mudah dilayan.
“Saya berbangga dengan Ashanti kerana tidak menjadikan penyakitnya sebagai halangan,” katanya. Penyakit itu menjadikan Ashanti botak, manakala tangannya lemah untuk memegang sesuatu.

Ketinggiannya kini hanya kira-kira satu meter, dengan berat 12.7 kilogram - keadaan biasanya dialami budak berusia tiga tahun.
Apabila dia lahir pada Mei 2003, beratnya 2.3 kilogram dan kelihatan seperti bayi normal. Petanda awal Ashanti bermasalah dikesan Phobe apabila seluruh badannya menggigil. - Agensi



















Sumber Artikel: Harian Metro

Gambar Belangkas