1. Pastikan anda login ke blog anda
2. Pilih menu Templete untuk masuk kehalaman Edit HTML (Baca : Cara Mengakses Halaman Edit HTML)
3. Jangan lupa Update Template Lengkap Blog kamu terlebih dahulu untuk antisipasi kesalahan edit HTML ( Baca : Cara Back-Up dan Upload Template Blog)
4. Jangan lupa centang pada Expand Template Widget

5. Cari kode <b:includable id='commentDeleteIcon' var='comment'>
6. Copy kode dibawah ini dan letakan dibaawah kode diatas
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='URL image sobat disini'/></a></span>
7. Simpan Template

KETERANGAN :

1. Letakkan blog ID sobat : Ganti dengan blog ID anda. Untuk mengetahui blog ID anda buka halaman posting >Entri baru (lihat gambar dibawah kotak warna merah adalah ID blog)

2. URL image sobat disini : Ganti dengan URL anda, Jika anda belum memiliki URL gambar anda bisa menggunakan URL gambar dibawah ini

• 
  : http://i1211.photobucket.com/albums/cc432/Aldi96/a-1.png
• 
  : http://i1211.photobucket.com/albums/cc432/Aldi96/b-2.png
• 
  : http://i1211.photobucket.com/albums/cc432/Aldi96/c-2.png

• 
  : http://i1211.photobucket.com/albums/cc432/Aldi96/d-1.png

Topik-Topik Yang Blog Ramai Dengan Pengunjung - Siapa yang tidak ingin blog ramai pengunjung ?, tentunya semua blogger menginginkannya. Selain Kualitas yang mengalahkan Kuantitas, Semua Master Blogger dan Master Seo mengutarakan bahwa Sebuah trand adalah suatu hal yang paling baik dalam meningkatkan pengunjung blog. Artinya jika anda mampu mengikuti trand yang sedang diperbincangkan saat ini tentu pengunjung Blog sobat tidak akan pernah sepi dari pengunjung.


Kali ini Master Chef akan berikan sedikit informasi yang Master Chef kumpulkan berdasarkan hasil survey yang Master Chef lakukan bersama google. Beberapa hari ini, Master Chef tidak update Tutorial blog di blog Dapur Tutorial Blogspot dan Seo kesayangan ini, karena bawaan rasa malas sehingga inspirasi tidak muncuk.

Tidak sengaja Master Chef menemukan salah satu blog yang pengunjungnya sangat Fantastic kurang lebih 100.000 pengunjung perhari, disini akhirnya muncul inspirasi untuk membuat topik postingan diblog dapur Tutorial Blogspot. Sebelum posting Master Chef survey dulu terhadap blog-blog yang memiliki jumlah pengunjung yang Fantastic. Hal yang Master Chef amati adalahTopik bahasan blognya. adapun hasilnya blog tersebut memiliki Tipik pembahasan yang hampir serupa, Artinya konten tersebutlah yang membuat banyak trafik masuk keblog mereka.

Apa saja Topik-topik tersebut ?, Berikut Infonya !.

1. Politik
Alasannya karena banyak berita politik yang diburu oleh kalangan masyarakat, terbukti berita politik selalu menjadi topik utama diberbagai media baik media Cetak maupun media online. Yang dapat kamu angkat dalam blog kamu bisa mengenai politik seperi kasus korupsi, pemilihan umum, skandal tokoh politik, dll ini dapat dijadikan topik utama agar blog sobat ramai dikunjungi.
2. Bencana
Sama halnya dengan berita politik, Berita-berita yang berhubungan dengan bencana selalu menjadi headline dan banyak diburu oleh pengunjung. beberapa berita bencana yang paling banyak diburu misalnya bencana seperti gunung meletus, gempa bumi, dan kecelakaan dengan jumlah korban banyak
3. Artis
Semua pasti sudah tau kalau hal-hal yang berbau artis memang banyak dicari. terutama Koleksi Foto artis dan Gosip-Gosip yang sedang meninpa artis.
4. Tutorial Blog
Blog yang membahas tutorial blog akan memiliki keuntungan tersendiri karena konten tersebut tidak ada matinya. mengapa demikian, karena setiap saat orang yang baru mulai blogging selalu membutuhkan Tutorial untuk menggunakan blog. yang perlu dilakukan hanyal Update setiap artikel yang sudah tidak relepan karena tidak sesuai lagi dengan istruksi yang kamu buat.

5. Tutorial Photoshop
Sama halnya dengan Tutorial Blog sehingga tidak perlu di jelaskan panjang lebar lagi
6. Software dan Game
Jelas Software dan Geme merupakan hal yang paling dibutuhkan saat ini. anda sendiri bisa lihat jutaan orang saat ini menggunakan prangkat keras yang membutuhkan software seperti Laptop, PC, Smart Phone ataupun Gadget. semua pengguna tersebut akan mencari perangkat lunaknya berupa software untuk mendukung kerjanya.
7. Konten Porno Grafi
yang terakhir ini!. Agar bisa menghasilkan uang dri blogging tentu harus memiliki banyak pengunjung. konten ini memang sangat mujarab untuk menyedot pengunjung, namun Master Chef tidak menyarankan sobat yang ingin memperoleh uang dari blogging dengan memasang konten ini. pasanglah konten yang Halal supaya uang nya juga halal.

