Cara Membuat Menu Drop Down Tanpa Edit HTML

Cara Membuat Menu Drop Down Tanpa Edit HTML Pada kali ini saya akan membahas seputar Cara Membuat Menu Drop Down Tanpa Edit HTML dimana pada pembahasan singkat ini saya akan menjelaskan bagaimana kita membuat suatu menu navigasai yang dimana saya rasa tidak perlu ada keahlian khusus dalam penerapannya dan sangat tergolong cukup mudah sekali.

Cara Membuat Menu Drop Down

Sebelum Saya lanjutkan ada baiknya anda baca juga postingan saya sebelumnya menyangkut tentang Kesalahan Dalam Optimalisasi Blog serta tentang Perbedaan Dofollow dan Nofollow , serta saya juga sudah bahas tentang produk review dari Decoder ulasannya ADA DISINI , nah pada kesempatan kali ini saya hanya akan share tutorial yang singkat saja tanpa banyak ini itu, yuk kita simak bagaimana cara buat menu navigasi dropdown tersebut?

Langkah Membuat Menu Navigasi Drop Down

1.Langkah yang pertama silahkan login ke akun blog sobat masing-masing cari menu TATA LETAK  lalu TAMBAHKAN GADGET dan pilih HTML/JAVASCRIPT lalu pasangkan kode dibawah ini tepat dikolom kosong tersebut, silahkan simpan dan lihat hasilnya, saran saya pasangkan pada TAMBAHKAN GADGET yang paling atas pada menu TATA LETAK yang ada pada pengaturan tata letak tersebut, saya sarankan silahkan ujicoba dulu untuk melihat hasilnya.

<style>#menu { width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none; background: #000000; background: -moz-linear-gradient(#444, #000000); background: -webkit-gradient(linear,left bottom,left top,color-stop(1, #111),color-stop(1, #444)); background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111); background: linear-gradient(#444, #111); -moz-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0 2px 0px #9c9c9c; -webkit-box-shadow: 0 2px 0px #9c9c9c; box-shadow: 0 2px 0px #9c9c9c; } #menu li { float: left; padding: 0 0 10px 0; position: relative; line-height: 0; } #menu a { float: left; height: 25px; padding: 0 25px; color: #999; text-transform: uppercase; font: bold 12px/25px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; } #menu li:hover > a { color: #fafafa; } *html #menu li a:hover /* IE6 */ { color: #fafafa; } #menu li:hover > ul { display: block; } /* Sub-menu */ #menu ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 35px; left: 0; z-index: 99999; background: #444; background: -moz-linear-gradient(#444, #111); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111); background: linear-gradient(#444, #111); -moz-box-shadow: 0 0 2px rgba(255,255,255,.5); -webkit-box-shadow: 0 0 2px rgba(255,255,255,.5); box-shadow: 0 0 2px rgba(255,255,255,.5); -moz-border-radius: 5px; border-radius: 2px; } #menu ul ul { top: 0; left: 150px; } #menu ul li { float: none; margin: 0; padding: 0; display: block; -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; } #menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #menu ul a { padding: 10px; height: 10px; width: 130px; height: auto; line-height: 1; display: block; white-space: nowrap; float: none; text-transform: none; } *html #menu ul a /* IE6 */ { height: 10px; } *:first-child+html #menu ul a /* IE7 */ { height: 10px; } #menu ul a:hover { background: #0186ba; background: -moz-linear-gradient(#04acec, #0186ba); background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background: -webkit-linear-gradient(#04acec, #0186ba); background: -o-linear-gradient(#04acec, #0186ba); background: -ms-linear-gradient(#04acec, #0186ba); background: linear-gradient(#04acec, #0186ba); } #menu ul li:first-child > a { -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #menu ul li:first-child > a:after { content: ''; position: absolute; left: 30px; top: -8px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #444; } #menu ul ul li:first-child a:after { left: -8px; top: 12px; width: 0; height: 0; border-left: 0; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 8px solid #444; } #menu ul li:first-child a:hover:after { border-bottom-color: #04acec; } #menu ul ul li:first-child a:hover:after { border-right-color: #04acec; border-bottom-color: transparent; } #menu ul li:last-child > a { -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* Clear floated elements */ #menu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html #menu { zoom: 1; } /* IE6 */ *:first-child+html #menu { zoom: 1; } /* IE7 */ </style><ul id="menu"><li><a href='/'>Home</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Drop menu</a><ul><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 1</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 2</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 3</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 4</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 5</a></li></ul></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Drop menu 2</a><ul><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 1</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 2</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 3</a><ul><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 3.1</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 3.2</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 3.3</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 3.4</a></li></ul></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 4</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 5</a></li></ul></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Drop menu 3</a><ul><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 1</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 2</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 3</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 4</a></li><li><a href='http://www.jasaseoblog.com/' target='_blank'>Menu 5</a></li></ul></li></ul>

