Membuat Daftar Isi Blog Keren Otomatis dan responsive

Cara Membuat dan Memasang Daftar Isi di Blog Secara Otomatis , Keren dan Responsive - Masih Berkaitan dengan Responsive , Kali ini saya akan share kepada anda tentang bagaimana sih cara bikin daftar isi di blog secara otomatis dan keren di blog anda ? Sebenarnya udah banyak tutor tentang memasang daftar isi di blog ini secara responsive , namun kali ini saya akan berikan daftar isi ini dengan menambahkan fitur responsive

Berawal dari suka dengan Responsive Web Design , saya akan memodifikasi Daftar isi Responsive di blog , dengan menambahkan css responsive , Sehingga Daftar isi blog anda dapat di akses di ukuran layar apapun dengan baik , tapi juga harus didukung dengan template responsive , untuk lebih jelasnya silahkan lihat demo berikut ini

Memodifikasi Daftar Isi Blog Menjadi Responsive

1. Pertama Buat Halaman Statis di blog anda terlebih dahulu , Caranya
   Masuk ke menu page ( laman ) = > New Page ( laman Baru )
   
   
   
2. Nanti anda akan di bawah ke tempat page editor, ya tampilannya mirip dengan entri editor pada saat ingin membuat postingan, ok pada bagian judul, silahkan isikan dengan "daftar isi" atau "sitemap" atau sesuai dengan keinginan anda. Dan kemudian ini yang terpenting, jangan lupa untuk mengubah mode editor page ke HTML, jika bingung perhatikan gambar di bawah ini:
   
   
   
3. Berikutnya , copy dan pastekan kode dibawah ini di halaman html statis daftar isi tadi

   <style scoped="scoped" type="text/css">/* Skin for Blogger Tabbed Layout TOC */#tabbed-toc{margin:0 auto;background-color:#224C19;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);overflow:hidden;position:relative;color:#333}#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:white}#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0 0;padding:0 0;list-style:none}#tabbed-toc .toc-tabs{width:20%;float:left}#tabbed-toc .toc-tabs li a{display:block;font:normal bold 10px/28px Helmet,Freesans,Sans-Serif;height:28px;overflow:hidden;text-overflow:ellipsis;color:#ccc;text-transform:uppercase;text-decoration:none;padding:0 12px;cursor:pointer}#tabbed-toc .toc-tabs li a:hover{background-color:#153615;color:white}#tabbed-toc .toc-tabs li a.active-tab{background-color:#275827;color:white;-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);box-shadow:-2px 2px 2px rgba(0,0,0,.5);position:relative;z-index:5;margin:0 -1px 0 0;/* cursor:text;*/}#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:80%;float:right;background-color:white;border-left:5px solid #275827;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0;-webkit-box-shadow:0 0 7px rgba(0,0,0,.7);-moz-box-shadow:0 0 7px rgba(0,0,0,.7);box-shadow:0 0 7px rgba(0,0,0,.7)}#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal Helmet,Freesans,Sans-Serif}#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:11px;color:#892412;line-height:20px;height:20px;padding:0 12px;text-decoration:none;outline:none;overflow:hidden}#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right}#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:4px solid #275827;overflow:hidden}#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px 4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}#tabbed-toc .panel li:nth-child(even){background-color:#FFE8E3}#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#333;color:white;outline:none}#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#222}@media (max-width:700px){#tabbed-toc{border:2px solid #333}#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}#tabbed-toc .toc-tabs li{display:inline;float:left}#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#224C19;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);-moz-box-shadow:2px 0 7px rgba(0,0,0,.4);box-shadow:2px 0 7px rgba(0,0,0,.4)}#tabbed-toc .toc-tabs li a.active-tab{background-color:white;color:#333}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}</style> <br /><div id="tabbed-toc"><span class="loading">Memuat...</span></div><script>var tabbedTOC = { blogUrl: "http://caramembuat-di.blogspot.co.id/", // Blog URL containerId: "tabbed-toc", // Container ID activeTab: 1, // The default active tab index (default: the first tab) showDates: false, // `true` to show the post date showSummaries: false, // `true` to show the posts summaries numChars: 200, // Number of summary chars showThumbnails: false, // `true` to show the posts thumbnails (Not recommended) thumbSize: 40, // Thumbnail size noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL monthNames: [ // Array of month names "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ], newTabLink: true, // Open link in new window? maxResults: 99999, // Maximum post results preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload") sortAlphabetically: true, // `false` to sort posts by published date showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text};</script><script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

    
4. Sebelum anda menyimpanya , ganti Url http://caramembuat-di.blogspot.co.id/ dengan url blog sobat
5. Klik Publikasikan dan silahkan lihat hasilnya

Demikian Cara mudah Memasang dan Membuat Daftar Isi Blog Keren Otomatis dan responsive , semoga daftar isi tadi bermanfaat untuk blog sobat baca juga Cara Mudah Membuat Widget Sticky di Sidebar Blogger Anda, jika masih kurang paham cara memasang daftar isi ini silahkan komen dibawah , hehhehe

Cara Membuat Catatan Kaki Artikel Di Blog

CARA MEMBUAT CATATAN KAKI ARTIKEL DI BLOG – Seperti pada umumnya catatan kaki berfungsi untuk menyampaikan catatan-catan yang dianggap penting, tidak jauh berbeda dengan catatan kaki artikel di blog, biasanya catatan kaki pada blog dibuat untuk memberikan atau menyampaikan informasi kepada pengunjung blog tersebut, bisa berupa ucapan terima kasih, pesan-pesan bahkan peringatan terhadap pengunjung blog.  Letak catatan kaki biasanya di ahir dari sebuah artikel.

