Cara Membuat Popular Post Entri Populer dengan Fungsi Scroll

Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti berikut ini:

1.     Login terlebih dahulu mengunakan akun bloger
2.     Buatlah Entri Populer/Populer Post dengan menambah Gadget pada sidebar, beri nama dengan  "Populer Post" ( bisa diganti sesuai keingian ).
3.     Simpan/save. sampai disini anda telah membuat Entri Populer/Populer Post ( tanpa fungsi       scroll ).
4.     Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
5.     Beri tanda centang pada Expand Template Widgets.
6.     Cari Populer Post yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Populer Post”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:

    <b:widget id='PopularPosts1' locked='false' title='Galery Populer' type='PopularPosts'>
    <b:includable id='main'>
    <b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div style='overflow:auto; width:ancho;height:200px;'>
    <div class='widget-content popular-posts'>
    <ul>
    <b:loop values='data:posts' var='post'>
    <li>
    <b:if cond='data:showThumbnails == &quot;false&quot;'>
    <b:if cond='data:showSnippets == &quot;false&quot;'>
    <!-- (1) No snippet/thumbnail -->
    <a expr:href='data:post.href'><data:post.title/></a>
    <b:else/>
    <!-- (2) Show only snippets -->
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    <div class='item-snippet'><data:post.snippet/></div>
    </b:if>
    <b:else/>
    <b:if cond='data:showSnippets == &quot;false&quot;'>
    <!-- (3) Show only thumbnails -->
    <div class='item-thumbnail-only'>
    <b:if cond='data:post.thumbnail'>
    <div class='item-thumbnail'>
    <a expr:href='data:post.href' target='_blank'>
    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
    </a>
    </div>
    </b:if>
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    </div>
    <div style='clear: both;'/>
    <b:else/>
    <!-- (4) Show snippets and thumbnails -->
    <div class='item-content'>
    <b:if cond='data:post.thumbnail'>
    <div class='item-thumbnail'>
    <a expr:href='data:post.href' target='_blank'>
    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
    </a>
    </div>
    </b:if>
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    <div class='item-snippet'><data:post.snippet/></div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div></div>
    </b:includable>
    </b:widget>

    Letakkan Kode berikut ini <div style='overflow:auto; width:ancho;height:200px;'> sebelum kode <div class='widget-content popular-posts'>


8. Letakkan Kode berikut Sebelum kode </b:includable>

</div>

9. Perhatikan tulisan berwarna merah di atas, kode itulah yang harus disisipkan kedalam
arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px;
adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
10. Simpan template dan lihatlah hasilnya

C a k

read more “Cara Membuat Popular Post Entri Populer dengan Fungsi Scroll ”

Melonku

 Pengendalian Hama dan Penyakit Tanaman Melon

Hama Tanaman Melon

1.        Gangsir
Gangsir menyerang batang tanaman muda terutama pada tanaman yang baru saja pindah tanam. Serangannya dilakukan pada malam hari, dengan memotong batang tanaman tetapi tidak memakannya. Hama ini bersembunyi di dalam tanah dengan membuat liang pada tanah, keberadaan gangsing dapat dicirikan adanya onggokan tanah pada muka liang. Cara pengendaliannya adalah dengan pemberian insektisida berbahan aktif karbofuran sebanyak 1gram pada lubang tanam.

2.        Ulat Tanah
Hama jenis ini menyerang tanaman pada malam hari, sedangkan pada siang harinya bersembunyi di dalam tanah atau di balik mulsa PHP. Ulat tanah menyerang batang tanaman yang masih muda dengan cara memotongnya, sehingga sering dinamakan juga ulat pemotong. Cara pengendaliannya adalah dengan pemberian insektisida berbahan aktif karbofuran sebanyak 1gram pada lubang tanam.

