Bikin Sub Menu Di Blog

Berikut ini langkah-langkah yang harus dilakukan :

1. Klik Menu Desain 

2. Pilih Menu Template lalu pilih menu Edit HTML 

3. Pilih/klik menu Lanjutkan

4. Pilih/klik menu Expand Template Widget

5. <div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'>

   Cari scrift berikut :

Agar lebih mudah, klik saja ctrl+F pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :

div class='main-outer'>.

Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 

<style>

/* -- Menu Horizontal + Sub Menu-- */

#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}

#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}

#cat-nav a:hover { color:#fff; }

#cat-nav li:hover { background:#000; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}

#cat-nav .nav-description { display:block; }

#cat-nav a:hover span { color:#fff; }

#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}

#secnav li { float:left; width: auto; height:35px;}

#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}

#secnav li ul li  { height:30px; border-top:1px solid #fff; }

#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul ul  { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover  { position:static; }

#cat-nav #secnav {width:100%;margin:0 auto;}

</style>

<div id='cat-nav'>

<ul class='fl' id='secnav'>

<li><a href='#'>Beranda</a></li>

<li><a href='#'>Menu 1</a></li>

<li><a href='#'>Menu 2</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu2 a</a></li>

<li><a href='#'>Sub Menu2 b</a></li>

</ul>

</li>

<li><a href='#'>Menu3</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu3a</a></li>

<li><a href='#'>Sub Menu3b </a></li>

</ul>

</li>

<li><a href='#'>Menu4</a>

<ul id='sub-custom-nav'>

<li><a href='#'>Sub Menu4a</a></li>

<li><a href='#'>Sub Menu4b </a></li>

</ul>

</li>

<li><a href='#'>Menu5</a></li>

</ul>

</div>

PENJELASAN :

• Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
• Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
• Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama, 
Maka ikutilah saran berikut :

• Masuk ke Menu Laman 
• Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
• Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.

Blog sudah bisa dipublikasikan...

Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi dengan Info Bagus Fakta Bagus melalui komentar di bagian bawah ini. 

Semoga bermanfaat kebaikan.

Menampilkan Widget di Halaman Tertentu

Cara Menampilkan Widget Hanya pada Halaman Tertentu yang akan saya bagikan ini pasti bukan merupakan cara baru bagi anda yang sudah lama berkecimpung dalam dunia blogger. Banyak webmaster yang memanfaatkan script ini untuk mengatur tampilan tertentu sesuai dengan keinginan mereka.

Manfaat Menampilkan Widget Hanya pada Halaman Tertentu

Sekedar anda tahu saja Widget merupakan suatu tools yang disediakan oleh pihak tertentu guna mempeindah tampilan seluruh website anda, biasanya widget ini terdapat dalam sidebar dan footer blog anda. Kemudian manfaat jika kita mengatur tampilan widget sesuai keinginan, kita dapat meminimalkan banyaknya link keluar dan juga memperindah serta memprofesionalkan templete blog kita.

Sebagai contoh, Widget yang sering saya pakai hanya pada halaman tertentu saja adalah Widget Tukar Link dan juga Recent Post, Untuk tukar link, kita bisa membuatnya hanya muncul pada halaman tukar link, sementara untuk recent post, biasanya saya tampilkan diseluruh artikel kecuali home page, sebab homepage sendiri kan berisi artikel yang terbaru. Berikut adalah cara menampilkan widget pada halaman tertentu.

 

Cara Menampilkan Widget Hanya pada Halaman Tertentu

1. Log in ke akun blogger anda

2. Klik “template”

3. Klik “edit html”

4. Cari Judul widget yang ingin ditampilkan sesuai keinginan

Gunakan CTRL+F untuk mempermudah

5. Jika sudah ketemu, silakan ikuti cara berikut dibawah ini dan tentukan pilihan sesuai kemauan anda

A. Cara menampilkan widget hanya pada halaman depan (Homepage)

1. Sisipkan kode berikut dibawah kode <b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

2. Sisipkan kode berikut diatas kode </b:includable>

</b:if>

