Tuesday, December 21, 2010

Cara Membuat / Menetapkan Label Secara Masal Pada Blogspot

Membuat Label Blog Secara Bersamaan



Bukan ngomongin masalah membuat label pada blog ya,pada dasarnya memang iya om,tapi kali ini bagaimana menetapkan atau membuat label pada banyak posting dalam sekali klik saja.
Atau dapat dikatakan menentukan atau membuat label secara massal or bersamaan.

Kadang saat sobat ingin mengedit sebuah postingan dan menentukan label baru pada postingan yang sudah-sudah,akan ngerasa ribet karena harus mengedit satu persatu,betul tidak?

Nah,cara menentukan label secara bersamaan ini ternyata mudah sob,gini nih caranya (sok jd guru nih,mo jd guru gak kesampaian,hihihihi..)

1.Pergilah ke Dashboard blogspot sobat,lalu pilih Edit Entri pada blog yang ingin sobat rubah labelnya.

membuat label secara bersamaan atau masal.


2.Setelah itu nanti akan keluar jendela seperti dibawah ini,sobat tinggal check list satu persatu sesuai keinginan(posting yang hendak dibuatkan label secara bersamaan),atau jika menginginkan semua posting dengan label yang sama tinggal pilih 'Semua'.

menentukan label secara otomatis bersamaan.


3.Setelah posting mana yang hendak akan dibuatkan label sudah ditentukan,klik dropdown 'Aksi Label',pilih 'Label Baru' atau pilih label yang telah ada.

membuat label blogspot masal.


4.Label sudah tercipta hanya sekali klik :D

Pengunjung:
kirain tips apaan,ternyata hanya membuat label blog secara masal to..
Pelajaran Blog:
Emang dikirain tips apaan,hehehehe..


Selamat mencoba ya :D

Wednesday, December 15, 2010

Membuat Postingan Selalu Di Depan (Posting Lama Tetap Di Halaman Depan)

Cara Mengakali Agar Posting Andalan/Pilihan Selalu Berada Di Depan



Banyak diantara blogger yang menginginkan sebuah artikel atau posting yang akan selalu berada di halaman utama blog,ini saya tahu dari banyaknya sobat PelajaranBlog ini yang menanyakan hal serupa.
Memang saya sendiri belum mengetahui secara pasti cara membuat posting selalu didepan secara otomatis,namun dengan cara manual alias akal-akalan hal tersebut dapat kita lakukan tanpa merubah url atau alamat posting tersebut.

Contohnya,misal saya ingin selalu menampilkan posting tentang 'cara meletakkan komentar dibawah posting' agar selalu berada di halaman utama yang mana posting tersebut memiliki url:

http://pelajaran-blog.blogspot.com/2010/07/meletakkan-kotak-komentar-di-bawah.html

Lalu bagaimana pengaruh postingan di mesin pencari?bukankah secara otomatis tanggal dan bulan penerbitan(lihat yang bercetak tebal pent-) akan berubah?
Dan rupanya url dan postingan tidak berpengaruh karena meskipun diterbitkan pada tanggal dan bulan yang baru,url tetap seperti url yang lama :D

Langkah Cara Membuat Posting Pilihan Selalu di Halaman Utama



1.Pilihlah posting yang akan selalu sobat tampilkan pada halaman depan blog,sobat bisa pilih Dashboard,lalu pilih Edit Entri (Lihat Gambar 1.



Poating Selalu Di Depan.
Gb.1


2.Setelah itu tentukan posting yang ingin sobat letakkan di halaman utama dengan memilih Edit Entri,misal saya mengambil posting tentang 'cara meletakkan komentar dibawah posting' (Lihat Gambar 2.)



artikel posting selalu di halaman utama.
Gb.2


3.Sekarang,pilihlah atau klik tulisan 'Opsi Entri(1)',lalu tentukan waktunya(2) (tuliskan terserah anda tapi lebih baik tulislah waktu sesuai dengan waktu saat anda mengedit posting tersebut atau hari itu juga),lalu publikasikan(3).
Untuk lebih jelasnya Lihat Gambar 3.



selesai meletakkan posting selalu didepan.
Gb.3


4.Lihat hasilnya dan posting pilihan anda sekarang berada paling depan tanpa merubah url postingan :D
Selamat mencoba dan semoga berhasil ya :)

**Jika belum sesuai,lebih baik pura-pura buat posting lalu pilih 'option entri',copy tanggal dan waktunya lalu paste dalam waktu pada posting yang ingin anda selalu tampilkan didepan.