Cara Membuat Lens Pertama Squidoo - Merupakan Tutorial Squidoo lanjutan dari Tutorial Sebelumnya. Nah buat sobat blogger Dapur Tutorial Blogspot dan Seo yang baru akan hal ini sebaikanya buka kembali postingan Master Chef yang berhubungan dengan Postingan ini sebagai berikut :

1. Pengenalan Squidoo Untuk Mendapat Banyak Trafik Blog
2. Cara Mendaftar Atau Membuat Akun Squidoo
3. Istilah-Istilah Yang digunakan dalam Squidoo.

Berikut Resep Cara Membuat Lens Pertama Squidoo :

1. Silahkan Login Menggunakan Akun Squidoo masing-masing
2. Setelah Masuk Ke Dashbord Squidoo kurang lebih seperti gambar dibawah ini, kemudian klik Create a Land! yang ada di sidebar kanan

3. Setelah itu akan tampil halaman seperti berikut :

4. Bagian Kolom yang bertulisan My Page is about, isikan dengan Judul Artikel yang ingin kamu buat. Jika sudah klik Pada Tombol Continue Tunggu beberapa saat sampai tampil seperti halaman berikut

5. Pada Stap 2 Tersebut Silahkan buat nama URL yang cocok untuk Land Sobat jika sudah semuanya klik Continue dan tunggu sampai halaman berikutnya terbuka sempurna seperti berikut :

6. Dalam gambar diatas anda diminta untuk memasukan Tag atau Keyword atau kata kunci yang berkaitan dengan Lens yang sobat buat. silahkan diisi dengan benar jika sudah lanjutkan klik pada tombol Build My Lens -->
7. Setelah Sobat Klik Build My Lens maka sobat akan dihadapkan dengan module lens dasar seperti Intro text, module teks, Amazon Teks dan modul komen. Berikut Penjelasannya :
• Intro Text
Isikan intro text dengan beberapa kata perkenalan
• Table of content
Pilih opsi on tabble of content jika anda mau menaruh table of content pada lensa anda.
• Discovery Tool
Anda dapat menaruh setidaknya tiga lens URL pada tempat ini usahakan untuk menaruh lens dengan satu jensi. Contoh: Masukkan lens burung pada lens burung lainnya.

Kemudian tulis di modul teks atau anda dapat memindahkan artikel kedalam modul ini. Jika anda bisa menggunakan bahasa HTML atau CSS maka anda dapat menggunakan modul teks ini seperti merubah teks, mewarnai teks, mengupload gambar, links dan lain-lain. Anda juga dapat download squidoo toolbar agar dapat menulis hubpages lebih mudah di squidoo.
• Modul Amazon
Modul ini adalah salah satu modul Amazon yang paling sederhana disamping beberapa modul Amazon lain seperti Amazon spotlight, Amazon module dan Amazon. Cara mengisinya gampang sekali. Bukalah modul tersebut.
1. Tulis judul yang menarik untuk mdul anda seperti Buku-buku yang menarik, Buku yang saya rekomendasikan atau sejensinya. Kata squiddo veteran jangan malu untuk mempromosikan barang di sisni. Kemudian tulis juga subtittle untuk modul kita dan jelaskan modul kita (ini opsional).
2. Tulis judul yang menarik untuk mdul anda seperti Buku-buku yang menarik, Buku yang saya rekomendasikan atau sejensinya. Kata squiddo veteran jangan malu untuk mempromosikan barang di sisni. Kemudian tulis juga subtittle untuk modul kita dan jelaskan modul kita (ini opsional).Ada dua cara untuk mencari produk yakni:
• Modul komen
Modul in hanyalah tempat orang berkomentar. Buatlah suatu judul yang menarik agar pengunjung mau berkomentar di lens anda. Anda bisa memilih siapa yang komen. Jika anda hanya mengizinkan anggota squidoo atau tiap pengunjung. Ada pilihan untuk langsung menerbitkan komentar atau anda dapat menyaring setiap komentar yang datang.

Kita dapat menambah lima produk ke dalam modul Amazon kita. Kita juga dapat menambahkan deskripsi produk. Jika ingin menambah produk yang akan kita jual ada baiknya kita tambah modul lagi. Saya sama sekali mengetahu dengan pasti berapa jumlah Amazon module yang boleh ditambahkan dalam satu lens namun hendaknya jangan memuat modul Amazon terlalu banyak karena lens kita akan terlihat terlalu komersial.

Nah itu dia Deskripsi Cara Membuat Lens Pertama Squidoo dari Master Chef kali ini. Semoga saja bisa membantu dan memberikan manfaat. Selamat mencoba dan terimakasih.

Istilah-Istilah Yang Digunakan Dalam Squidoo - Sebelum memulai aktifitas dengan Squidoo hal terpenting yang harus diketahui adalah memahami dan mengenal lingkungan Squidoo tersebut. bayangkan jika anda tidak mengenal sama sekali, dipastikan sobat blogger Dapur Tutorial Blogspot dan Seo semuanya akan kebingungan dan tidak akan bisa berbuat apa-apa.



Postingan ini merupakan lanjutan dari Postingan Master Chef sebelumnya mengenai Squidoo. supaya sobat tau apa itu squidoo dan kenapa perlu dibahas, sebaiknya baca postingan berikut :

1. Pengenalan Squidoo Untuk Memperoleh Banyak Trafik Pengunjung Blog
2. Cara Mendaftar atau Membuat Akun Squidoo

