Cara Memasang Meta Tag pada Blog

Cara Memasang Meta Tag Pada Blog itu resep Master Chep Dapur Tutorial Blogspot Kali ini. Kira-kira Meta Tag itu apa dan untuk apa manfaatnya bagi blog.?.

Meta Tag itu adalah elemen atau tag dalam bahasa program HTML atau XHTML  yang digunakan untuk mengaplikasikan meta data dalam suatu web atau Weblog.

Sedangkam Fungsinya untuk mendeskripsikan atau memberikan pernjelasan mengenai web atau weblog kita kepada search engine.

Terus bagaimana pengaruh meta tag terhadap SEO ?. Banyak orang yang mengatakan Meta tag sangat penting untuk SEO dan banyak pula yang mengatakan tidak terlalu penting. Apabila dari sudut pandang Dapur Tutorial Blogspot Sendiri Meta Tag  pada blog sangat penting karena dengan kita memasang Meta Tag pada Blog berarti kita sudah membantu Search engine untuk mengenal blog yang kita miliki.

Seperti Pepatah Mengatakan "Jika tak kenal maka tak sayang". Artinya jika search egine sudah mengenal blog yang anda miliki ada kemungkinan search engine akan menyangi blog sobat.

Meta tag yang dipasang pada blog sangat beragam jenisnya dan yang akan Dapur Tutorial Blogspot Sampaikan Kali ini adalah salah Satu meta Tag Yang Dapur Tutorial Blogspot Anggap sebagai Meta Tag yang Lumayan baik.

Berikut Langkah-langkah untuk Pasang Meta Tag Pada Blog.

1. Silahkan Anda login Ke Akun Blogger sobat
2. Pilih Menu Template



3. Klik Pada Tobol Edit HTML



4. Klik tombol Proses Atau Lanjutkan



5. Anda akan menjumpai area edit HTML seperti gambar dibawah



6. Sekarang Cari Kode <title><data:blog.pageTitle/></title> (Gunakan tomblo CTRL + F Atau F3 untuk memudahkan pencarian Kode)
7. Sudah Ketemu hapus kode tersebut dan ganti dengan Kode Dibawah ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> | Deskripsi Singkat Blog</title>
<meta content='deskripsi tentang blog anda' name='description'/>
<meta content='kata kunci, kata kucni,' name='keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title><data:blog.title/> | Deskripsi Singkat Blog</title>
<meta content='deskripsi tentang blog anda' name='description'/>
<meta content='kata kunci, kata kucni,' name='keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='&quot;Download &quot; + data:blog.pageName + &quot;. deskripsi tentang blog anda&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, kata kunci, kata kucni, kata,&quot;' name='keywords'/>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
</b:if>
</b:if>
<meta expr:content='data:blog.title' name='author'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>

Keterangan :


1. Deskripsi Singkat Blog Isi dengan deskripsi singkat mengenai blog anda misalnya Free Download Software
2. deskripsi tentang blog anda Cerikakan latar blakang blog anda contoh "Blog yang berisi kumpulan-kumpulan software gratis"
3. kata kunci, kata kucni Isi dengan kata-kata kunci ( pisahkan dengan koma "," ) contoh. "Free download, Software gratis, kumpulan Software,computer"

8. Terakhir Klik Simpan 
9. Selesai

Demikian Resep Tutorial Master Chep Dapur Tutorial Blogspot tetang cara pasang meta tag pada blogspot atau blogger semoga bisa bermanfaat.

Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog

Memasang Widget Social Bookmark , ya itulah tema Master Chip Dapur Tutorial Blogspot Kali ini.Sebelumnya apakah sobat sudah tau apa yang dimaksut dengan Social Bookmark ? Buat para Master pastinya bukan hal yang baru lagi mengenai ini. Buat para pemula tenang saja sebelum kita bahas cara memasang Social Bookmark,  Master Chip Dapur Tutorial Blogspot akan jelaskan sekilas apa yang dimaksut dengan Social Bookmark dan Manfaatnya.

Social Bookmark itu adalah Situs-situs yang menyediakan jasa untuk anda menyimpan alamat-alamt URL serta Deskripsi secara singkat untuk para Usernya.Adabanyak situs Social Bookmark saat ini anda bisa temukannya dengan mudah di goodang bah google dengan kanta kunci "Daftar Situs Social Bookmark"

Terus Apa manfaatnya ?. Tentu banyak sekali manfaat yang bisa diperoleh dari situs Social Bookmark bebebrapa diantaranya yaitu :

1. Anda dapat Submit artikel blog anda dan
2. Artikel anda akan menjadi cepat terindext oleh Search Engine
3. Memperbaiki Serp (Search Engine Result Pages )
4. Memperoleh Backlink
5. Meningkatkan Page Rank

Nah Sekarang Sudah pahamkan apa itu Social Bookmark dan manfaatnya untuk Blog sobat. Sekarang kita akan pelajari bgaimana caranya untuk Membuat Widget Social Bookmak Melayang Disisi halaman Blog