Kode diatas Bisa AMBIL DISINI

2.Keterangan tambahan nama situs saya silahkan ganti dengan link tujuan anda dan tanda menu silahkan sesuaikan dengan kebutuhan anda, jika kesulitan untuk copy paste kode di blog ini silahkan BACA DISINI caranya ,nah bagaimana?

Ok itu saja tutorial sederhana kali ini dari Blog SEO Tutorial tentang Cara Membuat Menu Drop Down Tanpa Edit HTML semoga informasi ini bermanfaat buat anda semuanya dan atas kunjungannya saya ucapkan terima kasih.

Perbedaan Dofollow dan Nofollow dan Cara Membedakannya

Perbedaan Dofollow dan Nofollow dan Cara Membedakannya serta Bagimana kita bisa membedakan Apa itu Blog Dofollow apa itu Blog Nofollow? dan pada topik yang akan saya angkat pada kali ini adalah Cara dasar membedakan blog nofollow serta blog dofollow, sebelum saya lanjutkan sebelumnya juga sudah saya bahas tentang Kesalahan Utama Dalam Optimalisasi SEO dan Blog serta saya juga pernah bahas tentang Cara Menggunakan Google Suggest Keyword penjelasannya BACA DISINI , nah kali ini saya akan bahas bagaimana cara kita membedakan kriteria dari blog-blog nofollow tersebut maupun blog dofollow tersebut.

Cara Membedakan Blog Dofollow dan Blog Nofollow

Disini saya akan coba angkat topik yang berdasarkan pengalaman saya dari beberapa tahun ini tentang kesalahan pahaman bagaimana sebagian besar artikel yang berserakan di internet tentang pemahaman dofollow dan nofollow, ada sebagian besar blogger bahwa kita harus mencari blog blog dofollow untuk faktor search engine kita, atau istilahnya jika ingin rangking tinggi carilah backlink yang dofollow? apa metode tersebut tepat? sungguh salah besar jika kita ingin rangking tinggi hanya berpacu pada link berekstensi dofollow, beruntung anda membaca postingan saya ini, mesti anda ingat walaupun google hanyalah sebuah robot tapi mesti anda ingat juga bahwa mereka kerja dengan alat yang milyaran rupiah harganya dan tersebar hampir diseluruh dunia kecuali negara RUSIA dan CHINA yang menolak adanya mesin pencari google.

Definisi Lengkap Tentang Apa Itu Dofollow Apa itu Nofollow?

Dari definisi yang akan saya sebutkan bahwa link dofollow maupun nofollow sama sama memberikan efek yang berarti, kuncinya dofollow untuk menaikan rangking dan nofollow untuk mempertahankan rangking dan kadang pada sebagian kasus malah terbalik dan jika anda berburu backlink hanya mengacu pada Dofollow saja mulai saat ini segera hindari karena Anda sedang bunuh diri... lantas apa yang harus saya lakukan untuk semua itu? kuncinya anda harus bisa membedakan kapan anda harus memberikan asaupan backlink dofollow kapan anda harus memberikan asaupan backlink nofollow, yang penting anda konsisten dalam menerapkannya, untuk membedakan karakter apa itu dofollow apa itu nofollow akan saya bahas diartikel selanjutnya, dan perlu anda ingat juga bahwa link yang terlihat dofollow belum tentu itu backlink dan begitu juga sebaliknya, dan belum tentu pagerank suatu situs tinggi akan memberikan backlink pada link yang anda tinggalkan dan begitu juga sebaliknya, Jadi saya sarankan anda mencari backlink dari kedua tempat tersebut baik link dari dofollow maupun nofollow.