Monday, December 6, 2010

Cara Menjebol / Membobol Rar - Password File Rar Recovery Mantab!!

Software Pembobol Password File Rar



cara menjebol password rar.

Adalah RAR Password Recovery,sebuah nama software yang sudah menjadi superstar dalam dunia maya.

Cara menggunakan juga tidak terlalu ribet bahkan tinggal install saja dan sobat bisa langsung gunakan aplikasinya.

Sebenarnya ingin memposting panjang lebar masalah cara membobol password rar ini,tapi karena waktu yang tidak memungkinkan terpaksa saya hanya meberikan info link dan screenshotnya saja.

Untuk langkah dan caranya bisa dilihat dibanyak forum-forum yang membahas masalah membobol password rar,salah satunya yang sudah di posting agan-agan di www.indowebster.com,dll

Download RAR Password Recovery
(software pembobol file rar)


Mungkin jika waktu memungkinkan kita akan membahas software pembobol file yang lain dan mengatasi file selain rar seperti zip juga membuka file-file ber-ekstention unik seperti *.CHK,*.kgb,dll

Friday, November 12, 2010

Menampilkan Kode HTML (Parse Kode Html)

Membuat kode html tampil pada posting blog



Seperti kita sudah tahu ya,blogger.com tidak mau menampilkan kode html pada postingan,jikalaupun berhasil dipublikasikan kode tersebut juga tidak akan tampil seperti yang kita harapkan bahkan tidak tampil sama sekali.
Sebenarnya masalah ini sudah pernah saya posting di:

.

Namun ada beberapa sobat blog ini yang masih sulit untuk menerapkanya,mungkin karena memang memakan banyak waktu,terlalu ribet dan minimnya mengenal notasi dari sebuah karakter dari kode html.



Nah dari pengalaman inilah,dengan senang hati kami Pelajaran Blog memperkenalkan teman lama meskipun sudah banyak yang tahu,tapi kami yakin ada beberapa sobat PB yang masih mengalami kesulitan bagaimana menampilkan kode html pada postingan.
Ini terbukti dari beberapa komentar sobat yang masih menanyakan bagaimana meletakkan kode html pada postingan di blog dari blogger ini.

Kini,sobat tidak perlu lagi repot dan memakan banyak waktu untuk melakukan trik menampilkan kode html ini(meskipun kadang kepraktisan membuat kita jadi malas untuk belajar,hihi-pent).

Adalah www.blogcrowds.com,situs parse kode ini kian melesat bahkan dengan keyword 'blogger template' mampu ia dapat karena kemurahan hatinya dan banyaknya user yang memparse xml mereka.
Saya sendiri tak jarang menggunakan situs parse kode html ini,semoga kebaikan beliau dibalas ya sama Tuhan.Amin.



Cara Praktis Menampilkan Kode Html pada Postingan



  1. Pertama sobat kunjungi http://www.blogcrowds.com/resources/parse_html.php,dan nanti langsung akan dihadapkan halaman seperti ini:
    menampilkan kode html.
  2. Selanjutnya,tinggal letakkan kode html yang ingin sobat parse (yang ingin sobat letakkan pada postingan nantinya) pada kolom yang disediakan.
    menampilkan kode html pada postingan.
  3. Setelah itu tinggal klik tombol parse,dan kode html yang sobat ingin parse,sudah diterjemahkan dalam bentuk notasi html yang sudah siap untuk sobat copy lalu pastekan pada posting blog yang ingin menampilkan kode html sobat tadi.
    Hasil parse akan tampil seperti ini:
    menampilkan kode pada posting.


Gampang dan mudah bukan?
Specially thax for www.blogcrowds.com

Wednesday, October 27, 2010

Seo Blogspot Dasar untuk Pemula

Seo Dasar untuk Blogspot bagi Blogger Pemula


Akhirnya,posting belajar seo nongol juga di blog tutorial ini ya :D
Tapi,apakah teknik dan rahasia seo-nya benar-benar joss seperti yang dikoar-koarkan?

Saya sendiri sih menganggap itu hanya masalah penyamapaian saja,yang terpenting adalah mencoba dan merealisasikannya,masalah berhasil tidaknya itu urusan nanti.
Untuk dan menurut saya pribadi,10 dasar seo atau seo dasar untuk blogspot ini sangat ampuh,efisien dan yang penting gratis alias blak-blakan dipublikasikan,karena 10 teknik dasar seo ini adalah hasil dari kegagalan saya sendiri selama beberapa tahun ngeblog.