Itu dia Istilah yang digunakan dalam Squidoo. dengan soat mengenal istilah-istilah tersebut akan lebih mudah dalam melakukan aktifitas sobat bersama squidoo. Pada kesempatan Berikutnya Master Chef akan sampaikan Tutorial Squidoo, Resep Cara Membuat Squidoo Lens Pertama sobat. Demikian yang kali ini Bisa Master Chef sampaikan mengenai Istilah-Istilah Yang Digunakan Dalam Squidoo.

Continue --> Cara Membuat Lens Pertama Di Squidoo

Cara Mendaftar Atau Membuat Akun Squidoo - Setelah kemaren didalam positingan Master Chef  berudul Pengenalan Squidoo untuk Memperoleh Banyak Trafik Pengunjung Blog, kali ini sebagai sambungan dari Tutorial Squindoo tersebut Master Chef akan menjelaskan bagaimana Cara Mendaftar Di Squidoo. Untuk Membuat Akun Di squidoo cukup mudah tidak lebih seperti Sobat Dapur Tutorial Blogspot dan Seo Membuat Akun Facebook. Selain itu jika sobat sudah memiliki akun Facebook ataupun akun Twitter, sobat bisa langsung login ke halaman dashbord Squidoo.

Bagi yang ingin mendaftar akun Squidoo sendiri seperti Master Chef langkah-langkahnya sebagai berikut :

1. Kunjungi halaman Web Squidoo di http://www.squidoo.com/
2. Jika sudah kamu akan berhadapan dengan halaman seperti berikut 

3. Sekarang klik Tombol Join For Free

4. Tunggu beberapa saat sampai tampil halaman Form pendaftaran seperti dibawah ini, Isi Form pendaftaran tersebut sesuai yang diminta seperti Email, User Name dan Pasword

5. Jika sudah Klik Pada Tombol Sign Up !
6. Tunggu beberapa saat dan akun Squindoo anda sudah jadi. Halaman Dasbord Squindoo kurang lebih sebagai berikut :

7. Sebelum memulai aktivitas anda di squidoo ada baiknya sobat membuka email Verifikasi yang dikirim ke Email yang tadi anda daftarkan isi email Verifikasi kurang lebih seperti ini.

8. Setelah anda mengklik Email Verifikasinya, maka akun Squindoo sobat sudah terverifikasi dan siap memulai aktifitas di Squidoo.

Sampai disini Pembuatank akun di Squidoo selesai. Berikutnya kita akan mengenal istilah-istilah yang digunakan dalam Squidoo. hal ini perlu demi kemudahan membuat halaman di Squidoo karena istilah-istilah yang digunakan Squidoo berbeda dengan media Online blogger atau Wordpress.

Sekian artikel Master Chef mengenai Cara Mendaftar Atau Membuat Akun Squidoo. semoga bisa membantu.

Continue --->

Belajar Squidoo Untuk Memperoleh Trafik Di Blog - Selamat malam sobat blogger Dapur Tutorial Blogspot dan Seo. Senang sekali malam ini blog kesayangan Master Chef bisa menyajikan resep baru sehingga asap dapur bisa muncul lagi. Resep ini baru di blog Dapur Tutorial Blogspot dan Seo namun jika sobat melakukan pendekatan dengan bah google akan banyak sekali artikel yang membahas hal ini. Master Chef juga ingin ukut membahas masalah ini karena sangat banyak manfaat yang dapat diperoleh dari Squidoo.

Dalam kesempatan kali ini Master Chef akan mengenalkan Squidoo dengan sobat blogger Dapur Tutorial Blogspot dan Seo Semunya. namun tidak langsung Master Chef bahas semuanya karena keterbatasan waktu yang Master Chef sehingga kita akan mengulas resep ini dengan Step By Step tapi pasti.

Squidoo!, Mungkin sebagian sudah tau dan paham akan hal ini terutama para Master Seo yang tidak asing lagi akan hal ini, Namun Master Chef pastikan tidak banyak pemula yang mengetahui hal ini. Nah inilah pentingnya kenap perlu disampaikan. Sebelum membahas lebih jauh pertama-tama kita pelajari dulu Apa itu Squindoo ?

Squidoo, didirikan oleh seseorang bernama Seth Godin pada 6 tahun yang lalu tepatnya pada bulan Maret 2006. saat diluncurkan Squidoo langsung mendapat respon yang baik dan seketika orang-orang banyak mendaftar di Squinddo. Squidoo sendiri merupakan salah satu media penerbitan online layaknya seperti Blogger, Wordprees, dll, namun cara yang digunakan sedikit berbada dibanding kerabat-kerabatnya tersebut.

Disin mungkin saja sobat akan bertanya. kenapa Blogger membutuhkan squidoo kan kita bisa membuat postingan sendiri di blog milik kita sendiri ?

Nah ini dia yang perlu di luruskan. Squidoo memang salah satu media penerbitan online layaknya blogger dan yang lainnya. nah disini Squidoo dapat kita manfaatkan untuk mencuri trafik untuk blog kita karena posisi Squidoo cukup bagus pada SERP Google. banyak Pakar seo yang mengungkapkan kalau Squidoo hampir 90 %  berada pada puncak hasil pencarian google.

Caranya Untuk Mencuri Trafik Dari Squidoo Sebagai berikut :