Selain catatan kaki, biasanya para blogger menyertakan rich snippet sebagai pendamping catatan kaki tersebut. Tidak sedikit blogger yang memasang catatan kaki untuk memberikan peringatan kepada pengunjung blog mereka agar tidak menjiplak artikelnya, sehingga catatan kaki dianggap perlu.

Bagaimana dengan anda, apakah anda tertarik untuk memasangnya untuk berinteraksi dengan pengunjung blog anda? Atau hanya sekedar untuk mengucapkan terima kasih karena sudah berkunjung. Jika anda tertarik jadi mari kita mulai saja cara membuatnya.

Cara membuat Catatan Kaki Artikel

• Pada dashboar blog anda silahkan pilihTEMPLATE
• Klik EDIT HTML
• Ketika halaman html sudah terbuka silahkan klik sembarang didalam template anda dan tekan CTRL + F
• Setelah kotak kecil muncul dipojok kanan atas, masukan kode <data:post.body/> dan klik enter.
• Maka anda akan menemukan kode tersebut, silahkan geser kursor anda kebawah pasti akan ada dua kode <data:post.body/>.
• Setelah itu letakan kode berikut tepat dibawah kode <data:post.body/>.

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='vcard' id='hcard-Riswan-Sucess' style='margin-top: 30px; padding: 10px; font-size: 12px; font-family: Arial; background: #dcdcdc; line-height: 1.3em; color: #777'>
        <span style='color:#777; font-size:18px; margin-top:10px'>Terima Kasih Telah Berkunjung</span><br/>
        Judul: <span itemprop='itemreviewed'><data:post.title/></span><br/>
        Ditulis Oleh <span class='fn n'><span class='given-name'><span itemprop='reviewer'><data:post.author/></span></span></span><br/>
        <span style='text-align: justify'>Jika mengutip harap berikan link DOFOLLOW yang menuju pada artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatian anda</span>
        </div>
        </b:if>

• Simpan atau Save Template anda.

Keterangan:

• Gantilah RISWAN-SUCCESS dengan nama anda.

• Anda bisa mengubah warna backround, jenis font, dan ukuran font berdasarkan keinginan anda.

• Untuk yang sudah membaca artikel saya mengenai cara membuat read more otomatis, anda hanya perlu meletakan kode catatan kaki diatas tepat dibawah kode read more, karena kode <data:post.body/> sudah diganti dengan readmore.

Jika anda berhasil membuatnya maka hasilnya akan seperti gambar dibawah ini:

Demikianlah tutorial tentang cara membuat catatan kaki artikel pada blog, semoga artikel ini bisa membantu dan bermanfaat tentunya.

Optimasi SEO Onpage Untuk Blog Anda

Optimasi SEO Onpage Untuk Trafic Blog Anda - Dalam dunia seo dikenal dengan istilah onpage seo dan offpage seo, kedua hal tersebuat adalah langkah wajib yang harus dilakukan jika blog anda ingin berada pada halaman #1 Google.

Optimasi seo onpage lebih bertujuan untuk membantu Google mengindeks blog anda dengan akurat, dan optimasi off page lebih kearah mencari backlink dan mempromosikan blog anda sehingga kedua optimasi ini sangat penting.

Sebagai blogger kemaren sore saya merasakan dampak dari seo onpage ini begitu besar terhadap blog saya, terbukti hanya dalam 2 bulan terhir artikel-artikel blog ini sudah berada di halaman #1 Goggle walaupun anda juga bisa menghitung berapa jumlah artikel blog ini, mungkin masih sedikit dan saya jarang update artikel juga. Parahnya lagi saya juga masih lemah dalam mempromosikan blog saya ini. Tetapi dengan optimasi onpage artikel saya bisa masuk jajaran halaman #1.

Untuk kesempatan kali ini saya akan membahas seo onpage atau optimasi pada struktur blog anda. Jika anda masih pemula dan bingung ikuti saja checklist seo onpage berikut ini dan sebaiknya anda lakukan satu demi satu karena proses ini hanya sekali dilakukan pada blog anda.

1. Gunakan template SEO-friendly, atau anda bisa melihat koleksi template blog seo-friendly  saya. Jika anda tertarik silahkan download dan pasang pada blog anda.
2. Atau jika anda ingin tetap menggunakan template blog anda maka sebaiknya anda memasang dynamic heading  pada blog anda dan jangan lupa memasang breadcrumbs dan juga pasang artikel terkait/related post.
3. Patikan struktur template anda benar yaitu postingan artikel berada disebelah kiri dan sidebar di sebelah kanan. 
4. Jangan lupa untuk membuat title tag dan meta descriptions yang berbeda di setiap halaman. Untuk membuat itu silahkan baca artikel Memasang title tag dan meta descriptions
5. Daftarkan blog anda pada Google dan submit sitemap, baca cara daftar google webmaster  dan pasang kode verivikasi pada blog anda.
6. Daftarkan blog anda paga Google Analytics dan Feedburner.
7. Pasikan gambar yang berada pada sidebar memiliki ALT tag. Dan setiap gambar yang anda pasang dalam artikel harus memiliki alt tag.
8. Pastikan memasang widget Popular Post, Blog archive dan label karena akan membantu penyebaran poin pagerank saat anda melakukan optimasi Offpage nanti.
9. Sebaiknya widget label di simpan dibawah header (lihat blog ini).
10. Pastikan tidak memasang link di sidebar yang menuju blog lain (tukaran link), karena itu adalah menjadi kebocoran link pada blog anda
11. Pada bagian ahir atau footer pastikan link yang menuju Home Page yang mengandung kata kunci blog anda. (lihat blog ini).