Bagimana misal anda membuat postingan dan dalam postingan tersebut ada link yang keluar atau menuju situs yang keluar apakah harus dinofollowkan? jawabannya: TERGANTUNG, tergantung apa? jika anda link out ke situs spam dan tidak relevan dengan situs anda saya sarankan nofollowkan jika anda ngelik kesitus yang cukup baik saya sarankan dofollowkan, salah satu link yang saya dofollowkan dari setiap halaman disitus ini adalah yang ngelink ke google.co.id , silahkan anda cek paling bawah situs ini bahwa ada link dofollow yang mengarah kesitus google indonesia, alasannya lain kali akan saya bahas.

Cara Membuat Link Dofollow dan Nofollow

Bagi anda yang ingin membuat link dalam postingan silahkan perhatikan beberapa contoh dibawah ini, dimana akan saya contohkan yang sederhana saja:

CONTOH 1 LINK DOFOLLOW

Link Dofollow Biasa:

 <a href="http://www.jasaseoblog.com/">Jasa SEO Blog</a> hasilnya menjadi Jasa SEO Blog

Link Dofollow Dengan Title:

 <a href="http://www.jasaseoblog.com/"title="Jasa SEO Blog">Jasa SEO Blog</a> hasilnya menjadi Jasa SEO Blog

 Link Dofollow Dengan Title dan Terbuka di Tab baru:

 <a href="http://www.jasaseoblog.com/"title="Jasa SEO Blog"target="_blank">Jasa SEO Blog</a> hasilnya menjadi Jasa SEO Blog

CONTOH 2 LINK NOFOLLOW

Link Nofollow Biasa:

 <a href="http://www.jasaseoblog.com/"rel="nofollow">Jasa SEO Blog</a> hasilnya menjadi Jasa SEO Blog

Link Nofollow Dengan Title:

 <a href="http://www.jasaseoblog.com/"rel="nofollow"title="Jasa SEO Blog">Jasa SEO Blog</a> hasilnya menjadi Jasa SEO Blog

 Link Nofollow Dengan Title dan Terbuka di Tab baru:

 <a href="http://www.jasaseoblog.com/"rel="nofollow"title="Jasa SEO Blog"target="_blank">Jasa SEO Blog</a> hasilnya menjadi Jasa SEO Blog

Dan dari kedua contoh tersebut sekilas akan terlihat sama tetapi jika diteliti sebenarnya berbeda karena contoh yang kedua menggunakan tag rel nofollow, jika dilihat dari seo quake maka akan terlihat perbedaannya, dan untuk seo quake akan saya bahas diartikel selanjutnya juga.

Nah itu saja postingan kali ini tentang pembahasan sederhana dari apa Perbedaan Dofollow dan Nofollow dan Cara Membedakannya semoga tips dan pembahasan pada topik ini bisa bermanfaat buat anda semuanya, dan atas kunjungannya saya ucapkan terima kasih.

Kesalahan Dalam Optimasi SEO dan Blog

Kesalahan Dalam Optimasi SEO dan Blog adalah merupakan Langkah pertama yang harus kita hindari karena Jika kita banyak melakukan Kesalahan Dalam Optimasi SEO dan Blog maka bukan rangking tinggi yang didapat tetapi justru akan membuat artikel maupun situs maupun blog kita akan ditendang dari hasil pencarian atau istilah kerennya adalah SERP (Search Engine Result Pages)

Kesalahan Utama Dalam Optimasi SEO Blog

Dan sebelumnya juga sudah saya bahas tentang Cara Mudah Mengintip Backlink Kompetitor serta produk review dari Decoder TV Kabel Indonesia, dan pada kesempatan kali ini saya akan bahas tentang beberapa pointnya saja yang saya kira memang lumayan cukup penting untuk diangkat pada topik kali ini, mudah-mudahan definisi singkat ini bisa berguna buat anda semuanya, yuk kita simak saja penjelasannya berikut ini:

Inilah Beberapa Kesalahan Dalam Optimalisasi SEO Maupun Blog

1.Blog Tidak ataupun Belum terverifikasi tepat di Mesin Pencari sebut saja yang paling banyak penggunanya adalah Google Webmasters Tools, karena jika anda melakukan optimasi di mesin pencari google yang tentu saja seharusnya anda sudah tahu bahwa salah satu analisa situs terbaik adalah webmasters baik itu di yahoo, bing, yandex, google dan mesin pencari lainnya, jika blog maupun situs anda belum didaftarkan di bing maupun yahoo webmasters silahkan baca tutorialnya di Cara Daftar Blog di Yahoo dan Bing Webmasters atau mungkin anda juga belum daftarkan blog anda ke google webmasters, silahkan baca juga di Cara Daftar Blog ke Google Webmasters Tools nah pada point pertama ini mudah-mudahan bisa dipahami.

2.Menu navigasi Tidak seo friendly dan User Friendly, nah bagian yang kedua ini adalah tentang menu navigasi, jika artikel anda ingin rangking lebih tinggi pastikan bahwa artikel tersebut terbangun dari beberapa artikel dan artikel tersebut banyak dilink dari artikel lainnya begitu juga sebaliknya, maka untuk mengatasai masalah ini maka menu navigasi adalah salah satu solusinya bisa anda pasang dibagian sidebar, footer, header yang penting pengunjung blog maupun situs anda bisa membaca beberapa artikel pilihan anda sehingga bisa mengurangi bounce rate pada situs anda, untuk jenis menu navigasai bisa anda pasang dengan cara menu dropdown, atau yang paling umum adalah sitemap situs. dengan site map situs maka googlebot akan sangat mudah menelusuri setiap bagian pada blog anda.

3.Konten yang tidak berkualitas, apa itu konten yang tidak berkualitas? apakah konten yang panjang, atau apakah konten yang setopik, senice atau setema, tentu saja bukan itu saja bagi mesin pencari konten berkualitas adalah konten yang unik, dan inilah kenapa ada sebagian blogger sukses menganggap bahwa konten adalah raja, di artikel sebelumnya pernah saya singgung konten adalah nilai tertinggi dalam ON PAGE SEO, apakah konten buruk maupun tidak berkualitas bisa rangking tinggi atau bahkan rangking 1 google? jawabannya sangat bisa sekali, tetapi itu akan sangat ekstra banting tulang untuk menaikan rangkingnya. perhatikan contoh sederhana berikut:

A.Konten A keunikannya bernilai 30% Dapat Backlink dari Situs PR2

B.Konten B keunikannya bernilai 50% Dapat Backlink dari Situs PR2

C.Konten C keunikannya bernilai 75% Dapat Backlink dari Situs PR2

Dari contoh A,B,C kira-kira mana yang akan lebih berpeluang rangking paling tinggi? silahkan anda jawab?

4.Backlink yang tidak natural dan backlink yang monoton dari sumber backlinya, apa maksud dari backlink yang tidak natural? untuk penjelasannya akan saya bahas di artikel selanjutnya dan apa maksud backlink yang monoton, logikanya begini jika anda ingin mendapatkan backlink yang berkualitas ya tentu saja cari backlink yang relevan dengan artikel anda, apakah harus selalu dari yang berpagerank tinggi? jawabannya tidak selalu, jika misal anda dalam satu hari mencari backlink yang diatas PR8 semua dan terbilang banyak maka itu sama saja bohong karena google akan mengetahui bahwa anda sedang mencoba memanipulasi hasil rangking tinggi, sebenarnya untuk rangking tinggi tidak perlu yang harus PR PR Besar PR0 maupun PR1 saja bisa berpengaruh besar yang penting Kita tahu tekhniknya dan metode cara penerapannya, terutama jika anda berburu ribuan backlink mesti anda perhatikan Class ip dan proxy yang anda gunakan.