Contoh lengkapnya seperti ini :

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'> <b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>

</b:if>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

3. klik save dan lihat hasilnya

B. Membuat widget tampil di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'> ......................................................
</b:if>

C. Membuat widget tampil hanya pada halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'> .....................................................
</b:if>

D. Membuat widget tampil di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'> ......................................................
</b:if>

E. Membuat widget tampil hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'> ......................................................
</b:if>

F. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'> ......................................................
</b:if>

G. Menampilkan widget hanya pada postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'> ......................................................
</b:if>

H. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'> ......................................................
</b:if>

Sebenarnya cukup mudah cara diatas, jika anda mengalami beberapa error dalam settingan, mungkin kode ataupun copy paste kode anda tidak benar dan ada yang kurang / terlewatkan. seperti juga artikel saya Cara Baru Memperbaiki H1 Not Found jangan sampai anda lewatkan jika mengalami masalah serupa

Demikian saja Cara Menampilkan Widget Hanya pada Halaman Tertentu yang dapat saya bagikan. Ini merupakan re-post dari blog saya terdahulu yang bernama Andie Shinigami. Semoga bermanfaat dan Terima kasih.

Pasang Meta Keyword di Blog

Cara Baru Memasang Meta Keyword dan Deskripsi pada Blog – cara pasang meta tag utnuk keyword dan deskripsi blog – Selamat berjumpa kembali sobat semua, pada kali ini saya kembali bisa untuk membagikan cara baru andie dalam membuat sebuah meta tag yang seo friendly pada templete kita. dan salah satunya adalah dengan merubah atau memfungsikan meta keyword dan deskripsi ini 

Perlu ita ketahui dahulu bahwa Meta keyword dan deskripsi merupakan suatu elemen yang penting bagi pengoptimalan Search engine untuk blog kita. fungsi dari meta keyword adalah agar search engine / mesin pencari mudah mengenali isi dan ata kunci yang kita targetkan dari blog yang kita punya. sementara untuk meta desripsi, fungsinya adalah untuk menjelaskan kepada pengunjung dan search engine tentang identitas blog kita dan mencakup apa saja blog kita tersebut.

dan sedikit informasi, walaupun untuk saat ini search engine / mesin pencari google sudah tidak membutuhkan Meta Keyword lagi dalam sebuah templete atau blog, tetapi search engine lain seperti Bing, Yahoo ataupun yang lainnya masih tetap memperdulikan meta keyword tersebut. jadi kita memang wajib memasangnya.

Contoh penggunaan meta deskripsi dalam blog saya jika dilihat dari search engine :

Diatas adalah contoh dari desripsi suatu blog, yang menggambarkan apa saja kontesn yang termuat pada blog tersebut. untuk itu, sekarang mari kita simak langkah untuk membuat meta deskripsi dan keyword tersebut

Cara Baru Memasang Meta Keyword dan Deskripsi pada blog:

• Silakan sobat masuk dahulu ke dashboard
• Klik templete
• Pilih tab Edit HTML

 

• Centang pada Kotak “expand widget templates”
• Cari kode <b:skin><![CDATA[/* dengan menekan tombol CTRL+F
• Letakkan kode berikut ini diatas kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Tulis Deskripsi Sobat disini" />
<meta name="keywords" content="Tulis kata kunci sobat disini, seperti mainan, blog, seo, tutorial" />
</b:if>

• Klik Save Template
• Tunggu beberapa saat hingga selesai

Setelah proses diatas sudah sobat lakukan, sekarang saatnya untuk menulis artikel yang seo friendly juga. simak di Cara Baru Membuat Artikel Yang SEO  agar selain blog kita yang juga SEO, tetapi artikel pun menyempurnakan ke-SEO-an website / blog anda terebut.

Cukup mudah sekali bukan Cara Baru Memasang Meta Keyword dan Deskripsi pada Blog tersebut diatas. Sekian dulu yang bisa saya share, Semoga bermanfaat dan menambah referensi sobat semua. Terima kasih sudah menyimak dan berkunjung.