Jika anda sudah menyelesaikan semua poin-poin optimasi seo onpage diatas maka blog anda sudah cukup seo friendly dari segi onpage. Yang harus anda lakukan adalah untuk menjaga agar anda tidak memasang widget yang tdak penting dan jangan lupa unuk membuat artikel yang berkualitas agar blog anda lebih disukai Google. Semoga bermanfaat dan blog anda mudah diindeks Google.

Cara Mendaftar Feedburner Dengan Mudah

Cara Mendaftar Feedburner Dengan Mudah Untuk Blog Anda – Mendaftar feedburner adalah salah satu optimasi seo onpage yang di rekomendasikan, karena akan memudahkan blog anda untuk cepat terindex google terlebih layanan yang satu ini milik Google. Banyak sekali keuntungan yang kita dapatkan jika kita menggunakan layannan gratis milik google ini, salah satunya adalah untuk memudahkan pengunjung blog anda berlangganan semua artikel anda dengan cara simple karena akan di urus oleh feedburner blog anda. selain itu di yakini bahwa feedburner memudahkan google untuk mengindex artikel kita.

Untuk yang berminat mendaftar dan mendapatkan keuntungan dari feedburner ini segeralah daftarkan blog anda dan dan arahkan RSS feeds blog anda ke feedburner. Selanjutnya ikuti tutorial berikut ini:

Cara Mendaftar Feedburner Dengan Mudah Untuk Blog Anda

• Kunjungi situs FEEDBURNER.COM
• Silahkan login dengan akun gmail anda
• Pada tampilan awal silahkan masukan alamat feed blog anda atau URL blog anda jika anda bingung >> klik next

• Setelah itu feedburner akan melacak alamat feeds anda >> pilih RSS atau Atom semuanya sama.

• Kemudaian anda akan dibawa kehalaman selanjutnya >> silahkan tetntukan nama feeds anda dan klik next jika sudah.

• Feed anda adalah seperti yang tercetak biru di gambar >> Simpan dan ingat nama feed blog anda.

• Selanjutnya anda akan diberikan beberapa pilihan, ikuti saja seperti gambar dibawah >> Next

• Jika terdapat seperti gambar di bawah maka feed untuk blog anda sudah jadi.

• Abaikan saja jika anda melihat gambar seperti digambar.

Memasang FEED Di Blog Anda

• Buka dashboard blog anda >> pilih Setelan >> lainnya.
• Pilih POSTING URL PENGUBAH ARAH FEED
• Kemudian masukan feed yang anda simpan tadi (warna biru)
• Klik SIMPAN.

• Kebali ke halaman FEEDBURNER.COM
• Cari tulisan PUBLICIZE
• Pilih PING SHOT di sidebar kiri
• Klik ACTIVE dalam tampilan PING SHOT.

• Selesai

Itulah cara mendaftar Feedburner, karena ini adalah salahsatu teknik seo onpage jadi semoga bisa membantu agar blog anda lebih cepat terindex.

Cara Membuat Sitemap Atau Peta Situs Untuk Blogspot

Cara Membuat Sitemap atau Peta Situs Untuk Blogspot - Sebenarnya tanpa anda sadari jika anda ingin artikel anda cepat terindex oleh google maka anda perlu membuat sitemap untuk blog anda. Banyak cara untuk membuat site map dari yang di pasang pada template anda sampai yang sangat simple. Disini saya hanya akan menjelaskan cara membuat sitemap untuk blog anda dan submit ke Google webmaster.

Seperti yang telah dikatakan sebelumnya sitemap atau peta situs membantu membuat artikel anda terindeks dengan sangat cepat. Selain itu juga anda bisa submit sitemap pada search engine seperti Google, Bing, Yahoo, atau pun webmaster tools, silahkan baca cara menggunakan webmaster tools

yang menjadi masalah adalah banyak yang bingung dan tidak tahu seperti apakah sitemap itu, bagi pengguna blog dari platform Blogspot untuk membuat sitemap cukup mudah. Saya akan menjelaskan sitemap atau peta situs untuk blogspot.

Misalnya Homepage blog anda adalah "http://caramembuat-di.blogspot.com/", maka sitemap atau peta situs blog anda adalah "http://caramembuat-di.blogspot.com/feeds/posts/default?max-results=400". Jadi anda cukup menambahkan ahiran "feeds/posts/default?max-results=400". Dan sitemap atau peta situs blog anda sudah jadi.

Sekarang anda hanya perlu submit sitemap pada google webmaster. Caranya baca cara mendaftar di google webmaster tools.

Bagaimana? Mudahkan... sekarang blog anda sudah memiliki sitemap atau peta situs dan semoga artikel anda cepat terindex oleh google.

Cara Mudah Mendaftarkan Blog Ke Alexa

Cara Mendaftarkan Blog Ke Alexa - Banyak para blogger yang tidak tau cara mendaftarkan blog mereka ke alexa, mereka lebih tau cara menginstal Alexa Toolbar saja. tetapi tahukah anda semua kita perlu daftarkan blog kita ke Alexa agar penilaian terhadap blog kita lebih akurat, karena data blog kita akan ada di data base alexa.

keuntungan mendaftarkan blog kita ke alexa adalah mempercepat penurunan alexa rank dari blog kita terlebih kita MEMASANG ALEXA TOOLBAR maka akan semakin cepat alexa rank kita turun atau makin kecil.

Mengklaim Blog di Alexa.

1. Kunjungi Halaman http://www.alexa.com/siteowners/claim.
2. Masukan url blog anda seperti dibawah dan klik "Claim Your Site"
   
    
   
3. Anda diminta memilih paket, silahkan klik yang "FREE"
   
4. Anda akan di minta untuk verivikasi blog anda dan ada dua cara yang diberikan. Pilih cara kedua karena lebih mudah.
   