5.Tidak Memperhatikan Setiap update algoritma baru google serta tidak memiliki author profile yang dianjurkan beberapa mesin pencari, nah untuk point yang kelima ini tidak akan saya banyak bahas karena anda juga pasti tahu tentang update update algoritma baru google maupun mesin pencari yang lainnya, untuk author profile memang setiap mesin pencari yang ada sudah banyak yang menganjurkannya khususnya raksasa google.

6.Yang terakhir dari saya adalah "Tidak pernah mau berdoa sebelum melakukan aktifitas baik itu aktifitas nyata maupun aktifitas di dunia maya" , nah itu saja beberapa point yang bisa saya share walaupun secara garis besarnya cukuplah banyak sekali.

Ok itu Saja tips sederhana kali ini dari Saya tentang Kesalahan Dalam Optimasi SEO dan Blog semoga tips sederhana ini bisa dan masih bermanfaat buat pengunjung semuanya, jika ada salah salah kata mohon dimaafkan karena saya juga hanyalah manusia biasa yang tidak lupa dari segala kesalahan, atas kunjungannya saya ucapkan terima kasih.

Cara Mengintip Backlink Kompetitor

Cara Mengintip Backlink Kompetitor adalah merupakan Artikel yang akan saya bahas pada kali ini, dimana dengan mengetahui backlink kompetitor maka setidaknya kita sudah tahu kekuatan yang dimiliki situs tersebut, lantas bagaimana Cara Mengintip Backlink Kompetitor tersebut jika anda ingin mengetahui Jumlah backlink blog maupun situs orang lain cukuplah tidak terlalu rumit banyak tools yang bisa kita gunakan untuk memanfaatkannya pun tidaklah terlalu ribet dan memusingkan walaupun cara ceknya gratisan yang penting bisa menghasilkan yang funtastic, Untuk cara mengetahui backlink dengan cara yang lainnya silahkan anda baca postingan Cara Mendapatkan Backlink Berkualitas Mudah dan Gratis serta pada postingan sebelumnya juga sudah saya bahas tentang Cara Verifikasi Blog di Google Webmasters Tools nah untuk mengetahui Backlink situs orang lain kita akan gunakan situs majestic dimana dengan situs majestic ini setidaknya kita dengan mudah mengetahui apa yang dimiliki situis orang lain, untuk cara penggunaannya silahkan simak berikut ini:

1.Buka situs majestic di http://www.majesticseo.com jika sudah tampil tampilan utamanya silahkan masukan situs yang ingin anda riset atau mungkin situs anda, misal saya menggunakan situs saya www.jasaseoblog.com lalu klik enter saja dan lanjut pada gambar 2 dibawah.

Cara Mengintip Backlink

2.Setelah anda melewati gambar atau tahap pertama silahkan anda perhatikan gambar dibawah ini maka anda akan menemukan referal backlink yang dimiliki situs tersebut dan silahkan anda analisa backlink yang ada disana dan silahkan scrool sampai bawah.

Cara Mengintip dan Mengetahui Backlink Orang Lain

Nah itu saja postingan kali ini tentang Cara Mengintip Backlink Kompetitor semoga informasi serta tips sederhana ini bermanfaat buat anda semuanya dan atas kunjungannya saya ucapkan terima kasih, Bila anda ingin ribuan backlink gratis silahkan baca 7 Cara Dapatkan Ribuan Backlink Gratis dan jika ada yang ingin ditanyakan silahkan berikan pertanayaannya via kolom komentar yang sudah disediakan.

Cara Setting Tag Tajuk Robot Khusus di Blog

Cara Setting Tag Tajuk Robot Khusus di Blog adalah merupakan Tutorial yang akan saya bahas pada kali ini menyangkut Cara Setting Tag Tajuk Robot Khusus di Blog dimana atau mungkin ada sebagian blogger yang belum memahami fungsi dari tag tajuk robot khusus tersebut mudah mudahan anda setelah membaca artikel ini akan lebih mengerti manfaat dari settingan tersebut, dan sebelumnya juga sudah saya bahas tentang Cara Pasang Meta Deskripsi, Meta Tag, Title tag, Heading tag dan Meta Deskripsi serta saya juga sudah bahas produk review dari TV Kabel Decoder Piala Dunia 2014 nah pada kali ini saya hanya akan berbagi tips yang singkat saja dan bisa langsung anda praktekan, untuk cara setting tag tajuk robot ini bisa anda perhatikan gambar dibawah ini beserta penjelasan singkatnya:

Cara Setting Tag Tajuk Robot Khusus di Blog

Perhatikan kembali gambar diatas untuk mengaksesnya cukuplah simpel LOGIN KE BLOGGER > Pilih SETTING > Pilih PREFERENSI PENELUSURAN > tinggal cari saja tulisan tag tajuk robot khusus nah cara pengisiannya silahkan lihat gambar diatas, tinggal klik saja gambarnya untuk memperbesarnya, dan jika sudah selesai silahkan simpan, cara tersebut kebetulan yang diterapkan pada situs ini, Dan itu saja postingan sederhana kali ini tentang Cara Setting Tag Tajuk Robot Khusus di Blog dan semoga bermanfaat, terima kasih.

Cara Pasang Title Tag, Heading Tag dan Meta Deskripsi

Cara Pasang Title Tag, Heading Tag dan Meta Deskripsi merupakan pembahasan yang akan saya bahas pada kesempatan kali ini, walaupun Saya baru saja sembuh dari sakit demi anda semua saya relakan waktu untuk update postingan baru, nah sebelumnya saya juga sudah bahas tentang Cara Buat Judul Postingan Tampil Jadi Deskripsi di Header Blog serta saya juga suah bahas tentang Cara Buat Blog Terbaru nah untuk tutorial kali ini hanyalah akan membahas menyangkut onpage seo, oke tanpa basa basi lagi silahkan simak berikut ini:

Cara Pasang Title Tag di Blogspot