Anda tau kalau squidoo memiliki posisi yang baik di halaman google. kemudian di Squidoo anda membuat sebuah artikel sejenis dengan artikel yang sudah anda buat dihalaman blog sendiri, Selanjutnya didalam artikel tersebut anda alihkan ke artikel blog anda, nah dengan pengalihan tersebut akan tertuju ke blog kamu sehingga blog kamu mendapatkan trafik dari Squidoo.

Agar tidak bingung dengan maksut yang diatas Master Chef contohkan :

Master Chef membuat artikel di blog saya berjudul  "Belajar Squindoo Untuk Memperoleh Banyak Trafik Di Blog" Kemudian Saya membuat Ringkasan artikel ini Di squindoo dan diakhir  Artikel Master Chef Membuat Pengalihan dengan mesang Achor Text " Baca Selengkapnya --> Belajar Squindoo Untuk Memperoleh Banyak Trafik Di Blog" karena banyak orang yang ingin tau lebih lengkap, maka mereka akan menuju link tersebut kehalam blog kamu. disinilah blog mendapatkan Trafik.

Yah kurang lebih seperti itulah ilustrasinya mendapatkan trafik dari Squidoo. Untuk hasil Master Chef rasakan sendiri. Disini Master Chef Punya Artikel Sebanyak 203 Artikel dan hampir 70% dari artikel Master Chef Di rangkum dalam Squidoo dan Memperoleh trafik berlipat setiap harinya. Pengunjung Blog Perhari 800 sampai 890 bayangkan jika artikel sudah mencapai 500, 1000 atau lebih. Blog kamu akan kaya dengan pengunjung.

Nah itulah sekilas mengenai Apa itu Squindoo dan bagaimana Proses mendapatkan Trafik dari Squindo. Berikutnya Master Chef akan sampaikan Bagaimana bergabung dengan Squindo dan bagaimana Membuat artikel pertama anda di squidoo.

Cara Membuat Menu Dropdown Horizontal Floating Keren Di Blog - Kenal dengan Menu Dropdown kan ?, Menu Navigasi ini memang banyak digemari oleh para blogger karena dapat menghemat tempat dengan mengelompokan beberapa kategri dalam satu wadah. Tutorial sejenis juga pernah Master Chef bahas sebelumnya didalam postingan Master Chef berjudul Cara Membuat Menu Horizontal di Blog, dan Cara Membuat Navigasi Dropdown Menu Unik Style Kompas, dan Tehnik Membuat Menu Dropdown Horizontal Plus Search Enggine Blog M.1.

Dropdown menu yang akan kita buat berbeda dengan menu dropdown pendahulunya. kali ini dropdown menu tampil keren dan menarik. posisi ploating sehingga akan selalu terlihat dan mudah diases pengunjung blog. Contoh Menu Navigasi yang akan kita buat bisa sobat Dapur Tutorial Blogspot dan Seo Lihat dibawah ini. jika ingin melihat Demonya Klik saja pada Teks Link Demo dibawah gambar



Nah gimana keren kan ?. Bagai mana caranya, langsung saja ikuti resep dari Master Chef berikut ini :

1. Pastikan kamu sudah login ke Dashbord Blog kamu
2. Dari Dashbord blog kamu Pilih Templete untuk mengakses halaman Edit HTML ( Baca : Cara Mengakses Halaman Edit HTML Blogspot)
3. Jangan lupa untuk Download Lengkap Template terlebih dahulu ( Baca : Cara Back-Up dan Upload Template Blogger)
4. Jika semua sudah sekarang Cari Kode ]]></b:skin> Gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode
5. Jika kode sudah ketemu,, Copy kode berikut dan letakan diatas kode ]]></b:skin> 

/* Horyzontal Droupdown menu
----------------------------------------------- */
#top-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1u2zljgFOo4DrodbPou1QXb1uFtFyniDbMNiYA4aaano7fthis7udeg1cDzmD98XGMZ9Vn0YWAHVsELJzP-Vqj-dBOKxRMUipO3X3wckWpymCaFPiQ6G7APERpHlyUTYpJzahTW7CCWqL/s1600/menutop.png) repeat-x;width:100%;margin:0 auto;padding:0 auto;-moz-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);-webkit-box-shadow:0 3px 3px 3px rgba(0,0,0,0.4);border-bottom:1px solid #444;border-top:3px solid #f1c822}
#topbar{width:980px;height:40px;margin:0 auto}
#top{width:100%}
#top,#top ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#top a{display:block;text-decoration:none;font:normal 11px Arial;text-transform:none;color:#CECECF;border-right:1px solid #484747;border-left:1px solid #191919;padding:7px 10px 7px}
#top a.arrow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhTdPDT-jdP70i8d5DWdICN9QNutlwUifI1dhofmk1Sp3wurZx_MY2BDEK9LinA1hk8U5hAPF7C2RF3K8gTAI7fvzu7OoMrYcbWahAQqZlNs4pAGfE_nyAOCh0sJ5OueNNdSg9dzaUIE/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:7px 24px 7px 10px}
#top li{float:left;position:static;width:auto}
#top li ul,#top ul li{width:170px}
#top ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#top li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:0px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4)}
#top li:hover a,#top a:active,#top a:focus,#top li.hvr a{background-color:#222;color:#fff}
#top li:hover ul,#top li.hvr ul{display:block}
#top li:hover ul a,#top li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none}
#top li ul li.hr{border-bottom:1px solid #333;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:0px 0}
#top ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}
#top a span,#top a.arrow span{font:bold 12px Arial;color:#888;display:block;line-height:16px;text-transform:uppercase;text-shadow: 1px 2px 2px #000}
#top li:hover a span,#top li:hover a.arrow span{color:#f1c822}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
#inner{padding-top:40px;}
#fixed {position:fixed;top:0;left:0;width:100%;height:40px;z-index:999;}
#fixedinner{text-align:center;background:transparent;height:40px;position:relative;z-index:999;}
* html, * html body{overflow-y:hidden;height:100%;}
* html #fixedinner{margin-right:-143px;voice-family: "\"}\""; voice-family:inherit; }
* html #fixedinner{margin-right:17px;}
* html #fixed {position:absolute;}