5. Buka template anda, Copy-paste kode didalam kotak merah tepat dibawah kode <Head> dan save.
6. kembali kehalaman verivikasi dan tekan tombol "Verify my ID" (jika anda melakuakan dengan benar maka akan terlihat pemberiahuan 
   
7. klik next
8. silahkan isi formulir dibawah sesuai blog anda.
   
   
   
   
9. Setelah semuanya selesai silahkan klik save.

dengan begitu blog anda sudah terdaftar di alexa dan mudah-mudahan ranking alexa anda akan cepat turu. itu saja dulu yang bisa saya jelaskan semoga beranfaat dan bisa membantu.

Memasang Alexa Toolbar di Firefox dan Chrome

Memasang Alexa Toolbar di Mozila firefox dan Chrome - Berfungsi untuk menurunkan pagerank alexa blog anda, karena penilaian alexa yaitu dengan cara mengunakan toolbar yang dipasang di tiap-tiap broswer setiap pengguna internet. bahkan jika anda membuka blog anda dengan memasang alexa toolbar sebelumnya maka itu sudah termasuk kedalam perhitungan alexa, jadi jika anda blogger aktif yang hampir setiap hari membuka blog anda maka bukan tidak mungkin dalam satu bulan blog anda sudah berada di posisi satu juta kebawah. jadi sangat rugi jika anda tidak memasang alexa toolbar.

Kali ini saya akan menjelaskan cara memasang alexa toolbar pada firefox dan chrome

Memasang Alexa Toolbar Pada Firefox

1. Buka halaman Alexa Toolbar, klik tombol instal Alexa Toolbar

2. Karena alexa Toolbar ini adalah jenis Add-Ons maka lakukan seperti anda menginstal odd-ons.

3. Silahkan klik Allow jika gambar seperti dibawah muncul.

4. Tunggu sampai proses download selesai dan klik instal.

5. Setelah proses instal selesai akan muncul pop-up dan klik tombol restar.

6. Setelah restar berhasil maka Alexa toolbar sudah terinstal

Memasang Alexa Toolbar Pada Chrome

1. Buka halaman http://www.alexa.com/toolbar.
2. Klik "Instal Alexa Extentions"
3. Klik tombol "+ Add to Chrome" lalu Klik "Add"
4. Tunggu hingga proses download selesai, dan akan muncul halaman baru
5. Klik "Accept and Enable"
6. Anda akan diminta untuk mengisi beberapa data, jika tidak bersedia silahkan klik "No, Thank's"
7. Nantinya Alexa Toolbar akan muncul pada browser saudara Google Chrome saudara di bagian kanan atas.

Selasai, dan sekarang anda sudah instal Alexa toolbar jadi manfaatkan kesempatan ini untuk menurunkan alexa rank blog anda dan jangan lupa juga DAFTARKAN BLOG PADA ALEXA. semoga bermanfaat dan bisa membantu temen-temen semua.

Cara Mudah Membuat Read More Otomatis Di Blog

Cara Mudah Membuat Read More Otomatis di Blog – banyak para blogger yang masih kebingungan untuk membuat readmore secara otomatis di blog mereka, walaupun banyak sekali artikel-artikel yang mebahas bagaimana cara membuat readmore otomatis. Hal ini disebabkan karena banyaknya artikel yang copas padahal si pemilik blog sendiri tidak faham dengan caranya. Disini saya akan menjelaskan cara membuat readmore otomatis secara detail sehingga blogger pemula sekalipun bisa membuatnya.

Ngomong-ngomong mungkin blogger pemula atau newbie masih bingung apa itu readmore?. Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata “READ MORE”, “BACA SELENGKAPNYA”, ” LANJUTKAN MEMBACA”, dll.

Manfaat readmore juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.

Untuk demonya silahkan klik link dibawah ini.

CONTOH "READ MORE"

Cara membuat readmore otomatis dengan gambar

• Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
• Cari Kode </head>.
• Copy paste kode dibawah ini tepat di atas kode </head>

<!--ReadMore http://trikseosimple.blogspot.com-->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:250px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 250;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx =  s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>

<!--Auto Read More Akhir-->

• Save Template anda.
• Kemudian scroll template anda kebawah cari kode seperti berikut:

Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.

• Jika suda menemukan kode seperti gambar di atas silahkan klik anda panah kecil warna hitam sebelah kiri.
• Setelah tanda panah kecil di klik maka akan ada tampilan seprti gambar berikut

• Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
• Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.
• selanjutnya akan terbuka kode kode yang lain.
• geser atau scrol ke bawah dan cari kode 

 <data:post.body/>

•  Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:

<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

• Klik SAVE / SIMPAN dan lihat hasilnya.

Terlihat seperti sulit tetapi jika sambil di praktekan pasti bisa karena ini sudah sangat detail, jika saya menjelaskan dengan singkat mungkin para blogger pemula tidak akan mengerti atau kesusahan membuatnya.

sekian dulu sari saya untuk cara membuat readmore semoga bermanfaat dan jika masih ada yang tidak dimengerti anda dipersilahkan untuk bertanya langsung.

Tips Untuk Memilih Tema Blog Yang Terbaik

Tips Memilih Tema Blog Yang Baik - Sebaiknya sebelum anda memulai blogging anda harus menentukan tema blog terlebih dahulu karena menentukan blog anda di masa mendatang.

Apakah Memilih Tema Blog Penting?

Jawabanya tentu saja “Iya”, karena nantinya akan mempengaruhi isi dari blog yang akan anda buat dan mempengaruhi jumlah pengunjung atau jumlah target pengunjung blog. Karena setiap tema blog memiliki presentase yang berbeda dalam jumlah peminatnya, sbagai contoh jika anda memilih tema pertanian maka jumlah pengunjung yang mencari tema tentang pertanian akan lebih sedikit dibanding dengan tema bisnis online. Karena itu akan mempengaruhi proses SEO.

Selanjutnya jika anda salah dalam memilih tema maka kemungkinan besar anda akan menemui masalah-masalah seperti berikut.

• Anda akan kehabisan materi untuk artikel blog anda
• Blog anda akan sulit bersaing dengan blog lain.
• Dan anda akan merasa bosan mengelola blog anda

Berdasarkan hal-hal di atas maka tahap memilih tema blog adalah sesuatu yang sangat penting karena jika di abaikan begitu saja maka dalam beberapa bulan kemudian blog anda akan tenggelam dan tidak mendapat tempat.

Tidak heran banyak blogger pemula yang gagal karena menganggap remeh atau mengabaikan tahapan memilih tema.

Bagaimana Memilih Tema yang Terbaik?

Sebenarnya jawaban dari pertanyaan ini ada pada diri anda masing-masing. Karena anda bisa menentukan tema blog berdasarkan kemampuan yang anda miliki.

Atau anda bisa menjawab beberapa bertanyaan berikut

1. Apa tujuan anda membuat blog?
2. Apakah blog anda menjadi sarana berbagi?
3.  Apakah blog anda digunakan untuk usaha?

Silahkan fikirkan berdasarkan ability saudara karena jika anda memaksa membuat blog dengan tema yang tidak anda kuasai maka konsekwnsinya seperti yang saya bilang sebelumnya

Banyak para pemula yang ikut-ikutan membuat blog yang tidak mereka kuasai ilmunya karena tergiur dengan blog-blog yang sukses.

Apa Tema Blog Anda?

Bagaimana apakah anda sudah mendapat pencerahan tentang cara memilih tema blog? Jika belum berikut akan saya berikan list dari tema-tema blog yang umum, silahkan pilih berdasarkan basik atau kemampuan dan pengetahuan anda

•    Musik
•    Olahraga
•    Berita
•    Otomotif
•    Hiburan
•    Seni
•    Bisnis
•    Referensi
•    Edukasi
•    Game
•    Komputer
•    Rekreasi
•    Internet
•    Blogging
•    Agama
•    Sosial
•    Pribadi
•    Dll

Anda bisa memilih dua atau lebih tema blog yang masih saling berhubungan, contoh biasanya tema internet bisa berkaitan dengan tema blogging dll, sebaiknya pilih yang berkaitan dengan hobi anda agar blog anda akan bermanfaat dan tidak sia-sia.

Semoga semuanya bisa membantu anda dan selanjutnya anda anda perlu mempelajari cara meriset kata kunci untuk membantu membangun blog yang powerfull.

Tips Membuat Artikel yang Baik dan Berkualitas

Bagaimana cara membuat artikel yang baik dan berualitas seo? Jawabannya tentu saja masih berkaitan tentang postingan sebelumnya yaitu dengan cara memasukan kata kunci yang sudah kita pilih sebelumnya. Jika belum mengetahu tentang cara memilih kata kunci bisa baca artikel sebelumnya CARA MEMILIH KATA KUNCI

Setelah memdapatkan banyak kata kunci dan akan di buatkan artikel kita harus memperhatikan faktor-faktor penting berikut:

1# Memilih Judul Artikel

• Jika anda sudah mahir memilih kata kunci pasti anda bisa memvariasikan kata kunci tersebut untuk dibuat judul artikel. Sebaiknya panjang judul artikel sekirtar 5-7 kata. Karna semakin panjang akan semakin berkurang kualitas kata kunci didalamnya. Jika anda akan membuat judul artikel yang heboh jangan sampai mengorbankan kata kunci di dalamnya. Sebagai contoh, jika judul artikelnya “Harga sepatu olahraga turun lagi diskon sampai 50 persen” cukup diganti “Heboh! Sepatu Olahraga Diskon 50%”.

2# Memilih URL Artikel

• Jika anda perhatikan di halaman untuk membuat artikel di sebelah kanan ada menu bernama Tautan Permanen, itu fungsinya adalah menentukan URL artikel yang anda buat tetapi jika judul artikel anda terlalu panjang maka biasanya judul tidak akan dimuat semua, anda bisa merubah url artikel anda dengan cara mengklik menu tautan permanen dan akan terbuka seperti gambar berikut:

• Anada cukup mengetikan bagian terahir dari URL atau judul arikel yang sangat panjang. Jangan lupa dihubungkan tengan tanda (-). Dengan begitu URL akan lebih SEO.

3# Tandai Setiap Artikel Dengan Label

• Jika blog anda memiliki beberapa bahasan gunakan label sesuai jenis artikel yang anda buat untuk mengelompokannya. fungsinya agar membantu aliran page rank ke halaman-halaman artikel blog anda.

4# Membuat Artikel Yang Teroptimalisasi

• Sebaiknya dalam membuat artikel ikuti aturan-aturan berikut ini:

          •  Panjang artikel minimal 500 kata.
          •  Setiap kata kunci minimal diulangi sebangayak tiga kali (pembuka, isi, penutup).
          •  Kata kunci yang paling awal di tebalkan atau di miringkan.
          •  Gunakan bahasa yang baku agar jika di terjemahkan kedalam bahasa lain bisa terindex

5# Menambahkan  Gambar Didalam Artikel.

• Artikel yang bagus biasanya menggunakan gambar yan sesuai dengan tema artikel tersebut dan juga menggambarkan artikel tersebut. Pastikan gambar anda tidak terlalu besar, karena bisa mempengaruhi loading halaman. Bagi pemakai blogspot, gambar diupload saat menulis artikel, dan jangan dihosting di image hosting yang lain. Karena kadang hosting lain tidak bisa mengimbangi kecepatan laoding gambar dari blogspot pada jam-jam sibuk.

6# Memasang Link Didalam Artikel

• Jika ada artikel yang berkaitan antara satu dan yang lainnya anda bisa memasang link dan ikuti tips berikut:
• Pastikan semua link terbuka di tab baru
• Usahakan minimal ada dua link yang menuju ke artikel anda yang terkait.

7# Pastikan Artikel Anda Mampu Menjawab masalah Atau Memberikan Informasi Yang Sedang Di Cari Pembaca

• Ini bertujuan agar pembaca tertarik membaca artikel yang lainnya karna artikel anda mampu membearikan informasi yang mereka cari dan mereka anak datang berkali-kali ke blog anda.ini sangat baik agar page rank blog anda meningkat.

8# Memasang Meta Tag Title

• Pasanglah meta tag titel sehingga artikel anda akan terindeks oleh search engine.

Poin-poin di atas dapat membantu anda untuk meningkatkan kualitas artikel-artikel yang akan anda buat, dan muda-mudahan bisa membuat artikel blog anda terindeks lebih baik lagi. Selanjutnya setelah anda membuat artikel yang baik dan berkualitas maka anda perlu membaca TIPS AGAR ARTIKEL CEPAT TERINDEX OLEH GOOGLE

Begitulah kurang lebihnya cara membuat artikel yang berkualitas SEO semoga bermanfaat.
salam blogger.

Trik Baru Daftar Google Webmaster Tools

Google webmster tools  adalah salah satu fitur gratis yang di berikan google untuk memaksimalkan website atau blog kita, fitur yang bisa di gunakan antara lain: untuk mengamati top search Keyword, dominasi keyword di blog, masalah brokn link, crawls eror dll.  sebagai blogger baru anda wajib mendaftarkan blog anda kepada Google webmaster karena ini adalah salah satu hal penting untuk blog anda.

jika blog anda menggunakan flatform blogger atau blogspot berbahagialah karena anda akan mundah dalam pendaftaran google web master. anda cukup menggunakakn gmail anda untuk login.

Melakukan Site Verivication

• Setelah anda login maka pada halaman beranda webmaster akan tampil blog anda meliputi nama url blog dan gambar blog anda >> Pilih MANAGE SITE atau KELOLA SITUS di sebelah kanan.
• selanjutnya klik ADD OR REMOVE USER atau TAMBAHKAN ATAU HAPUS PENGGUNA. Umumnya jika blog anda mengunakan blogger secara otomatis sudah terverivikasi.
• Silahkan cari Link VERIFY USING A DIFFERENT METHOD atau VERIVIKASI MENGGUNAKAN METODE LAIN.
• Pilih Add a meta tag on your site's home page atau tambahkan tag meta ke beranda situs anda >>  kopy dan simpan kode html yang di berikan.
• Silahkan letakan kode yang anda kopy tadi tepat dibawah <Head> template anda.
• simpan template anda.
• jika sudah tersimpan kembali ke jendela google webmaster dan klik VERIFY di bagian bawah halaman.
• jika anda melakukan dengan benar maka akan ada pemberitahuan SUCCESS.

Submit Sitemap/peta situs

• kembali ke halaman beranda Google webmaster
• Klik pada link url atau alamat blog anda
• pilih peta situs
• pada halaman peta situs pilih tambahksan/uji peta situs
• masukan peta situs dibawah ini:

feeds/posts/default
feeds/posts/default?alt=rss
/atom.xml?redirect=false&amp;start-index=1&amp;max-results=500

• setelah anda submit biasanya akan tampil seperti gambar di atas
• selesai

Baca cara membuat peta situs untuk blogspot agar blog anda amemiliki sitemap
pelajari selengkapnya cara membuat sitemap untuk blog anda,
cara membuat sitemap atau peta situs untuk blogspot

blog anda sudah memiliki site map dan sudah terdaftar di google webmaster.

demikian cara mendaftar google webmaster tools untuk blog anda, mudah-mudahan bisa membantu blog anda agar lebih cepat terindex

Tips Cara Agar Artikel Cepat Terindex Google

Tips Agar Artikel Cepat Terindex Google - Pada Umumnya setelah kita membuat posting artikel baru kita tidak terindex langsung oleh google. jika teman-teman tidak percaya silahkan saudara cek sendiri dengan cara ketik "site:url anda" di kolom search google, temukan apakah artikel yang barusan anda posting apakah sudah terindex atau belum jika tidak ada berarti artikel anda belum terindex.

Butuh Berapa lama agar artikel baru terindex?

setiap artikel memiliki waktu untuk di index berbeda-beda, yang paling cepat adalah satu jam setelah postingnan baru di buat. bahkan ada juga yang sampai satu minggu blum terindex.

berdasarkan hal di atas maka kita perlu mendaftarkan atau memberi tau google bahwa kita mempunyai artikel baru dengan cara submit artikel kita.  untuk mendaftarkan artikel baru kita ikuti langkah-langkah berikut ini.

Tips Agar Artikel Cepat Terindex Google

1. Buka Google add url atau klik Google Crawl URL agar lebih mudah.

2. Pada kolom URL masukan url artikel baru anda.

3. Masukan Kode CAPTCHA yang di berikan

4. Terahir klik Kirim Permintaan>> Selesai

Ket:

• Artikel anda akan terindex skitar dua sampai lima jam.
• Lakukanlah langkah-langkah ini setiap anda membuat artikel baru agar artikel anda cepat terindex.

Agar hasilnya maksimal silahkan submit sitemap atau peta situs pada google webmaster

silahkan submit sitemap untuk blogspot

Sekian dulu tentang tips agar artikel cepat terindex google, semoga bisa membantu anda dan trimakasih telah mampir.

Cara Membuat Artikel Terkait / Related Post Untuk Blogger

Artikel terkait / Related post sangat bermanfaat untuk para pengunjung blog anda, karena akan memudahkan pengunjung untuk membaca artikel-artikel yang masih mempunyai topik yang sama. Bahkan jika anda perhatikan ketika anda menggunakan google search di bagian bawah ada beberapa saran pencarian yang masih berhubungan  dengan artikel atau sesuatu yang sedang anda cari, saya berkesimpulan itu adalah sesuatu yang hampir sama fungsinya dengan related post atau artikel terkait tetapi mungkin beda penamaan saja.

setelah mengetahui beberapa hal diatas jadi saya setuju dengan para master seo bahwa memasang related post atau artikel terkait adalah salah satu tehnik seo yang disarankan, karena google pun menggunakan hal yang sama.

Selanjutnya jika anda tertarik untuk memasang artikel terkait / related post ikuti langkah-langkah yang saya berikan. Gambar di bawah adalah contoh related post yang akan saya jelaskan cara memasangnya.

Cara membuat related Post

1. Masuk ke Blogger >> Template

2. Pilih EDIT HTML >> Tunggu sampai Kode HTML terbuka

3. Temukan kode ]]></b:skin> dan letakan kode dibawah tepat di atasnya.