Bukan menjadi tolok ukur panduan dasar seo,namun untuk kita cara cepat terindex google,cara-cara dibawah ini layak untuk anda coba.

10 Dasar Seo Blogspot


  • Membuat 10 atau beberapa Blog dari blog gratisan sebagai dummy tentu dengan domain yang berbeda-beda,misal dari blogspot,wordpress,blogdetik,weblog,dll
    Buat judul yang ingin sobat optimasi dari blog utama yang ingin sobat optimalkan,kemudian bikin duplikat judul posting dari blog utama tersebut di beberapa blog gratisan (dummy) yang telah diciptakan,serta meletakkan link menuju postingan blog utama.

  • Jika menggunakan gambar gunakan nama sesuai judul posting,misal saya membuat judul posting belajar dasar seo blogspot,maka sebelum saya upload gambar tersebut pada postingan saya merubahnya terlebih dahulu dengan nama belajar dasar seo blogspot,dan kemudian saya siap menguploadnya.

  • Jangan lupa pula pada gambar atau image yang telah kita pasang,gunakanlah tag alt,misal ;
    <img src='http://1.bp.blogspot.com/_IkLQaat9dkk/SjBpw1TLVVI/AAAAAAAAADg/RDKDlri9Xpg/s320/dasar-seo-blogspot.jpg' alt="belajar dasar seo blogspot.'/>
  • Terapkan dan biasakan menebalkan kata atau kalimat yang ingin sobat optimasi dengan kode <strong></strong>,misal <strong>dasar seo blogspot</strong>

  • Jangan lupa submit di beberapa blog-blog dofollow dan social bookmarking

  • Blogwalking

  • Buat judul seunik mungkin dan merangsang,seperti contoh;
    10 Dasar Seo (Rahasia Seo Telah Di Bongkar!!!),menarik bukan?

  • Belajar merangkai kalimat dari mengamati kata dan kalimat yang telah diindex oleh serp Google
  • Memodifikasi templates mulai dari meta tag,ukuran dan jenis huruf serta menciptakan kontent yang efektif(sedikit gambar sehingga memungkinkan cepatnya saat loading page)
  • Rajin posting yang sangat dibutuhkan khalayak atau yang sedang trend dan hot dan yang terpenting adalah berdo'a.


Semoga dapat membantu optimasi dan menambah semangat dalam belajar seo,Insya Allah suatu saat nanti akan kami update jika ada senjata baru dalam seo ini :D

Bagi master-master seo yang dah nyasar,kami sangat minta saran dan tambahannya,tapi jangan ngritik ya :lol: :D

Friday, October 15, 2010

Cara SMS Gratis ke Semua Operator / Provider (100% Berhasil!!)

Free Sms Ke Semua Operator via Internet


Aku pikir udah banyak yang tahu ya,gimana dapat melakukan sms tanpa keluar pulsa sama sekali.
Untuk di Google aja sendiri kita udah dapet informasi tetek bengek mendapatkan info sms gratis ke semua operator,entah ke Xl,IM3,Mentari,Three(3),Axis,Simpati,dll di seluruh Indonesia.

Tapi kadang mereka justru hanya bersifat ngibul pada akhir kalimatnya,tanpa merasa telah berdosa ngibulin para pembaca setianya :p

Tapi,untuk cara yang satu ini selama yang poenya situs bersangkutan masih 'nyediain',aku jamin 100% berhasil!!!
Omong-omong,widget yang akan kita pasang nih buatan orang asing or anak kita sendiri sih?jawabanya,anak kita donk!siapa mereka?koq mereka pada pinter2 bikin script ama phpnya?
Sobat bisa lihat profil mereka di GXRG | Gunadarma J IT Club,and bisa gabung sekarang juga.

Tapi,untuk mencoba widget sms gratis ke semua opertaor (maksudny operator-pent) ini tidak harus bergabung terlebih dahulu dalam komunitas mereka.
Ini hanya bentuk pengenalan agar Pelajaran Blog tak dikira nyolong ide orang lain,xixixixi..

Dari pada banyak ngomong,lekas aja deh coba form sms gratis ke semua operator ini (form ini akan berfungsi jika mereka masih menyediakannya)





di populerkan oleh:
pelajaran-blog.blogspot.com



Memasang Widget Sms Gratis ke Blog Blogger



Jika sobat memiliki blog dari blogger,sobat bisa memasang widget free sms ini,dengan meletakkan kode html berikut:

<center><iframe vspace="0" frameborder="0" marginheight="0" marginwidth="0" readonly="true" height="400" src="http://s1.gxrg.org/home/" hspace="0" scrolling="no" width="300" allowtransparency="true"></iframe><br/><code><small>di populerkan oleh:<br/> <a href="pelajaran-blog.blogspot.com">pelajaran-blog.blogspot.com</a></small></code></center>


Untuk letak kodenya,seperti biasa,bisa sobat letakkan dalam posting,bisa juga meletakkan di element baru,yakni dengan cara:
1.Pilih Dashboard
2.Pilih Tata Letak / Design
3.Klik tulisan Add New Widget
sms gratis blogspot.

4.Pilih HTML/Javascript
kirim sms gratis tanpa pulsa.

5.Letakkan kode tersebut lalu simpan.

Specially thank to:
http://s1.gxrg.org/

Friday, October 8, 2010

Membuat Gambar Postingan Melayang / Memiliki Bayangan

Cara Membuat Gambar seolah Melayang Mempunyai Bayangan



Jika beberapa waktu lalu sudah share masalah membuat gambar always on top alias selalu berada di pojok,kali ini adalah membuat melayang atau seolah-olah mempunyai bayangan dari gambar pada posting yang kita miliki.

Untuk contohnya,sobat sudah dapat melihat sendiri bayangan yang berada dibelakang gambar setiap posting kami.
Kami sangat berterima kasih kepada http://i30.tinypic.com/1qsh1h.jpg,karena dengan 'meminjam' url tersebut gambar pada setiap posting kami mempunyai bayangan,hihihi..

Caranya mudah alias gampang banget,tinggal merubah beberapa kode saja dan hasilnya dapat langsung sobat lihat.



Langkah dan Cara Membuat Gambar Posting Mempunyai Bayangan / Berbayang



Nah,untuk caranya bisa sobat ikuti langkah berikut ini:

  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    gambar posting bayangan.
    Gb.1


  • Selanjutnya pilih tab Edit Html (Gb.2).

    shadow posting pictures.
    Gb.2


  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    membuat gambar posting melayang.
    Gb.3


Nah,setelah itu cari kode :
.post img { (Gunakan Ctrl+F)
Biasanya dibawahnya akan ada kode tambahan untuk cssnya,seperti:
.post img {
padding:4px;
border:1px solid #cccccc;
}


Nah,tinggal ganti kode tersebut dengan kode berikut:

.post img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}


Setelah itu simpan template dan lihat hasilnya :D


Specially thax for http://i30.tinypic.com/1qsh1h.jpg

Friday, September 24, 2010

Related Post Widget Untuk Blogger (Keren Abis!)

UPdate! Trik Membuat Related Post Widget Untuk Blogger (Keren Abis!),Sudah Direvisi! Dijamin Berhasil 100%

Widget Related Post / Artikel Terkait / Posting Yang Berhubungan

Sebenarnya sudah pernah saya posting sebelumnya,bagaimana membuat related post pada blogger di Cara Membuat Artikel Yang Berhubungan / Related Post / Artikel Terkait.
Namun widget related post yang satu ini sangatlah unik,menarik sekaligus dapat membantu pengunjung melihat posting yang berkaitan.

Jika related post widget untuk blogger yang satu ini masih valid,contohnya bisa sobat lihat di SINI.
Tapi sebelumnya memang sobat diharuskan membuat label terlebih dahulu,caranya sobat bisa baca di SINI.

Setelah label telah diciptakan,dan pastikan rss sobat valid(available rss),seperti rss pelajaran blog,bisa sobat klik icon rss disebelah kanan browser,tampilannya rss nanti seperti klik disini.

Ada 2 pilihan widget related post keren abis yang bisa sobat gunakan,dan dua-duanya pantas untuk sobat coba.



1.Related Post Widget for Blogger dengan Javascript


Teknik ini menggunakan javascript dari http://theblogtemplates.com/scripts/Related_posts_hack.js,lihat sumbernya.
Jika javascript tersebut masih valid alias tersedia,maka widget ini akan bekerja dengan baik.

Contoh gambarnya sobat bisa lihat dibawah ini:

Related Post Widget Untuk Blogger (Keren Abis!)
Lihat Gambar Besar


Dan hasilnya kurang lebih akan seperti di sini

Nah,untuk caranya bisa sobat ikuti langkah berikut ini:

  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    Related Post Widget.
    Gb.1


  • Selanjutnya pilih tab Edit Html (Gb.2).

    Widget Artikel Yang Berhubungan.
    Gb.2


  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    Artikel Terkait / Yang Berkaitan Widget.
    Gb.3