6. Kode Warna Kuning diatas adalah ukuran panjang menu
7. Kalau sudah, langkah selanjutnya cari salah satu kode berikut :

<div id='header-wrapper'>  
(disini nanti letak kode menu dropdown)
</b:section>
    </div>

Jika Tidak Ketemu Kode Diatas Cari Kode Yang Ini

<div class='header-outer'>
   (disini nanti posisi kode menu dropdown)
</b:section>
    </div>

8. Jika Sudah ketemu salah satu kode diatas letakan Kode dibawah ini dibawah salah satu kode Diatas

<div id='fixed'>
<div id='fixedinner'>
<div id='top-wrapper'>
<div id='topbar'>
<ul id='top'>
<li><a href='/'><span>Welcome</span>Homepage</a></li>
<li><a href='#'><span>This is</span>About Us</a></li>

<li><a class='arrow' href='#'><span>Menu 1</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 2</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 3</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 5</a></li>
</ul>
</li>

</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>
</div></div>

9. Sehingga susunannya menjadi seperti ini

<div class='header-outer'>

<div id='fixed'>
<div id='fixedinner'>
<div id='top-wrapper'>
<div id='topbar'>
<ul id='top'>
<li><a href='/'><span>Welcome</span>Homepage</a></li>
<li><a href='#'><span>This is</span>About Us</a></li>

<li><a class='arrow' href='#'><span>Menu 1</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 2</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 3</span>Keterangan Disini</a>
<ul>
<li><a href='#'>Sub menu 1</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 2</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 3</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 4</a></li>
<li class='hr'/>
<li><a href='#'>Sub menu 5</a></li>
</ul>
</li>

</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>
</div></div>

</b:section>
    </div>

10. Sekarang Klik Simpan Template 
11. Selesai dan Lihat hasilnya

Demikian Resep Cara Membuat Menu Dropdown Horizontal Floating Keren Di Blog. Semat Mencoba dan semoga bisa bermanfaat.

Cara Memasang Search Engine Di Blog Dengan Mudah - Search Engine atau Mesin Pencari, pastinya sobat blogger Dapur Tutorial Blogspot dan Seo sudah tidak asing lagi karena setiap kita browsing akan selalu berhubungan dengan Search Engine baik itu Search Engine Google, Yahoo, Bing dan lain-lain. Nah sekarang bagaimana jika Search Engine tersebut kita pasang di Blog ?. Yup tentu bisa, Search Engine sangat disarankan untuk dipasang di blog.

Dengan Membuat Search Engine Di Blog, kamu sudah melakukan salah Satu Optimasi Seo On Page. Kenapa demikian ?, Ya.....dengan kamu memasang Search Engine Di Blog kamu, pengunjung akan lebihh mudah menemukan Artikel yang dicari dengan demikian akan meningkatkan jumlah Page View blog kamu.

Belum Pasang Search Engine Di blog kamu ?, pasang sekarang, berikut ini Master Chef sudah sediakan resep Cara Memasang atau Membuat Search Engine Di Blog sebagai beriktu :

1. Login ke dashbord blog kamu
2. Jika sudah, Dar Dashbord blog kamu pilih Tata Letak
3. Jika sudah Klik Add a Gadget atau Tambah Gadget
4. Pilih Widget HTML/JavaScript
5. Copas Kode berikut ini, dan masukan kedalam kolom Widget HTML/JavaScript

<form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank">

<input id="hiddenquery" type="hidden" name="q" />
<input name="qfront" onfocus="if(this.value==this.defaultValue)this.value='';" value="Search on this site..." type="text" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK0a2pz68jPWlJjuY44sFH4ld8ld84B4qpqG05f72xhMo5lHLWftRu7f9ZTbwEUBkxP_SrHz79t3xHHIfzaKoNVmb-kLQvD9ZQ_IvsfuMH-sjzSnXnxljQoeFYkVGfthQ4YmBzY_Ql4uo/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-tn5upC-FW7f9eUNTNWS8BLzPUW3XYnwD8jYxqqPBi00OeC2EW66cFJI6Ua6UFzUJA2EziGHzseyKCgqk-Co9L-0OKgiU-YTqRuD66Y0qmzLYGNYWCI-1iesDmUMiwkACgYozpvJhfR4/s1600/search_button.jpg" align="top" value="Search"/>

<div style="font: normal 11px Arial;color:#666;padding:2px 0;">
<input name="se" type="radio" checked /> Google
<input name="se" type="radio" /> Yahoo

<input name="se" type="radio" /> Msn
</div>

<script type="text/javascript">

// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

//Enter domain of site to search.
var domainroot="http://dapur-tutorial.blogspot.com/"

var searchaction=[ //form action for the 3 search engines
"http://www.google.com/search",
"http://search.yahoo.com/search",
"http://search.msn.com/results.aspx"
]