/* Belajar blog dan seo Related Posts --- */
    .related-post .post-thumbnail {
    z-index: 1;
    position: relative;
    width: 98px;
    height: 98px;
    margin: 0;
    display: block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 5px #444;
    -moz-box-shadow: inset 2px 2px 5px #444;
    box-shadow: inset 2px 2px 5px #555;
    }
    .related-post {
    float: left;
    position: relative;
    width: 98px;
    height: 98px;
    margin: 0 10px 10px 0;
    background: #F6F6F6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }
    .related-post .related-post-title {
    display: none;
    float: left;
    background: #000;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    top: -20px;
    left: 40px;
    z-index: 2;
    width: 200px;
    -webkit-box-shadow: 0 0 2px #444;
    -moz-box-shadow: 0 0 2px #444;
    box-shadow: 0 0 2px #444;
    }
    .related-post:hover .related-post-title {display: block;}

4. Selanjutnya cari kode yang mirip dengan kode dibawah >> cari kode yang pertama dan jika tidak ada cari kode-kode selanjutnya.

<div class='post-footer'>
        <div class='post-footer-line post-footer-line-1'/>
          <div class='post-footer-line post-footer-line-2'/>
          <div class='post-footer-line post-footer-line-3'/>
        </div>
      </div>

5. Jika anda sudah menemukan kode yang mirip dengan kode diatas, copy kode dibawah tepat dibawah kode di atas.

<div id='related-posts'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>//<![CDATA[
    var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
    var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjayyOAxwml6B2-xzEAGhJQuFtKkkIsN23W0Qe1CiRBxDKeqwfK6AT5IrbSK_TNbxKPWRHdMdGRhNdxZ1bsFLgwFYvLcvj73W8xqiXsaHPy9cw9z1ICK3CzIoLDUxTe6lKDTKKGHzoLLR64/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
    //]]></script>
    <b:loop values='data:post.labels' var='label'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
    </b:loop>
    <script type='text/javascript'>var maxresults=6;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
    </b:if>
    </div>
    <div class='clear'/>

Keterangan:

• Warna Orange Bisa anda sesuaikan dengan ukuran template anda
• warna Merah Jumlah artikel yang akan anda tampilkan.

6. Simpan Template anda >> Selesai

Sekarang template anda sudah memeliki artikel terkait atau related post untuk memudahkan pengunjung menjelajahi blog anda.

semoga bermanfaat trimakasih telah mampir ke blog ini.

Trik Seo Cara Membuat Breadcrumbs

Cara membuat breadcrumbs sangat mudah karena hanya memodifikasi template kita saja. Banyak para ahli seo yang percaya bahwa breadcrumbs adalah salah satu trik seo yang cukup ampuh karena trik breadcrumbs bisa membantu googleboot untuk lebih mudah mengenali struktur dari blog kita.

Dan ahirnya sampai sekarang pun tehnik bradcrumbs ini masih sangat populer dan hampir semua blog atau website memakai trik breadcrumbs ini. Untuk template dari penyedia-penyedia gratisan biasanya belum dilengkapi breadcrumbs sehingga anda perlu memasangnya sendiri.

Untuk yang tertarik dengan trik breadcrumbs ini dan ingin menggunakannya pada blog anda silahkan ikuti langkah-langkah berikut.

Cara memasang breadcrumbs

• Pada halaman dashboar blog anda pilih menu TEMPLATE
• Cari kode ]]></b:skin (gunakan Ctrl+F untuk mempermudah pencarian)
• Jika sudah menemukan kode tadi letakan kode dibawah ini diatas ]]></b:skin.

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