3.        Ulat Grayak
Ulat grayak menyerang daun tanaman bersama-sama dalam jumlah yang sangat banyak, ulat ini biasanya menyerang di malam hari. Pengendalian yang dapat dilakukan adalah dengan penyemprotan insektisida berbahan aktif sipermetrin, deltametrin, profenofos, klorpirifos, metomil, kartophidroklorida, atau dimehipo dengan dosis sesuai petunjuk yang tertera pada kemasan.

4.        Ulat Jengkal
Gejala serangan ulat ini ditandai pada tepi daun muda terdapat bekas gigitan serangga yang makin lama makin makin ke tengah hingga tersisa tulang daunnya. Pengendalian yang dapat dilakukan adalah dengan penyemprotan insektisida berbahan aktif sipermetrin, deltametrin, profenofos, klorpirifos, metomil, kartophidroklorida, atau dimehipo dengan dosis sesuai petunjuk yang tertera pada kemasan.

5.        Thrips
Serangan thrips ditandai dengan adanya bercak-bercak keperakan pada daun tanaman yang terserang. Hama ini lebih suka mengisap cairan daun muda sehingga menyebabkan daun yang terserang mengeriting, akhirnya tanaman menjadi kerdil. Pengendaliannya dengan penyemprotan insektisida berbahan aktif abamektin, tiametoksam, imidakloprid, asetamiprid, klorfenapir, sipermetrin, atau lamdasihalotrin dengan dosis sesuai petunjuk yang tertera pada kemasan.

6.        Kutu Daun
Kutu daun mengisap cairan tanaman terutama pada daun yang masih muda, kotoran dari kutu ini berasa manis sehingga menggundang semut. Daun yang terserang mengalami klorosis(kuning), menggulung dan mengeriting, akhirnya tanaman menjadi kerdil. Pengendaliannya dengan penyemprotan insektisida berbahan aktif abamektin, tiametoksam, imidakloprid, asetamiprid, klorfenapir, sipermetrin, atau lamdasihalotrin dengan dosis sesuai petunjuk yang tertera pada kemasan.

7.        Kutu Kebul
Hama ini berwarna putih, bersayap dan tubuhnya diselimuti serbuk putih seperti lilin. Kutu kebul menyerang dan menghisap cairan sel daun sehingga sel-sel dan jaringan daun rusak. Pengendalian hama ini dengan cara penyemprotan insektisida berbahan aktif abamektin, tiametoksam, imidakloprid, asetamiprid, klorfenapir, sipermetrin, atau lamdasihalotrin dengan dosis sesuai petunjuk yang tertera pada kemasan.

8.        Tungau
Tungau bersembunyi di balik daun dan menghisap cairan daun. Daun yang terserang berwarna kecoklatan dan terpelintir, serta pada permukaan bawah daun terdapat benang-benang halus berwarna merah atau kuning. Pengendalian tungau dapat dilakukan dengan penyemprotan insektisida akarisida berbahan aktif  propargit, dikofol, tetradifon, piridaben, klofentezin, amitraz, abamektin, atau fenpropatrin dengan dosis sesuai petunjuk yang tertera pada kemasan.

9.        Kumbang Daun
Kumbang daun dinamakan juga oteng-oteng. Serangannya ditandai dengan adanya bekas gigitan serangga membentuk guratan-guratan konsentris pada daun. Selain merusak daun kumbang ini juga merusak bunga melon. Pengendaliannya dengan cara penyemprotan insektisida berbahan aktif sipermetrin, deltametrin, profenofos, klorpirifos, metomil, kartophidroklorida, atau dimehipo dengan dosis sesuai petunjuk yang tertera pada kemasan.

10.   Lalat Buah
Lalat betina dewasa menyerang buah melon dengan cara menyuntikkan telurnya ke dalam buah, kemudian telur berubah menjadi larva, telur-telur inilah yang akhirnya menggerogoti buah melon sehingga buah menjadi busuk. Pengendalian lalat buah dapat menggunakan perangkap lalat (sexpheromone), caranya : metil eugenol dimasukkan pada botol aqua yang diikatkan pada bambu dengan posisi horisontal, atau dapat pula menggunakan buah-buahan yang aromanya disukai lalat (misal nangka, timun) kemudian dicampur insektisida berbahan aktif metomil.  Selain itu juga dapat dilakukan penyemprotan menggunakan insektisida berbahan aktif sipermetrin, deltametrin, profenofos, klorpirifos, metomil, kartophidroklorida, atau dimehipo dengan dosis sesuai petunjuk yang tertera pada kemasan.

 Penyakit Tanaman Melon