var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines

function switchaction(cur, index){
cur.form.action=searchaction[index]
document.getElementById("hiddenquery").name=queryfieldname[index]
}

function jksitesearch(curobj){
for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked
if (document.jksearch.se[i].checked==true)
switchaction(document.jksearch.se[i], i)
}
document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value
}


</script>

</form>

6. Jangan Lupa ganti kode yang berwarna Merah dengan Url Blog Kamu
7. Sekarang Klik Simpan
8. Selesai dan Lihat Hasilnya

Tanya Jawab Cara Membuat Blank Page Di Blogspot - Postingan Master Chef kali ini berhubungan dengan pertanyaan Sobat Dapur Tutorial Blogspot dan Seo "Sir Maurice Doyle" seperti berikut:


Master Chef sebenarnya tidak begitu paham dengan maksut, yang Master Chef ambil dari pertanyaan tersebut yaitu Entri baru tapi tidak tampil dihalaman Home page atau banyak yang disebut dengan Blank Page blogspot. nah jika yang dimaksut Master Chef berbeda dengan isi dari pertanyaan Saya mohon maaf dan bisa dijelaskan kembali tetang aksut pertanyaan lewat komentar postingan ini.

Sekilas mengenai Laman Kosong atau Blank Page Blogspot ini merupakan fasilitas yang suda ada disediakan blogger hanya saja jumlahnya terbatas. kita hanya bisa membuat Blank Page maksimal 10 halaman. Cara Membuat Halaman Tidak Tampil Di Branda Blog Resepnya sebagai berikut :

1. Login kehalaman Blog masing-masing
2. Dari dashbord blog pilih Page atau Laman

3. Jika sudah akan tampil halaman seperti ini, klik Blank Page atau Laman Kosong

4. Jika sudah kamu akan dihadapkan kehalaman postingan seperti halaman postingan biasanya seperti ini. jadi silahkan isi sesuai apa yang ingin kamu tulis.

5. Setelah selesai klik Publikasi
6. Lihat Hasilnya. Laman yang sudah kamu buat tidak akan tampil di branda atau home page kamu.

Cara Memasang Tanda Tangan Di Blog Step 2 - Tutorial ini merupakan tutorial lanjutan dari tutorial sebelumnya. jadi Sobat blogger Dapur Tutorial Blogspot dan Seo yang belum membaca tutorial sebelumnya silahkan baca : Cara Memasang Tanda Tangan Di Blog Step 1, agar nantinya tidak bingung karena tidak nyambung.

Setelah pada Tutorial sebelumnya kita berhasil mendapatkan Link Untuk Tanda tangan di blog kamu, sekarang kita akan bahas bagaimana Cara Memasang Tanda Tangan di Setiap Postingan Blog. ok langsung saja kita bahas Resepnya sampai tuntas.

Langkah 1 : membuat kode untuk memasang tanda tangan disetiap postingan

1. Dari Tutorial sebelumnya kamu sudah mendapatkan link tanda tangan kamu. perhatikan kode berikut :

<div style='display:block;float:right;margin: 0px 10px 0px 0px;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<img alt=' ' src='isi dengan URL gambar signature yang sudah anda buat'/>
</b:if>
</div>

2. Kode yang berwarna biru diatas Ganti dengan Link Tanda Tangan Kamu tadi
3. Jika sudah pembuatan kode selesai tinggal meletakannya kedalam halaman blog sobat, Caranya sebagai berikut

Langkah 2 : Meletakan Kode Kehalaman Blog

1. Login ke akun blog masing-masing
2. Dari dashbord blog kamu pilih Template untuk mengakses halaman Edit HTML (Baca : Cara Mengakses Halaman Edit HTML Blogspot)
3. Jangan lupa untuk Download Template Lengkap kamu terlebih dahulu. ( Baca : Cara Back-Up dan Upload Template Lengkap Blogger)
4. Kalau sudah Centang Expand Template Widget
5. Cari Kode berukut <data:post.body/> Jika kamu menggunakan Read More Otomatis kamu akan menemukan 2 atau lebih kode tersebut. Kamu cukup memilih kode yang kedua.
6. Copy kode Tanda tangan yang sudah kamu buat pada Langkah 1 diatas dan Paste dibawah kode <data:post.body/> 
7. Jika sudah Klik Simpan Template
8. Selesai dan lihat hasilnya.

Nah itu dia akhir cerita dari Cara Memasang Tanda Tangan Di Blog. semoga tutorial yang sudah Master Chef sampaikan bisa dipahami. sampai ketemu pada tutorial berikutnya. Selamat mencoba and Thanks!.

Cara Memasang Tanda Tangan Di Blog - Setelah tadi siang Master Chef Share tetang Cara Menyembunyikan Judul atau Title Blog, Master Chef datang kembali dengan membawa resep yang cukup populer dikalangan blogger. Sesuai dengan judul blog Master Chef kali ini, kita akan mempelajari resep Cara Memasang Tanda Tangan Di Halaman Blog kamu. Cukup panjang dan lebar emang caranya tapi gak masalah Master Chef akan menjelaskan resepnya dengan lengkap namun bertahap. didalam Step 1 ini kita akan membuat tanda tangannya dan mendapatkan URL Beserta gambarnya.

Karena pada step 1 ada 10 tahapan dalam membuat tanda tangan untuk blog kamu, tidak usah banyak cerita langsung saja kita bahas Cara Memasang Tanda Tangan Di Blog.