• Setelah selesai cari kode seperti dibawah:

<b:includable id='main' var='top'>

•  Ganti kode diatas dengan kode dibawah:

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

• Simpan template anda.

Untuk mengeceknya silahkan buka salah satu artikel diblog anda jika breadcrumbs berhasil dipasang maka akan ada seperti di gambar berikut:

Jika tanda blog anda terlihat seperti di atas maka anda sudah merhasil memasang breadcrumbs dan secara tidak langsung anda juga sudah menerapkan salah satu kriteria template yang seo.

Dengan demikian selesai sudah trik seo cara membuat breadcrumbs, semoga bermanfaat untuk semua.

Trik Seo Cara Membuat Dynamic Heading

Bagaimana cara membuat dynamic heading? Mungkin itu menjadi pertanyaan para blogger pemula. Semakin banyak para blogger yang tertarik mengunakan trik menggunakan dynamic heading karena metode ini adalah salah satu trik seo yang sangat mudah diterapkan.

Pada dasarnya trik ini adalah merubah tag heading kita sesuai dengan rekomendasi dari google agar template kita lebih seo dan mudah di kenali oleh search engine.

Jika tertarik untuk membuat dynamic heading untuk blog anda silahkan fahami beberapa pembahasan berikut ini.

Mengatur title tag