_____________________________________________________________________________

1.        Rebah Semai
Rebah semai biasa menyerang tanaman melon pada fase pembibitan. Cara pengendaliannya dengan penyemprotan fungisida sistemik berbahan aktif propamokarb hidroklorida, simoksanil, kasugamisin, asam fosfit, atau dimetomorf dengan dosis ½ dari dosis terendah yang tertera pada kemasan.

2.        Layu Bakteri
Penyakit ini sering menggagalkan tanaman, Serangannya disebabkan oleh bakteri. Upaya pengendalian yang dapat dilakukan antara lain dengan meningkatkan pH tanah, memusnahkan tanaman yang terserang, melakukan penggiliran tanaman serta penyemprotan secara kimiawi menggunakan bakterisida dari golongan antibiotik dengan bahan aktif kasugamisin, streptomisin sulfat, asam oksolinik, validamisin, atau oksitetrasiklin dengan dosis sesuai pada kemasan. Sebagai pencegahan, secara biologi dapat diberikan trichoderma pada saat persiapan lahan, pada umur 20hst dan 35 hst dilakukan pengocoran dengan pestisida organik pada tanah, contoh wonderfat dengan dosis sesuai anjuran pada kemasan.

3.        Layu Fusarium
Gejala yang ditimbulkan oleh layu fusarium hampir sama dengan  layu bakteri, yang membedakan hanyalah penyebabnya. Layu fusarium disebabkan oleh serangan jamur. Upaya pengendalian yang dapat dilakukan antara lain dengan meningkatkan pH tanah, memusnahkan tanaman yang terserang, melakukan penggiliran tanaman serta penyemprotan secara kimiawi menggunakan fungisida berbahan aktif benomil, metalaksil atau propamokarb hidroklorida dengan dosis sesuai pada kemasan. Sebagai pencegahan, secara biologi dapat diberikan trichoderma pada saat persiapan lahan, pada umur 20hst dan 35 hst dilakukan pengocoran dengan pestisida organik pada tanah, contoh wonderfat dengan dosis sesuai anjuran pada kemasan.

4.        Busuk Phytopthora
Penyakit ini menyerang semua bagian tanaman. Batang yang terserang ditandai dengan bercak coklat kehitaman dan kebasah-basahan. Serangan serius menyebabkan tanaman layu. Daun melon yang terserang seperti tersiram air panas. Buah yang terserang ditandai dengan bercak kebasah-basahan yang menjadi coklat kehitaman dan lunak. Pengendalian secara kimiawi menggunakan fungisida sistemik, contoh bahan aktif yang bisa digunakan adalah metalaksil, propamokarb hidrokloroda, simoksanil atau dimetomorf dan fungisida kontak, contoh bahan aktif yang bisa digunakan adalah tembaga, mankozeb, propineb, ziram,  atau tiram.

5.        Gummy Stem Blight
Penyakit ini bermula dari bagian bawah batang tanaman yang nampak seperti tercelup minyak, selanjutnya mengeluarkan cairan berwarna merah cokelat dan akhirnya tanaman mati. Daun yang terserang ditandai dengan bercak bundar melekuk ke dalam berwarna cokelat kehitaman lama kelamaan daun akan mengering. Pengendalian secara kimiawi menggunakan fungisida sistemik, contoh bahan aktif yang bisa digunakan adalah benomil, metil tiofanat, karbendazim, tridemorf, difenokonazol, atau tebukonazol dan fungisida kontak berbahan aktif klorotalonil, azoksistrobin, atau mankozeb.