1. Kunjungi situs http://mylivesignature.com dan kamu akan menjumpai halaman kurang lebih seperti ini

2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.

3. Setelah itu, klik tulisan Using the signature creation wizard.

4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step

5. Pilih jenis huruf yang di inginkan dan klik Next Step.

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.

7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.


NB:
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.

8. Atur kemiringan ( slope ) teks dan klik Next Step

9. Nah sekarang tanda tangan online kamu sudah berhasil dibuat.

10. Untuk Mendapatkan Url Gambar Klik Kanan kemudian Copy Link Location dan untuk mendapatkan gambarnya Klik kanan Save as Image

11. Selesai

Sekarang kita sudah mendapatkan tanda tangan milik sendiri. pada step berikutnya akan kita lanjutkan ke Step 2 yaitu Cara Memasang Tanda tangan disetiap Postingan. Demikian Trik Membuat Tanda Tangan Di Blog. Selamat mencoba dan semoga bisa bermanfaat.

Continue---> Cara Memasang Tanda Tangan Di Blog Step 2

Cara Menyembunyikan Judul Atau Title Blog - 2 Hari yang lalu Master Chef membuatkan blog dan memodifikasi sedikit tampilah headernya. nah disini Master Chef mmengalami sedikit kesulitan untuk meletakan background blog di Header karena terhalang oleh judul atau Title blog. Master Chef coba memasang background tanpa Edit HTML yaitu menggunakan fasilitas bawaan blogger. judul bisa diatasi tetapi Backgroundnya tidak bisa menyesuaikan dengan header blog yang sudah Master Chef Modifikasi.

Solusi satu-satunya yaitu mengganti gambar header blog melalui Edit HTML dan menghilangkah Judul Blog tersebut. Nah buat sobat blogger Dapur Tutorial Blogspot Dan Seo yang mengalami kasus serupa bisa menggunakan metode ini yaitu menyembunyikan atau menghilangkan Title blog. Berikut Cara Menyembunyikan Judul Blog.

1. Masuk ke akun Blogger Masing Masih
2. Dari halaman Dasbord blog kamu Pilih Template untuk mengakses halaman Edit HTML ( Baca : Cara Mengakses Halaman Edit HTML Blogspot)
3. Jangan Lupa untuk Download Templete Lengkap Terlebih Dahulu untuk antisipasi kesalahan saat Edit HTML. ( Baca : Cara Back-Up dan Upload template Blogger)
4. Beri tanda centang pada Expand Widget Template.
5. Kemudian cari script berikut "header h1" seperti dibawah ini :
6. Jika sudah ketemu kamu akan menemukan susunan kode biasanya kurang lebih seperti dibawah ini.

#header h1 { margin:50; padding:5px 0 0 10px; font-size: 100%; font-weight:bold; line-height: 1.2em; letter-spacing:.0em; font-style:italic; color:#FFFFFF; }

7. Kemudian tambahkan kode berikut ini " visibility:hidden; " (tanpa tanda petik) Sehingga susunannya menjadi seperti ini

#header h1 { margin:50; padding:5px 0 0 10px; font-size: 100%; font-weight:bold; line-height: 1.2em; letter-spacing:.0em; font-style:italic; color:#FFFFFF; visibility:hidden; }

8. Kalau sudah sekaran klik Simpan Template
9. Selesai dan Lihat Hasilnya.

Jika sobat Blogger Dapur Tutorial Blogspot dan Seo mengitu langkah-langkah tersebut dengan benar dipastikan judul atau title blog akan tersembunyi dan tidak terlihat lagi. Sekian dulu yang bisa Master Chef sampaikan soal Cara Menyembunyikan Judul Atau Title Blog kali ini. semoga bisa bermanfaat, selamat mencoba dan terimakasih.

Cara Memasang Meta Tag Otomatis di Setiap Postingan Blog - Sudah lama banget Master Chef tidak Update Tutorial Seo Blogspot. Kali ini Mater Chef akan berikan resep Cara memasang Meta Tag Otomatis diblog. Pernahkan kamu mendengar atau sempat memperlajari mengenai Meta Tag Otomatis ?. ya...mungkin sebagian mengenal hal ini dan buat para master Seo Sudah tidak asing lagi. Berhubungan dengan tulisan Master Chef Dapur Tutorial Blogspot dan Seo kali ini, sebelumnya Master Chef juga sudah Pernah membahas mengenai meta tag (Baca : Cara Memasang Meta Tag Di Blog).

Meta tag otomatis di setiap postingan sangat berguna untuk meningkatkan Optimasi Seo On Page karena pada setiap postingan akan memiliki meta Deskripsi yang berbeda antara postingan artikel satu dengan postingan artikel yang lain. Bagai mana Cara Pasang Meta Tag Di Setiap Postingan Otomatis ?, pertanyaan inilah yang akan kita selelsaikan kali ini.

Berikut resep Cara Pasang Meta Tag Otomatis di Setiap Postingan Blog :