Pada umumnya template standar memiliki title tag <judul blog:judul postingan>, salah satu contoh adalah blog “JALU CELL”. Dalam blog ini semua susunan title tag-nya judulblog:judulpostingan. Salah santu contohnya adalah “Jalu Cell: Harga Hp Blackbery Gemini dan spesifikasi lengkap”. Hal ini disayangkan karena hampir tidak anda para pengguna internet yang mencari kata kunci JALU CELL sebaliknya banyak pengguna internet yang mencari kata kunci harga hp blackberry. Berdasarkan kasus di atas lebih baik tag title blog kita memperlihatkan judul postingan kita saja.

Jika tertarik untuk merbah tag title blog anda menampilakan judul artikel saja silahkan baca artikel tentang cara pasang meta description title tag

Mengatur Header Halaman

Untuk mengatur header halaman silahkan ikuti aturan berikut

• Pada dashboard blog anda pilih menu TEMPLATE
• Selanjutnya pilih EDIT HTML
• Kemudian cari kode <b:include name='title'/> ingat gunakan ctrl+F untuk mempermudah. Biasanya akan ada lebih dari satu kode seperti ini saya sarankan mulai dari kode yang paling bawah, dan biasanya ada 3 sampai 2 kode seperti ini. Ganti kode <b:include name='title'/> dengan kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>