Nah,setelah itu cari kode </head> (Gunakan Ctrl+F),setelah ketemu,persis diatasnya letakkan kode javascript ini di atas kode </head> tersebut:

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/site/pujiantoroinc/Home/related_post_pelajaran_blog.js' type='text/javascript'/>


Setelah itu,cari lagi kode berikut <data:post.body/>,setelah ketemu,tepat dibawahnya letakkan kode berikut:

<br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>


Setelah itu simpan,selesai.

2.Related Post Widget for Blogger dengan Jasa Blogger Widget (LinkWithin)



Tampilan related post blogger dengan jasa www.linkwithin.com akan seperti ini:

linkwithin related post widget.

Ingin memilih cara yang no 2 ini? tinggal sobat kunjungi saja situsnya di sini

Bagaimana? siap menghias blog dengan tampilan widget related post terbaru?

Monday, September 6, 2010

Membuat Menu Navigasi Horizontal dengan Sub Menu Navigasi Vertikal

Mari Belajar Membuat Menu Navigasi Dengan Sub Menu



Belajar Membuat Menu Navigasi Sub Menu pada Blogger Blogspot.Mumpung mood lagi bagus,mumpung doku lagi tebel dan mumpung blog lagi sepi,saya mencoba untuk memposting kembali kaitannya belajar menghias blog.

Beberapa minggu lalu saya sudah bagikan dari informasi yang saya dapat dari dunia maya,bagaimana membuat menu navigasi css di blogger.
Bagi yang belom membaca,silakan langsung klik di sini.

Nah,dari email sahabat yang saya terima,menanyakan bagaimana sih membuat menu navigasi horisontal / horizontal dengan submenu / sub menu navigasi vertikel seperti pada blog ini?
Bukan suatu kesengajaan,menu navigasi dengan sub menu ini juga saya peroleh dari hasil surfing berbagai blog tutorial untuk blogspot.

Bagi kamu yang penasaran bagaimana cara membuat menu navigasi dengan sub menu,bisa ikuti langkah berikkut ini.

Langkah dan Cara Membuat Menu Navigasi dengan Sub Menu Untuk Blogger



  • Pertama,pergilah ke Dashboard (Gb.1) blog yang akan anda beri menu navigasi dengan sub menu ini.

    Menu Navigasi Sub Menu.
    Gb.1


  • Selanjutnya pilih tab Edit Html (Gb.2).

    Cara Membuat Menu Navigasi Horizontal dengan Sub Menu.
    Gb.2


  • Setelah itu,contreng tulisan / checkbox 'Expand Widget Templates' (Gb.3).

    Menu Navigasi Css SubMenu.
    Gb.3


  • Setelah itu carilah kode seperti ini ]]></b:skin> (Gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah ketemu letakkan kode dibawah ini tepat diatas kode ]]></b:skin> tersebut.

    #NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }

  • Setelah itu Simpan Templates.
  • Sekarang giliran kita menentukan dimana tempat menu navigasi submenu ini akan kita letakkan.
  • Pilih Tab Rancangan / Tata Letak pada Dashboard blog anda,seperti (Gb.1),selanjutnya klik tulisan 'Add New Widget / Tambah Gadget'(Gb.4),dan pilihlah Html / Javascript (Gb.5)

    Menu Navigasi Dengan Sub Menu Blogger.
    Gb.4

    Cara membuat menu navigasi horizontal dengan sub menu vertikel.
    Gb.5


  • Setelah itu letakkan kode berikut pada widget HTML / Javascript tersebut.

    <div class='menuhorisontal'>
    <ul id='nav'>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'></ul> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>

    <li><a href='http://tulis_alamat_url_tujuan'>Utama Ganti Sesuai Keinginan</a>
    <ul>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul> </li>
    <li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
    </ul>
    </div>


  • Lalu simpan,selesai dan lihat hasilnya :D

** Untuk http://tulis_alamat_url_tujuan gantilah sesuai tujuan kamu kemana link akan diarahkan,misal;
http://pelajaran-blog.blogspot.com/2009/03/membuat-menu-navigasi-css-di-element.html dan tulisan Ganti Sesuai Keinginan gantilah denga keterangannya,misal dengan keterangan Membuat Navigasi Css dengan Sub Menu,maka dalam penulisannya;
<li><a href='http://pelajaran-blog.blogspot.com/2009/03/membuat-menu-navigasi-css-di-element.html'>Membuat Navigasi Css dengan Sub Menu</a> </li>