6.        Powdery Mildew
Gejala diawali dengan bercak bulat kecil berwarna keputihan pada permukaan bagian bawah daun. Kemudian bercak akan menyatu dan berkembang ke permukaan daun bagian atas sehingga daun seperti diselimuti tepung. Pengendalian secara kimiawi menggunakan fungisida sistemik, contoh bahan aktif yang bisa digunakan adalah benomil, metil tiofanat, karbendazim, difenokonazol, atau tebukonazol, dan fungisida kontak berbahan aktif klorotalonil, azoksistrobin, atau mankozeb.

7.        Downy Midew
Terdapat bercak berwana kuning muda pada permukaan daun yang dibatasi oleh tulang daun, sedangkan pada permukaan bagian bawahnya  terdapat massa spora yang berwarna kehitaman. Pada serangan yang parah terjadi pembusukan tulang daun yang akhirnya menyebabkan tanaman mati. Pengendalian secara kimiawi menggunakan fungisida sistemik, contoh bahan aktif yang bisa digunakan adalah benomil, metil tiofanat, karbendazim, difenokonazol, atau tebukonazol, dan fungisida kontak berbahan aktif klorotalonil, azoksistrobin, atau mankozeb.

8.        Antraknosa
Antraknosa sering juga diistilahkan dengan nama patek. Penyakit ini menyerang semua bagian tanaman yang ditandai dengan adanya bercak agak bulat berwarna cokelat muda, lalu berubah menjadi cokelat tua sampai kehitaman. Semakin lama bercak melebar dan menyatu akhirnya daun mengering. Gejala lain adalah bercak bulat memanjang berwarna kuning atau cokelat. Buah yang terserang akan nampak bercak agak bulat dan berlekuk berwarna cokelat tua, disini cendawan akan membentuk massa spora berwarna merah jambu. Pengendalian secara kimiawi menggunakan fungisida sistemik, contoh bahan aktif yang bisa digunakan adalah benomil, metil tiofanat, karbendazim, difenokonazol, atau tebukonazol, dan fungisida kontak berbahan aktif klorotalonil, azoksistrobin, atau mankozeb.

9.        Kudis (scab)
Serangan pada buah muda akan tampak bercak berwarna hijau-cokelatan melekuk ke dalam, bagian pinggirnya mengeluarkan cairan yang akan mengering seperti karet. Pada buah tua serangan penyakit ini akan membentuk kudis bergabus yang berwarna cokelat, tetapi proses pematangan buah tidak mengalami hambatan. Namun setelah dipanen, cendawan akan aktif dan buah mudah membusuk. Pada daun yang terserang akan terlihat bercak cokelat kebasah-basahan dan mengeluarkan lendir. Pengendalian secara kimiawi menggunakan fungisida sistemik, contoh bahan aktif yang bisa digunakan adalah metalaksil, propamokarb hidrokloroda, simoksanil, atau dimetomorf dan fungisida kontak berbahan aktif tembaga, mankozeb, propineb, ziram, atau tiram.

10.   Bercak Daun
Penyakit ini disebabkan oleh serangan bakteri, berkembang pesat terutama pada musim hujan. Serangan ditandai dengan adanya bercak putih dan bersudut karena dibatasi tulang daun. Kemudian bercak berubah menjadi cokelat kelabu serta bagian bawah daun mengeluarkan cairan, akhirnya daun mengering. Pengendaliannya menggunakan bakterisida dari golongan antibiotik dengan bahan aktif kasugamisin, streptomisin sulfat, asam oksolinik, validamisin, atau oksitetrasiklin, atau dari golongan anorganik seperti tembaga. Dosis sesuai pada kemasan.