1. Login terlebih dahulu menggunakan akun blogger anda
2. Pilih Menu Template

>

3. Klik Pada Tombol Edit HTML



4. Klik Tombol Proceed atau Tombol Lanjutkan  kemudian akan muncul halaman Edit HTML seperti berikut



5. Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML.(Baca Caranya DISINI )
6. Cari Kode ]]></b:skin> (Gunakan Tombol CTRL + F Atau F3 untuk memudahkan pencarian)
7. Setelah kode ditemukan Copas Kode dibawah dan letakan di atas kode ]]></b:skin>

/* Social bookmark
----------------------------------------------- */
#divStayTopLeft {left:5px;position:fixed;top:15px;}
.sidetab {}
.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;}
.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}
.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}
.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}
.sidetab a:hover {border: none;background: #e8e8e8;}
.sidetab .button a {background:none;height: 25px; width: 25px;}

8. Sekarang Cari Kode </body> Setelah ketemu copas kode dibawah dan letakan diatas kode </body> tersebut

<div id='divStayTopLeft'>
<div class='sidetab'>
<ul class='navlist'>
<li class='button'><a href='http://dapur-tutorial.blogspot.com/feeds/posts/default'><img height='25' src='http://upic.me/i/ci/rss_48.png' title='Subscribe to RSS feed' width='25'/></a></li>
<a class='addthis_button_facebook'><img alt='Facebook' height='25' src='http://upic.me/i/8n/facebook_32.png' width='25'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='25' src='http://upic.me/i/k6/delicious.png' width='25'/></a>
<a class='addthis_button_email'><img alt='Email' height='25' src='http://upic.me/i/bo/emailsmall.jpg' width='25'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='25' src='http://upic.me/i/ij/favorites.png' width='25'/></a>
<a class='addthis_button_twitter'><img alt='Twitter' height='25' src='http://upic.me/i/bx/twitter_32.png' width='25'/></a>
<a class='addthis_button_google'><img alt='Google' height='25' src='http://upic.me/i/fm/gsmall.jpg' width='25'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='25' src='http://upic.me/i/0v/mdigg.png' width='25'/></a>
<a class='addthis_button_more'><img alt='More' height='25' src='http://upic.me/i/5e/wmore.png' width='25'/></a>
</ul>
</div>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/>
<script src='http://hackublog.googlecode.com/files/FloatingMenu.js' type='text/javascript'/>

9. kemudian cari lagi kode ]]></b:skin> dan copy kode dibawah dan paste di bawahnya kode ]]></b:skin>

<script src='http://jamu-martin.googlecode.com/files/related-maskolis.js' type='text/javascript'/>

10. Klik Simpan Template 



11. Selesai dan lihat Hasilnya

Demikian Resep Dapur Tutorial Blogspot Tetang Cara Membuat Atau Memasang Widget Social Bookmark Melayang Di Blog salamat mencoba semoga bermanfaat

Cara Atau Teknik Membuat Navbar Blog Menjadi Auto Hidden

Slamat datang kembali di dapur. Sekarang Master Chip Dapur Tutorial Blogspot akan menyapaikan resep sederhana yaitu resep tetang Cara Membuat Navbar Menjadi Auto Hide. Seperti yang kita lihat pada blog anda sekarang blogger standar pada umumnya memiliki navbar atau Navigasi bar diatas header blog seperti pada gambar berikut (Perhatikan bagian yang ditunjuk anak panah):

Navbar tersebut akan kita atur menjadi Autohidden. Yang saya maksut dengan Navbar Auto Hiden. Navbar akan tersembunyi dan ketika mouse anda berada diatas  navbar maka navbar tersebut akan mucul.

Berikut langkah-langkah untuk membuat navbar menjadi Auto Hidden:

1. Masuk ke akun Blogger anda
2. Pilih Menu Template



3. Klik pada Tombol Edit HTML



4. Klik Tombol Proceed atau Tombol Lanjutkan  kemudian akan muncul halaman Edit HTML seperti berikut



5. Sekarang silahkan anda Download lengkap template anda untuk mengantisifasi kesalahan Saat anda melakukan Edit HTML.(Baca Caranya DISINI )
6. Cari Kode body { (Gunkan Tombol CTRL+F dan F3 untuk mempermudahkan mencari kode)
7. Sudah ketemu Copas kode dibawah dan letakan diatas kode body {

#navbar-iframe{opacity:0.0;filter:alpha(opacity=0)} #navbar-iframe:hover {opacity:1.0;filter:alpha(opacity=100,finishedOpacity=100)} 

8. Terakhir klik Klik Tombol Simpan Template



9. Selesai....!

Demikian Resep Kali ini tetang Cara Atau Teknik Membuat Navbar Blog Menjadi Auto Hidden semoga bisa bermanfaat dan selamat untuk mencoba.