Bagaimana cara membuat Daftar Isi terbaru berdasarkan pengelompokan per-label ? - Di dalam fasilitas blogspot sudah tersedia Gadget untuk membuat daftar Posting Terbaru. Untuk membuat Posting Terbaru per label pun sebetulnya juga ada, yaitu melalui menu gadget feed. Namun Daftar Posting Terbaru Per-Label lewat Gadget Feed di blogspot hanya di batasin maksimal 5 posting saja per-labelnya.
Kali ini saya coba cara lain yang lebih mudah di custom, termasuk bisa membuat daftar posting yang tampil bisa > 5 postingan.

Langkah-Langkah Membuat Daftar Posting Per-Label :

1.     Login ke halaman blogger
2.     Masuk ke menu "Tata Letak"
3.     Klik Tambah Gadget >> Pilih HTML/JavaScript
4.     Masukkan Kode di bawah ini dan SIMPAN

    <script style="text/javascript">
          var numposts = 5;
          var standardstyling = true;
    </script>
    <script type='text/javascript' src='http://coepoe.googlecode.com/files/label.js'></script>
    <ul><script src="http://Blogger-Coepoe.blogspot.com/feeds/posts/default/-/Tutorial%20Blogspot?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script></ul>

Catatan :
Perhatikan text yang berwarna Merah :

•     var numposts = 5, Angka 5 menunjukkan jumlah posting, bisa di ganti maksimal 999
•     Blogger-Coepoe.blogspot.com ,Silahkan ganti dengan blog atau domain sobat
•     Tutorial%20Blogspot  ,Adalah contoh Nama Label, silahkan ganti dengan label yang ingin sobat tampilkan sebagai daftar posting. Ingat spasi di tandai dengan %20.

Bagaimana caranya ? Ikuti langkah-langkah di bawah ini :

1.     Login ke Blogger
2.     Klik Rancangan -> Edit HTML
3.     Jangan lupa di simpan dulu sebelum di edit