11.   Virus
Virus merupakan penyakit yang sangat berpotensi menimbulkan kegagalan terutama pada musim kemarau. Gejala serangan umumnya ditandai dengan pertumbuhan tanaman yang mengerdil, daun mengeriting dan terdapat bercak kuning kebasah-basahan. Penyakit virus sampai saat ini belum ditemukan penangkalnya. Penyakit ini ditularkan dari satu tanaman ke tanaman lain melalui vektor atau penular. Beberapa hama yang sangat berpotensi menjadi penular virus diantaranya adalah thrips, kutu daun, kutu kebul, dan tungau. Manusia dapat juga berperan sebagai penular virus, baik melalui alat-alat pertanian maupun tangan terutama pada saat pemangkasan. Beberapa upaya penanganannya virus antara lain : membersihkan gulma (karena gulma berpotensi menjadi inang virus), mengendalikan hama/serangga penular virus, memusnahkan tanaman yang sudah terserang virus, kebersihan alat dan memberi pemahaman kepada tenaga kerja agar tidak ceroboh saat melakukan penanganan terhadap tanaman.

Strategi Pengendalian Hama dan Penyakit Pada Budidaya Melon :

-      Pengendalian hama gangsir, ulat tanah dan nematoda dilakukan secara bersamaan cukup satu kali pemberian insektisida, yaitu 1gram per lubang tanam.
-     Pengendalian hama ulat grayak, ulat jengkal, thrips, kutu daun, kutu kebul, tungau, kumbang daun dan lalat buah dan penyakit menggunakan pestisida harus dilakukan berseling atau penggantian bahan aktif yang tertera di atas setiap melakukan penyemprotan (jangan menggunakan bahan aktif yang sama secara berturut-turut).

PANEN

Umur panen buah melon sangat  bervariasi, yaitu antara 55-85 hst (hari setelah tanam). Faktor yang paling berpengaruh terhadap umur panen adalah genetik dan lingkungan. Buah melon dengan varietas yang berbeda akan memiliki umur panen yang berbeda pula sekalipun ditanam pada kondisi lingkungan yang sama. Dan sebaliknya, varietas melon yang sama akan memiliki umur panen yang berbeda andaikata ditanam pada kondisi lingkungan yang berbeda, terutama ketinggian tempat.


25 peb 2013
Cak

read more “Melonku ”

Cara membuat Tabel di postingan blog

Assalamu Alaikum Cara Membuat Tabel Pada Postingan Blog. Pastinya sobat blogger semua sudah tau apa yang dimaksut dengan tabel . Untuk contoh tabel yang akan kita bahas dalam kesempatan kali ini seperti yang terlihat dibawah ini.

No	Tutorial Blog	Label
1	facebook	Tutorial Blog
2	kopenkudamai	SEO

Nah jika kamu ingin mencobanya, Master Chef akan memberikan resepnya. Langsung saja, Berikut Cara Membuat Tabel Di Dalam Postingan Blog Dengan Mudah.

1. Silahkan Sobat masing-masing login ke akun blogger
2. Jika sudah login buat Entri Baru/Postingan Baru
3. Ada dua mode pada halaman Entri Baru Blog Kamu yaitu Compose dan HTML, Kamu Pilih Mode HTML
4. Jika sudah Copy kode Dibawah ini dan Paster pada Mode HTML Tersebut

<table border="1" style="width: 400px;">
<tbody>
<tr>
<td align="center">Kopen</td>
<td align="center">Kopenku</td>
<td align="center">Damai</td>
</tr>
</tbody></table>

Kopen

Kopenku

Damai

==================================================================

<table border="1" style="width: 400px;">
<tbody>
<tr>
<td align="center">Cak</td>
<td align="center">Ngganteng</td>
<td align="center">Tenanan</td>
</tr>

<tr>
<td align="center">Cak</td>
<td align="center">Ngganteng</td>
<td align="center">Tenanan</td>
</tr>
</tbody></table>

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

Cak	Ngganteng	Tenanan
Cak	Ngganteng	Tenanan

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

<table border="1" style="width: 400px;">
<tbody>
<tr>
<td align="center">No</td>
<td align="center">Tutorial Blog</td>
<td align="center">Label</td>

<td align="center">Label</td>

</tr>

<tr>
<td align="center">No</td>
<td align="center">Tutorial Blog</td>
<td align="center">Label</td>