Untuk Melakukan pemasangan Title Tag SEO Friendly silahkan lakukan caranya seperti dibawah ini, Masuk akun blogger anda cari settingan EDIT TEMPLATE dan cari kode <head> setelah ketemu kode <head> silahkan hapus semua kode yang ada dibawahnya kode <head> sampai diatas kode  <b:skin><![CDATA[/* silahkan ganti dengan kode yang ada dibawah ini, perhatikan sekali lagi kode <head> sampai kode <b:skin><![CDATA[/*

<head>

    <b:include data='blog' name='all-head-content'/>

    <title>

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

        <data:blog.pageTitle/>

        <b:else/>

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

          <data:blog.pageName/> | <data:blog.title/>

          <b:else/>

          Jasa SEO Blog | <data:blog.title/>

        </b:if>

      </b:if>

    </title>

    <!-- Meta Tags ~ www.jasaseoblog.com  -->

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

      <meta content='noindex,noarchive' name='robots'/>

    </b:if>

    <b:if cond='data:blog.metaDescription != &quot;&quot;'>

      <meta expr:content='data:blog.metaDescription' name='description'/>

    </b:if>

    <meta charset='UTF-8'/>

    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

<meta content='Masukan Kode Google Webmasters Anda' name='google-site-verification'/>

    <!-- /Meta Tags ~ www.jasaseoblog.com -->

    <b:skin><![CDATA[/*

Jika kode diatas tidak bisa dicopas silahkan ambil kodenya DISINI

note*ganti tulisan biru dengan nama blog anda, jika masih bingung dengan kode google webmasters anda silahkan baca postingan ini Cara Verifikasi Blog di Google Webmasters Tools , Jika sudah beres Silahkan simpan template anda, untuk menjaga error sebaiknya template anda di backup dulu. kalau sudah yakin benar silahkan simpan dan lihat hasilnya Title Tag pada Setiap postingan anda.

Contoh gambar hasilnya, jadi judul postingan anda akan selalu berada paling kiri di hasil pencarian.

Cara Pasang Title Tag di Blogspot

Cara Menggunakan Heading Tag di Blogspot

Untuk menggunakan Heading Tag pada blogspotcukuplah mudah anda tinggal mengatur setiap kata apa saja yang ada dalam postingan anda yang memang cukup memberikan arti atau mungkin ada suatu kata yang cukup bermanfaat agar memberikan efek yang baik terhadap onpage anda, mungkin anda masih bingung heading tag ini harus diterapkan pada apa misalkan saja saya akan memberikan heading tag pada add caption image, maaf ini hanya sebatas contoh saja, atau mungkin pada kalimat-kalimat yang lainnya, contohnya bisa anda perhatikan pada gambar dibawahini:

Cara Menggunakan Heading Tag di Blogspot

Cara Mengatur Meta Deskripsi Tiap Postingan

Untuk mengatur Meta deskripsi untuk setiap postingan silahkan lakukan prosedurnya dibawah ini, cari SETELAN > PREFERENSI PENELUSURAN > META TAG lalu isikan dengan meta tag blog anda, contoh kolom meta tag yang harus anda isi,

Cara Mengatur Meta Deskripsi Tiap Postingan

nah setelah anda mengaktifkan meta tagnya yang perlu anda lakukan adalah setiap membuat postingan silahkan isi tulisan sebelah kanan dibawah tulisan LOKASI diatas tulisan PILIHAN yaitu Deskripsi Penelusuran, nah pandai-pandai saja anda memasukan deskripsi disana.

Ok itu saja tips sederhana kali ini tentang Cara Pasang Title Tag, Heading Tag dan Meta Deskripsi semoga tips sederhana ini masih bermanfaat buat anda semuanya, dan atas perhatiannya saya ucapkan terima kasih.

Cara Membuat Judul Postingan Tampil Menjadi Deskripsi di Header Blog

Cara Membuat Judul Postingan Tampil Menjadi Deskripsi di Header Blog adalah merupakan tutorial yang akan saya bahas pada kali ini dimana dengan tutorial tersebut maka anda bisa mengerti dan memahaminya setelah apa yang akan saya bahas dibawah ini, dan sebelumnya juga saya telah bahasa seputar Cara Verifikasi Blog di Google Webmasters Tools serta Cara memanfaatkan dan menggunakan google suggest keyword tools nah pada kali ini saya hanya akan bahas bagaimana caranya agar Judul postingan blog kita bisa menggantikan tampilan deskripsi utama dari blog kita, contoh jelasnya bisa anda lihat dibawah ini, tanda anak panah merah merupakan tampilan dari judul postingannnya sedangkan tanda panah anak biru merupakan seharusnya biasanya adalah tampilan deskripsi utama blog anda, saya yakin anda pasti akan mengetahui hal tersebut, nah dengan tutorial ini maka deskripsi tersebut akan menjadi atau akan mengikuti judul postingannya, nah bagaimana apakah bisa dipahami dan dimengerti?

Cara Membuat Judul Postingan Tampil Menjadi Deskripsi di Header Blog

Dan inilah cara membuatnya, langkah pertama silahkan login ke blogger anda klik "TEMPLATE" lalu "EDIT TEMPLATE" Cari Kode mirip dibawah ini:

 <b:includable id='description'> sampai kode ini </b:includable>

kunci utamanya adalah perhatikan id='description' agar anda tidak salah mencarinya,

Silahkan ganti Kode diatas atau kode seperti ini <b:includable id='description'> sampai kode ini </b:includable> dengan Kode Dibawah ini:

 <b:includable id='description'>

 <div class='descriptionwrapper'>

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

<b:else/>

<p class='description'><span><b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:blog.pageName/>

</b:if></span></p>

</b:if>

</div>

</b:includable>

Setelah selesai silahkan simpan template anda dan silahkan lihat hasilnya, note* Sebelum mengedit template pastikan anda telah membackup template anda untuk menjaga hal-hal yang tidak diinginnkan semisal menjadi error. untuk copy paste kode di blog ini silahkan baca artikelnya DISINI atau untuk kodenya bisa ambil DISINI langsung

Nah itu saja postingan kali ini tentang Cara Membuat Judul Postingan Tampil Menjadi Deskripsi di Header Blog semoga informasi serta tips ini masih bisa bermanfaat buat pembaca semuanya dan atas kunjungannya saya ucapkan terima kasih.