• Simpan perubahannya dan cek apakah judul pada halaman artikel anda sama seperti judul artikel yang sedang anda buka. Jika belum silahkan rubah kembali kode di atas dengan kode awal, dan ulangi tahapannya.

Mengatur Judul Artikel

Template pada umumnya menggunakan H3 untuk judul postingan, berdasarkan rekomendasi Google judul yang seo adalah menggunakan H2 sehingga kita perlu merubahnya.

Silahkan ikuti langkah-langkah berikut untuk merubag H3 menjadi H2:

• Cari semua kode <h3 class='post jika sudah ketemu ganti gode tersebuat menjadi <h2 class='post
• ubah juga end tag </h3> menjadi </h2>
• Simpan template anda

Dengan selesainya trik di atas maka anda sudah berhasil merubah komponen yang penting dalam blog anda dan blog anda sudah lebih seo. Semoga tutorial membuat dynamic hading ini bisa beranfaat.

Cara Memasang Meta Description, Tag Title, Dan Tag Heading Di Tiap Artikel

Title Tag, Heading Tag dan Meta description adalah salah satu trik seo yang banyak dimanfaatkan, oleh sebab itu setiap artikel harus mempunyai tag heding dan title maupun meta description yang berbeda agar google mengenali setiap artikel anda. Banyak sekali perbedaan antara para master seo tentang cara atau penerapan dalam kasus ini, saya akan beberkn tutorial ini berdasarkan hasil penelitian atau uji coba.

TITLE TAG

Pastikan title tag anda seperti di bawah ini

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>

untuk mengetahui apakah title tag anda seperti diatas atau tida anda bisa menggunakan langkah-langkah berikut ini

• Pada dashboard blog anda pilih menu TEMPLATE
• Klik tombol EDIT HTML
• Akan muncul kotak yang berisi kode-kade html
• Letakan kursor anda di dalam kotak tersebut, cari kode <title>
• Jika kesulitan tean Ctrl+f di keyboard anda.
• Jika sudah ketemu silahkan cek kode yang berada di antara <title> dan </title> apakah sama seperti kode title tag di atas.
• Jika belum hapus kode dari, <title> sampai </title>  dan ganti denagn kode tag title yang di atas.
• Klik simpan.

Sekarang anda sudah berhasil memasang title tag.

META DESCRIPTION

Silahkan ikuti langkah berikut untuk memasang meta decription untuk setiap artikel anda.
• Pilih menu SETELAN pada dashboard blog anda
• Pilih pengaturan PREFERENSI PENELUSURAN
• Aktifkan pilihan TAG META DESCRIPTIONS
• Masukan tentang deskripsi atau gambaran singkat tentang blog anda.
• Simpan peribahan.

klik untuk memperbesar gambat

Untuk memaksimalkannya, ketika anda membuat artikel baru pada menu di sebelah layar kanan anda akan ada menu deskripsi penelusuran, setelah selesai menulis artikel, melabeli artikel dan menentukan permalink jangn lupa untuk mengisi deskripsi penelusurana. Masukan deskripsi singkat tentang artikel yang anda buat setelah itu klik selesai. Dan publishkan artikel anda.

HEADING TAG

Untuk tutorial ini relatif lebih mudah karean anda tinggal memilih apakah sub-sub di artikel anda judul atau sub judul. Jika itu judul maka anda tinggal pilih HEADING jika itu sub judul maka tinggal pilih SUB HEADING.

Karena menambahkan Title Tag, Tag Heading, dan Meta description sangatlah mudah maka usahakan setiap artikel anda mempunyai ketiga hal tersebut.

Sekian dulu dari saya semoga bisa bermanfaat dan trimakasih sudah mampir membaca.