<td align="center">Label</td>

</tr>
</tbody></table>

No	Tutorial Blog	Label	Label
No	Tutorial Blog	Label	Label

 Matur suwuuuun

read more “Cara membuat Tabel di postingan blog”

Cara Download Ziddu lebih cepat

Berkaitan dengan adanya keluhan dan saran dari bebepapa pengunjung blog ini. Mungkin tips berikut berguna bagi kalian yang akan mendownload sebagian dari file download yang ada di blog ini. Dari sedikit browsing, kami dapatkan artikel berikut yang tentunya akan sangat bermanfaat mempercepat dalam proses download nantinya. Banyak orang bilang ziddu itu lemot, banyak iklan dan pandangan buruk lainnya. Padahal bila menggunakan trik – triknya kita bisa mendownload di ziddu dengan cepat dan tidak ada iklan. Terus bagaimana caranya ? Ada beberapa cara :

1. Mendaftarlah dulu di ziddu kemudian uploadlah sebuah file bebas apa saja. Apa benar ?, ya sebelum anda mendownload file lebih baik anda mendaftar dulu disini kemudian uploadlah satu file apa saja yang support, seperti file .doc, .pdf, dll. Karena setelah mendaftar kecepatan downloadnya akan bertambah. Jadi sebelum mendownload mendaftarlah dulu disini.
2. Gunakan browser Firefox Apabila anda sudah menggunakan browser firefox, anda tinggal mendownload add-on Adblock plus di sini.    Apabila anda belum mempunyai firefox, download dulu firefox di sini. Apa gunanya adblock ?. Adblock berguna untuk menghilangkan iklan ketika browsing, jadi ketika download kita terbebas dari gangguan iklan.
3. Download pakai IDM, kalo belum punya IDM download di sini untuk IDM portable dan di sini untuk IDM Full
4. Download pake’ Gigaget, bagi yang masih belum punya Gigaget download ajah di sini Udah segitu aja triknya , eitt jangan lupa daftar dulu di ziddu jangan lupa ^_^ Atau dengan klik banner dibawah



cak

read more “Cara Download Ziddu lebih cepat”

Cara mengtahui lokasi blogger

Pasti sodaraku pernah terpikir ketika membaca artikel atau informasi suatu blog yang bagus. Dan penasaran sapa dan dari mana sich si pemilik blog tersebut. Jika seperti itu gini carane

Silahkan Sodara copy url di bawah ini (dalam kotak) address bar browser Sodara

Mendeteksi Blogger diseluruh Nusantara :

        http://www.blogger.com/profile-find.g?t=l&loc0=ID

Mendeteksi Blogger di Dalam Provinsi :

            http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Timur

Sebagai Contoh saya ingin mentahui blogger Lamongan berikut:

        http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Timur&loc2=Lamongan

*)KETERANGAN:

    loc0 = Menunjukkan Lokasi Negara   blogger

    loc1 = Menunjukkan lokasi Propinsi blogger

    loc2 = Menunjukkan lokasi wilayah  blogger

      Silahkan Sodara ganti kode (nama Negara,nama Provinsi,nama Kota / Kabupaten) sesuai dengan keinginan Sodara.

Catatan : kode ID adalah kode Negara Indonesia,dan tanda + untuk spasi.

Untuk kode negara, Sodara bisa nanya sama pekde google,

Semoga bermanfaat bagi anda

Makacih…………..

read more “Cara mengtahui lokasi blogger”

Teh kompos ala kopen

Dalam pertanian kita tidak bisa lepas dari penggunaan kompos mekipun di beri pupuk banyakpun hasilnya belum bisa maksimal sebab kompos tersebut sebagai  pengikat hara dalam tanah supaya tidak terkikis air hujan angin dan terik matahari.
dan ahirnya di ketemukan cara mengefisiensikan kompos supaya aman dan langsung bisa terserap oleh tanaman kita, dengan metode  (TEH KOMPOS)