Langkah 1 :

 
Cari Kode /* Header dan tempatkan kode di bawah ini persis di bawah kode /* Header

    #header {
    float:left;
    width:40%;
    margin: 0px;
    text-align: center;
    color:#ffcc66;
    }
    #header2{float:left; width:60%;}

Langkah 2 :

Cari kode yang mirip dengan di bawah ini :

    <div class='region-inner header-inner'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
    </b:section>
    </div>

Kemudian ganti dengan kode di bawah ini :

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
    </b:section>
    <b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
    <div style='clear:both;'/>
    </div><!-- end header-wrapper -->

SIMPAN template  dan SELESAI.

Begitulah sobat, silahkan di coba jika masih menggunakan template yang mana header-nya cuman ada 1 kolom. Fungsi 2 kolom widget di header ini adalah untuk penempatan space iklan atau lainnya.

Label Spoiler :

Copas Isi Spoiler Disini

Mungkin kalau kita terbiasa melihat forum-forum di internet semacam kaskus dan sebagainya, tidak asing melihat isi posting yang di spoiler yang fungsinya untuk menghemat space, terutama untuk posting yang panjang kebawah. Jika sobat masih belum paham, silahkan aja lihat script di bawah yang saya spoiler :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Label Spoiler </b>: <input value=" Buka " style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Copas Isi Spoiler Disini <br>
</div>
</div>
</div>

Di atas adalah contoh bentuk isi posting yang di spoiler. Lalu bagaimana cara membuatnya ?

•     Copy paste script diatas di antara postingan
•     Teks "Copas Isi Spoiler Disini" >> Isi dengan text kalimat/ gambar /url gambar yang ingin di spoiler
•     Text "Label Spoiler" bisa di ganti sesuai judul spoiler dari kutipan isi posting yang di spoiler
•     Text "Buka" dan "Tutup" silahkan diganti dengan istilah lain

1.     Login ke blogspot
2.     Masuk ke "Rancangan" -> Edit HTML, Jangan lupa di download dulu untuk backup :)
3.     Centang expand widget templates
4.     Cari kode ]]></b:skin> (Bisa Gunakan Ctrl + F sebagai alat bantu)
5.     Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> 

        .breadcrumbs
        {
        padding:5px 5px 5px 0;
        margin: 0 0 5px;
        font-size:inherit;
        font-family: Georgia, trebuchet ms, Verdana;
        line-height: 1.4em;
        border-bottom:4px double #000000;
        }

    Kemudian cari kode <b:include data='top' name='status-message'/> kalau ada 2 maka copas kode berikut ini di atas semua kode  <b:include data='top' name='status-message'/>

        <b:include data='posts' name='breadcrumb'/>


    Sekarang cari kode <b:includable id='main' var='top'> kalau sudah ketemu paste kode berikut ini di atasnya

        <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'>
        <b:if cond='data:label.isLast == &quot;true&quot;'>
         &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
        </b:if>
        </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>

SELESAI !, dan jangan lupa simpan. Setelah di SIMPAN, silahkan di cek dulu blog sobat dengan menggunakan tools ini : Rich Snippets Testing Tool

 
Caranya mudah :
Masukkan salah satu URL postingan dari blog sobat, kemudian Preview hasilnya. Selamat mencoba dan praktekkan bagaimana cara membuat Navigasi Breadcrumb di blog.

Ok, mungkin timbul pertanyaan, kenapa dan apa untungnya membuat External Link sebaiknya No Follow, Mungkin tidak semua sependapat dengan saya karena pada kenyataannya justru banyak blog yang beraliran DoFollow, tapi berdasarkan referensi  yang saya ikuti di seoanalyser.net, setidaknya merekomendasikan agar blog tidak terlalu banyak External Link, kalaupun ada setidaknya bisa di set "NoFollow" untuk External Link" nya. Caranya bagaimana ? - Silahkan ikuti langkah-langkah di bawah ini :

1.     Login ke blogspot
2.     Masuk ke "Rancangan" -> Edit HTML, Jangan lupa di download dulu untuk backup
3.     Centang expand widget templates
4.     Cari kode </body>, Copy Paste kode di bawah ini persis di atas </body>, selanjutnya SIMPAN

    <!-- External Link No Follow -->
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery('a').each(function() {
    var href = jQuery(this).attr('href');
    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 ||
    href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
    jQuery(this).attr("rel", "nofollow");
    }
    });
    //]]>
    </script>
    <!-- End External Link No Follow -->

Sekarang sobat bisa uji blog sobat, perhatikan bahwa semua External Link akan NoFollow, silahkan cek dengan menggunakan tools Add Ons di mozilla.

Salah satu Teknik ONPAGE OPTIMIZATION adalah "Pemilihan Keyword yang tepat sesuai konten blog kita". Mungkin banyak blogger yang tidak terlalu pusing mikirin "Keyword" dalam setiap posting artikel termasuk Blogger Coepoe ini, kadang cuman pakai "feeling" aja ....., pokoknya keliatannya cocok dengan konten dan enak di baca, hajar saja ! hehehe.. :D, padahal keyword adalah sesuatu hal yg sangat penting dan kalau di garap dengan maksimal harusnya bisa mendongkrak traffic. Terlebih begitu banyak tool yang berkaitan dengan Riset Keyword mulai dari yang Gratisan sampai Berbayar, tapi tidak sedikit yang berpendapat tools-tools tersebut "omong kosong", karena pada dasarnya keyword selalu mengikuti trend, lokasi dan kadang sulit di prediksi. Contohnya kata kunci "Jualan Baju Online" akan melonjak drastis saat menjelang lebaran untuk lokasi di Indonesia tapi belum tentu di bulan-bulan lain atau lokasi di luar Indonesia.

Lalu bagaimana seharusnya kita menentukan kata kunci yang tepat ? Ada beberapa faktor yang perlu di perhatikan dalam memilih keyword adalah :

        Keyword di fokuskan pada kata kunci yang sering di cari orang. Percuma menduduki halaman pertama google, kalau kata kuncinya jarang di cari orang.

        Keyword harus disesuaikan dengan konten blog kita. Kalau blog kita adalah untuk jualan jersey klub bola, maka sebaiknya gunakan keyword yang berkaitan dengan jersey atau nama klub yang berkaitan. Jangan jualan Jersey tapi Keywordnya MP3 misalkan, bisa di anggap spam

        Keyword harus spesifik dan hindari penggunaan frase yang terlalu panjang. Contohnya : "Belanja Online Baju Grosir" terlihat lebih spesifik dibandingkan "Belanja" atau "Grosir", karena Belanja atau Grosir sangat umum bisa Belanja beras, belanja minuman dll.

Setelah menentukan beberapa pilihan keyword yang dianggap tepat, silahkan kalau mau mengujinya dengan menggunakan tools yang tersedia di internet. Ada banyak tools untuk membantu Riset Pemilihan keyword yang tepat.

Terkadang sewaktu kita CEK PR di beberapa penyedia layanan tersebut ada suka dan dukanya juga sebab kalau kita sudah melihat hasil  Page Rank kita tinggi ada rasa senangnya namun apabila Page Rank kita bertuliskan N/A atau 0 rasa kesal dan lemas pun datang. Namun setelah saya cari terus di google, akhirnya saya dapat beberapa kesimpulan bagaimana cara cepat menaikkan page rank blog atau website kita, adapun diantaranya adalah :

• Faktor Keberuntungan
• Konten atau artikel yang kebetulan disukai Google serta bermanfaat bagi orang lain atau sangat seo friendly.
• Artikel yang bukan hasil jiplak dari blog atau website orang lain.
• Berita-berita yang lagi ramai dan disukai orang,walupun kita copaz beritanya namun kita beri sentuhan sedikit bumbu dapur dan tidak lupa memberikan link sumbernya.
• Gabung di forum-forum baik itu di forum Google,Bing,Yahoo,atau forum-forum yang ber PR bagus.
• Submit artikel kebeberapa  penyedia layanan submit seperti Google, Bing dan Yahoo.
• Selalu Blogwalking dan komentar di site tetangga.
• Link exchange dengan blog atau website lain yang memiliki reputasi yang bagus.

Saya yakin bahwa denga cara diatas maka blog atau website kita akan diperhitungkan oleh Google dan itu sudah pernah saya terapkan dan hasilnya cukup menggembirakan. Nah sedangkan lewat buku-buku yang saya pelajari mereka meberikan saran agar kita Submit kepenyedia layanan RSS alasan mereka adalah karena RSS anak perusahaan yang dikelola oleh Google. 

Berikut  link-link yang bisa anda gunakan untuk mendaftarkan link RSS saudara sekalian :

1.      www.goldenfeed.com
2.      www.readablog.com
3.      www.5z5.com
4.       www.2rss.com
5.      www.feedbase.net
6.      www.aspin.com
7.      www.blogbunch.com
8.     www.daytimenews.com
9.      www.rsshugger.com
10.      www.rssbuffet.com
11.      www.feedage.com
12.      www.1800rssfeeds.com
13.      www.rssmad.com
14.      www.feednuts.com
15.      feedfury.com rss2.com
16.      www.feedbees.com
17.      rssmountain.com
18.      www.indofeed.com
19.      www.weblogalot.com
20.      www.solarwarp.net
21.       www.scienceport.org
22.      www.rssmotron.com
23.      www.rssmicro.com
24.      www.rssfeeds4you.com
25.      www.rss-network.com
26.      rss-feeds-submission.com
27.      www.pressradar.com
28.      www.rssfeeds.com
29.      www.plazoo.com
30.      www.octora.com
31.      www.millionrss.com
32.      www.jordomedia.com
33.      www.feedsee.com
34.      www.feedplex.com
35.      www.feedest.com
36.     www.feedboy.com

Semoga blog atau website anda akan cepat mendapatkan PR yang sangat bagus sesuai dengan yang anda harapkan dan tentunya yang saya harapkan juga.
Thanks.