1. Tetap seperti biasanya, kamu harus login dulu ke halam blogger kamu
2. Jika sudah akses halaman Edit HTML ( Baca : Cara Mengakses Halaman Edit HTML Blogspot)
3. Jangan lupa untuk Download Lengkap Template Kamu terlebih dahulu. Yang belum paham Caranya ( Baca : Cara Back-up dan Upload template lengkap Blogspot)
4. Langkah selanjutnya Buat kamu yang sudah menggunakan Meta Tag kamu harus menghapus kode Meta Tag kamu sebelumnya yang belum pernah menggunakan Meta Tag langsung saja cari kode <title><data:blog.pageTitle/></title> ( Gunakan Tombol CTRL + F dan F3 agar lebih mudah menemukan kode)
5. Jika sudah menemukan kode diatas,, Hapus kode tersebut dan ganti dengan kode berikut :

<b:if cond='data:blog.url == &quot;http://Alamat-Blogkamu.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='Description' content='Disini Description Blog Kamu'/>
<meta name='Keywords' content='Disini Isi Dengan Kata Kunci Untuk Home Page'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

6. Sekarang Klik Simpan Template
7. Selesai

Demikian Tutorial Seo dari Master Chef mengenai Cara Memasang Meta Tag Otomatis di Setiap Postingan Blog. semoga dengan memasang Meta Tag Otomatis ini, semakin memaksimalkan Optimasi Seo Blog kita semu. Selamat Mencoba!

Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog - Masih ingat dengan postinga Master Chef sebelumnya yang hapir serupa dengan Resep Tutorial Blog kali ini yang berjudul Cara Membuat Tab View menu Di Blog? cara yang sebelummnya Master Chef sampaikan sedikit rumit karena harus melakukan Edit HTML. Berbeda dangan cara yang akan kita bahas dalam postingan kali ini, untuk memasang Tab Menu View Sobat tidak perlu melakukan Edit HTML. Cara yang dilakukan kurang lebih sama dengan Cara Memasang Widget Animasi Di Blog.
Lasung saja kita bahas Resep Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog.

1. Login kehalaman blog
2. Dari dashbord blog pilih Tata Letak atau Layout

3. Klik Add a Gadget atau Tambah Gadget

4. Pilih widget HTML/JavaScript

5. Copy kode berikut dan letakan dalam Widget HTML/JavaScript

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 200px;" class="Pages">

<div class="Page">
<div class="Pad">
konten 1
</div>
</div>

<div class="Page">
<div class="Pad">
konten 2
</div>
</div>

<div class="Page">
<div class="Pad">
konten 3
</div>
</div>
</div></div></form>

<script src="http://dapurtutorial.googlecode.com/files/Tabview%20menu.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>

6. Jika sudah Klik Simpan
7. Selesai dan lihat hasilnya

Nah Begitulah Cara Mudah Membuat Tab View Menu Tanpa Edit HTML Di Blog. Selamat Mencoba dan semoga sukses!.

Cara Membuat Tab View Menu Di Blog - Tap View Menu Master Chef rasa sangat bermanfaat dipasang dihalaman blog karena Tab View menu membantu kita untuk menghemat halaman blog kita. dengan Memasang Tab View Menu Di Blog kita bisa menempatkan beberapa aksesoris kedalam tab view menu. Mungkin beberapa Sobat Blogger Dapur Tutorial Blogspot dan Seo yang baru mengenai Blog masih bertanya apa itu Tab View Menu ?

Sekilas Master Chef jelaskan mengenai Tab View menu adalah Menu yang berupa tabel sesuai dengan pengelompokannya berdasarkan menu diatasnya yang terbagi dalam beberapa kolom. Biar tidak bingung dengan penjelasan Master Chef, Contohnya bisa dilihat pada gambar berikut :

Bagaimana Cara Pasang Tab View Menu Di blog ?, Jangan kemana-mana ikuti terus Master Chef karena Master Chef akan membahas tuntas mengenai resep ini. Berikut langkah-langkahnya :

1. Silahkan masing-masing login kehalaman blog
2. Jika semua sudah masuk ke akun blog masing-masing, sekarang Akses halaman Edit HTML Blogspot (Baca Cara Masuk Kehalaman Edit HTML Blogspot)
3. Jangan lupa juga untuk download template lengkap untuk antisipasi kesalahan dalam edit HTML ( Baca : Cara Back-Up dan Upload Template Blog)
4. Jika sudah masuk hlaman Edit HTML cari kode ]]></b:skin> ( Gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode )
5. Jika kode sudah ditemukan Copy kode dibawah dan letakan diatas kode ]]></b:skin>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

6. Kode yang berwana Biru merupakan keterangan dari kode yang bisa kamu rubah untuk penyesuaian dengan halaman blog kamu
7. Sekarang Klik Simpan template
8. Ok Langkah selanjutnya, Kembali ke dashbord blog kamu pilih "Tata Letak atau Layout"

9. Klik Add a Gadget atau Tabah a Gadget

10. Tunggu bebera saat akan muncul tampilan seperti dibawah, kemudian pilih Widget HTML/JavaScript

11. Copy Kode Berikut dan letakan kedalam kolom Widget HTML/JavaScript

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
1. Code yang berwarna biru diatas adalah lebar dan tinggi tabview yang bisa kamu sesuaikan.
2. Code yang berwarna Merah adalah text judul dari menu tabel (tab 1, tab 2, tab 3 ....)
3. Code yang berwarna Pink diatas adalah halaman dari tabel yang bisa kamu pasangi code-code gagdet, gambar atau link.


12. Klik Simpan 
13. Selesai dan Lihat hasilnya

Gimana gampang kan bro Cara Membuat Tab View Menu Di Blog. Semoga apa yang Master Chef share bisa membantu kamu yang halaman blognya sudah penuh. selamat mencoba dan terima kasih.