Langsung saja bahan yang harus dipersiapkan

1.  Kotoran sapi 5kg (tletong yang telah di fermentasi)
2.  Air leri (cucian beras pertama)
3.  Kain Tile yang di jahit seperti bantal.
                                         4.  Airator


Cara Pembuatannya :
kotoran sapi yang sudah di fermentasi tersebut di masukkan ke dalam kain tile berbentuk seperti bantal tersebut kemudian di rendam ke dalam air leri.setelah itu pasang aierator untuk menyalurkankan udara atau oksigen ke dalam larutan biarkan selama kurang lebih seminggu TEH KOMPOS ALA KOPEN siap di gunakan.

Cara pengguna'an :

TEH KOMPOS ALA KOPEN 250 cc untuk satu tangki atau 15 liter air

pengalaman kami setelah menggunakan TEH KOMPOS ALA KOPEN tanaman kami menjadi sehat sejahtera

Cak  

read more “Teh kompos ala kopen”

Belajar HTML

Mari belajar HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.

Pengenalan HTML
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:

<html>

<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>

</html>

Preview
Simpan file tersebut ke C:\My Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut dengan Notepad ganti "save as type"-nya dengan "all files". Kemudian buka browser, dari menu File klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi atau konten dari elemen html tersebut. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Baca juga Update dari Pengenalan HTML ini di Tutorial HTML.

Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html>

<head>

<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>

</html>

Preview
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".

Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
Baca juga Update dari Tag Dasar HTML ini di Tutorial HTML.

Format Font HTML
Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:

<html>

<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>

</html>

Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaannya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>
Preview
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Baca juga Update dari Format Font HTML ini di Tutorial HTML.

Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.

<p>Aku sedang membuat paragraf dan ini contohnya.</p>

<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>

</html>

Preview
Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>
Preview
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup.
Selanjutnya tag <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Selanjutnya tag <!--…--> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikan oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang mempelajari format-format teks.<br>
Contoh-contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H₂O<br>
Teks menggunakan Superscript: Hasil dari 10²=100<br></p>
</body>
</html>
Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:

<html>
<body>
<pre>
   <b>PUITUIS ASA</b>
   Hari ini...
   Aku sedang belajar...
   Belajar tentang HTML.
      Sulit 'ntuk dimengerti,
      Karena banyaknya teks-teks aneh.
      Tapi biarlah...
   Akan kucoba...
   Sampai pingsan.
</pre>
</body>
</html>
Preview
Baca juga Update dari Format text HTML ini di Tutorial HTML.

Hyperlink HTML
Hyperlink digunakan untuk menghubungkan antar dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:
<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/" target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css.
</body>
</html>
Preview
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan ektensinya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a>

Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31" align="left"></a>
 Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:
<a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"><img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a>
Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
<a href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"></a>
Dalam contoh ini src atau source yaitu contoh.jpg sengaja dihapus agar alt-nya ditampilkan, maka hasilnya adalah: 
Baca juga Update dari Hyperlink HTML ini di Tutorial HTML.

Background HTML
Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif, .jpg atau .png yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>
Preview
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i52.tinypic.com/nmm2cz.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
Preview

Baca juga Update dari Background HTML ini di Tutorial HTML.

read more “Belajar HTML”

Tutorial Membuat Refresh Blog

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.


Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :

<meta http-equiv="refresh" content="10"/>

Simpan kode di atas antara <head> .... </head>

sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi Redirect ini bisa di buat dengan kode :

<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Selamat mencoba.

Cak

read more “ Tutorial Membuat Refresh Blog”

Cara Membuat Menu Pengganti Navbar Blogspot

Hallo sobat blogger, sudah lama banget gak update posting, untuk kali ini saya akan berbagi tentang Cara Membuat Menu Pengganti Navbar Blogspot. Ini sebenarnya request dari salah satu temen blogger kita yang sangat ingin membuatnya untuk di pasang di blognya. Menu Pengganti Navbar Blogspot sangatlah penting untuk memudahkan pengunjung untuk menuju link-link pada blog kita, dari pada panjang lebar kita menuju tutorialnya yuk..... !

 

Berikut adalah Cara Membuat Menu Pengganti Navbar Blogspot :

1. Masuklah ke akun blogger Anda.
2. Klik tab Rancangan -> pilih Edit HTML -> Jangan lupa download template lengkap agar apabila salah dalam pengeditan bisa di kembalikan seperti semula.
3. Cari code : <b:skin><![CDATA[
4. Letakkan code berikut tepat di bawahnya :

            #navbar-iframe {

            height:0;

            visibility:hidden;

            display:none;

            }

5. Caari code : ]]></b:skin>
6. Letakkan code berikut tepat di atasnya :

        .menu {

        background:#000;

        border-bottom:3px solid #111;

        box-shadow:0 0 5px white;

        -moz-box-shadow:0 0 5px white;

        -webkit-box-shadow:0 0 5px white;

        -khtml-box-shadow:0 0 5px white;

        z-index:100;

        top:0;

        left:0;

        width:100%;

        position:fixed;

        z-index:10000;

        opacity:.9;

        filter:alpha(opacity:90);

        font-size:13px;

        text-align:center;

        }

        .menu ul {

        background:#000;

        height:2px;

        list-style:none;

        margin:0;

        padding:0;

        }

        .menu li {

        float:left;

        padding:0px;

        }

        .menu li a {

        background:#000;

        color:#fff;

        display:block;

        font-weight:normal;

        line-height:27px;

        margin:0px;

        padding:0px 10px;

        text-align:center;

        text-decoration:none;

        }

        .menu li a:hover, .menu ul li:hover a {

        background:#212121;

        color:#00ff00;

        text-decoration:none;

        }

        .menu li ul{

        background:#000;

        display:none;

        height:auto;

        padding:0px;

        margin:0px;

        border:0px;

        position:absolute;

        width:100px;

        z-index:200;

        /*top:1em;/*left:0;*/

        }

        .menu li:hover ul {

        display:block;

        }

        .menu li li {

        display:block;

        float:none;

        margin:0px;

        padding:0px;

        width:100px;

        }

        .menu li:hover li a {

        background:none;

        }

        .menu li ul a {

        display:block;

        height:27px;

        font-size:12px;

        font-style:normal;

        margin:0px;

        padding:0px 10px 0px 15px;

        text-align:left;

        }

        .menu li ul a:hover, .menu li ul li:hover a {

        background:#212121 center left no-repeat;

        border:0px;

        color:#fff;

        text-decoration:none;

        }

        .menu p {

        clear:left;

        }

7. Cari code : <body>
8. Letakkan code berikut tepat di bwahnya :

<div class='menu'><ul>
<li><a href='http://kopenkudamai.blogspot.com/search/label/OS'>Windows</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Software'>Software Full</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Tool'>Tool</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Multimedia'>Multimedia</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Software-Hp'>Aplikasi HP</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Anti-Virus'>Anti Virus</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Internet'>Internet</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Editing'>Editing</a></li>
<li><a href='http://www.sagita-com.tk/search/label/Games'>Games</a></li>
<li><a href='http://kopenkudamai.blogspot.com/2012/'>Lainnya</a><ul>
<li><a href='http://kopenkudamai.blogspot.com/search/label/News'>News</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Request'>Request</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Android'>Android</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Billing'>Billing</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Facebook'>Facebook</a></li>
<li><a href='http://kopenkudamai.blogspot.com/search/label/Tips-Trik'>Tips &amp; Triks</a></li></ul></li>
<li style='float:right;margin-right:5px;'><a href='http://kopenkudamai.blogspot.com/2012/11/cara-membuat-menu-pengganti-navbar.html'>Homepage</a></li></ul></div>

9. Ganti link-link di atas yang berwarna merah sesuaikan dengan blog Anda.

10. Terakhir simpan template dan lihat hasilnya.

Cak

read more “Cara Membuat Menu Pengganti Navbar Blogspot”