Membatasi Jumlah Posting yang Tampil pada Label

Cara Membatasi Jumlah Posting yang Tampil pada Label

Kita dapat mengatur berapa jumlah posting yang ingin ditampilkan di halaman beranda atau home pageblog kita. Apakah kita juga dapat membatasi jumlah posting yang tampil dalam satu halaman ketika sebuah label diklik? Jawabannya bisa.

Memang sebuah label jika diklik akan menampilkan semua posting di bawah label tersebut. Bila sebuah label telah mempunyai jumlah posting yang cukup banyak, tentu hal ini akan membuat loading blog terasa berat, kita batasi saja jumlah posting yang tampil di satu halamannya sesuai dengan keinginan kita.

Untuk membatasi jumlah posting yang tampil dalam satu halaman saat label diklik, kita perlu menambahkan kode pembatas seperti di bawah ini.

+ "?max-results=5"

Angka 5 di atas menunjukkan berapa banyak jumlah posting yang ditampilkan per halamannya. Silakan ganti sesuai dengan keinginan Anda.

Berikut ini akan kita praktikkan di template blog kita. Namun, sebelumnya pastikan bahwa Anda sudah memasang widget label di sidebar blog Anda. Labelnya bisa label berbentuk daftar atau list atau label yang berbentuk cloud.

1. Masuk ke akaun Blogger Anda.
   
   
2. Klik Rancangan > Edit HTML.
   
   
3. Klik Download Template Lengkap untuk mem-back up template. Hal ini dilakukan untuk mengantisipasi kalau nanti terjadi kesalahan dalam pengeditan.
   
   
4. Beri tanda centang pada Expand Template Widget.
   
   
5. Cari kode seperti di bawah ini. Gunakan Ctrl + F untuk memudahkan pencarian.
   
   <ul><b:loop values='data:labels' var='label'>
           <li>
             <b:if cond='data:blog.url == data:label.url'>
             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
             <b:else/>
               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
             </b:if>
             <b:if cond='data:showFreqNumbers'>
               <span dir='ltr'>(<data:label.count/>)</span>
             </b:if>
           </li>
         </b:loop>
         </ul>
   
   
6. Tambahkan kode pembatas + &quot;?max-results=5&quot;
   
   
7. Sehingga hasilnya akan seperti di bawah ini.
   
   <ul>      <b:loop values='data:labels' var='label'>
           <li>
             <b:if cond='data:blog.url == data:label.url'>
               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
               <b:else/>
               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&
               quot;'><data:label.name/></a>
              </b:if>
             <b:if cond='data:showFreqNumbers'>
               <span dir='ltr'>(<data:label.count/>)</span>
             </b:if>
           </li>
         </b:loop>
         </ul>
   
   
8. Kode di atas adalah kode untuk label yang berbentuk list. Sedangkan untuk labelcloud, silakan cari  kode seperti di bawah ini. Letaknya di bawah kode label list.
   
   <b:loop values='data:labels' var='label'>        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
             <b:if cond='data:blog.url == data:label.url'>
               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
             <b:else/>
               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
             </b:if>
             <b:if cond='data:showFreqNumbers'>
               <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
             </b:if>
           </span>
         </b:loop>
   
   
9. Tambahkan kode pembatas + &quot;?max-results=5&quot;
   
   
10. Maka hasilnya akan tampak seperti di bawah ini.
    
    <b:loop values='data:labels' var='label'>        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
              <b:if cond='data:blog.url == data:label.url'>
                <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
              <b:else/>
                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'><data:label.name/></a>
              </b:if>
              <b:if cond='data:showFreqNumbers'>
                <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
              </b:if>
            </span>
          </b:loop>
    
    
11. Klik tombol SIMPAN TEMPLATE.
    
    
12. Selesai.
    
    

Cara di atas berlaku pada sebuah label yang diklik di widget label, baik label daftar atau label cloud. Namun, untuk link label yang terdapat di menu navigasi breadcrumbs dan post footer line, link label tersebut bila diklik masih menampilkan semua posting. Nah, bila Anda ingin membatasi juga jumlah posting yang tampil pada label di kedua lokasi tersebut, silakan simak langkah-langkahnya di bawah ini.

1. Lakukan langkah no. 1 - 4 pada langkah di atas.
2. Cari kode seperti di bawah ini  atau yang mirip dengan kode tersebut, yaitu kode untuk menu navigasi breadcrumbs.
   
   <div id='breadcrumbs'>
   
   Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
   
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if>
   
   </b:loop>
   
   </b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
   
   </div>
    
3. Tambahkan kode pembatasnya, maka hasilnya seperti di bawah ini.
   
   <div id='breadcrumbs'>
   
   Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
   
   <a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if>
   
   </b:loop>
   
   </b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
   
   </div>
    
4. Cari kode seperti ini di bawah ini atau yang mirip dengan kode tersebut, yaitu kode untuk label pada post footer line.
   
   <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
           <b:if cond='data:post.labels'>
             <data:postLabelsLabel/>
             <b:loop values='data:post.labels' var='label'>
               <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
             </b:loop>
           </b:if>
         </span> </div>
    
5. Kemudian tambahkan kode pembatasnya, maka jadinya akan seperti di bawah ini.
   
   <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
           <b:if cond='data:post.labels'>
             <data:postLabelsLabel/>
             <b:loop values='data:post.labels' var='label'>
               <a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
             </b:loop>
           </b:if>
         </span> </div>
    
6. Klik tombol SIMPAN TEMPLATE.
7. Selesai.

Read more »

Membuat Breadcrumb Di Blogspot Dan Terindex Di Google

Cara Membuat Breadcrumb Di Blogspot Dan Terindex Di Google :

Dulu sempet bingung juga dengan penilaian google di SREP-nya yang menampilkan beberapa URL artikel sebuah blog yang disertai dengan kategori atau jika di blogger yaitu label.
Sebagai contoh :

• Kalu URL biasanya yang tampil di SREP begini nih : http://www.ceprot.com/2011/12/wanita-jilbab-tercantik-di-dunia.html
• Kalu udah jadi URL yang luar biasa begini (label terindex google) : www.ceprot.com › Wanita Cantik

Nah jika pengen lebih jelasnya lagi lihat gambar di bawah ini :

Karena penasaran dan tentunya ingin sekalai memiliki blog dengan kelebihan URL yang tampil di SREP seperti gambar diaatas,waktu itu aku langsung googling nyari tutorial  Cara Membuat Breadcrumb Di Blogspot Plus Terindex Di Google.Namun dari beberapa blog yang kutemui tidak ada yang membahas tentang kapan google bisa menyertakan kategori atau label di SREP.Hingga pada akhirnya aku terkapar disebuah blog yang namanya lupa lagi :D .Di blog  itu memang membahas tentang Breadcrumb yang terindex google,tapi si pemiliki blog itupun tidak tahu kapan google akan menampilkan sebuah halaman di SREP seperti gambar di atas.Cuman dia  mejelaskan jika persyaratan agar label atau kategori ingin tampil di SREPadalah :

1. Blog wajib memasang breadcrumb.
2. Blog yang breadcrumbnya akan di index google minimal ber-PR3
3. Umur blog udah diatas 1 tahun.

Dari penjelasan diatas  aku bisa sedikit menyimpulkan jika ingin label atau kategori bisa terindex  google ternyata memerlukan kesebaran.

Aku praktekin aja tuh langsung  saran diatas pada blog wp ku yang kebetulan blog tersebut ber PR4 dan umurnya juga udah hampir 2 tahun.Tapi setelah hampir 9 bulan dari itu,blog PR4 ku tetap saja tampilan URL di SREP google tampil seperti sebelum aku memasang breadcrumb .. Capek dech :P.

Seminggu yang lalu aku iseng jalan jalan ke blog pavoritku di luar sana untuk mencari lagi tutorial ,dan tenpa disengaja aku melihat  artikel terbaru berjudul cara agar label atau kategori terindex google.Dan setelah aku baca, kesimpulannya jika  label atau kategori ingin cepat terindex google ternyata tidak diwajibkan blog tersebut memiliki PR tinggi atau umur,walhasil blog baru juga bisa,aslkan kode breadcrumb yang dipasangnya benar sesuai yang disarankan google.Anda ingin tahu bagaimana caranya?.. Ok,,, akan coba saya jelaskan sekarang.

Untuk blog wordpress kalau gak mau ribet pake aja plugin RDFA,caranya masuk ke wp-admin-plugin lalu pada kotak pencarian masukan kata kunci RDFA,Jangan lupa cara instalnya dibaca.

Kalau gak mau pasang plugin,silahkan pelajari disini

Untuk blogspot silahkan ikuti caranya dibawah ini :

login ke blogger.
   Masuk ke dasbord >> rancangan >> edit HTML (gunakan 'ctrl+f' untuk mempermudah)
   Cari kode HTML ]]></b:skin> (gunakan 'ctrl+f' untuk mempermudah)
   Masukan kode CSS dibawah tepat di atas kode ]]></b:skin>
   .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%;
   line-height:1.4em; border-bottom:3px double #e6e4e3;}

Setelah itu cari kode ini :

<b:include data='top' name='status-message'/>

Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/>  lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/>  . Hasilnya nanti seperti ini.

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>

Jika di template anda kode <b:include data='top' name='status-message'/>  ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/>  ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini .

<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>

Langkah selanjutnya silahkan cari kode <b:includable id='main' var='top'> . Kalau sudah ketemu letakan kode dibawah ini tepat diatas kode <b:includable id='main' var='top'> .

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Read more »

Membuat Scroll pada Blog Archive

Cara membuat scroll pada Archive Blog sangat lah gampang dan mudah, sekarang saya akan membahas tentang cara membuat atau memasang scroll pada Archive Blog, namun kali ini sedikit berbeda, tips cara memasang scroll ini dapat diaplikasikan pada widget lain di Blogspot, seperti scroll untuk label, daftar link, archive, dan juga widget lainnya

Cara membuat scroll pada widget Archive Blog tersebut adalah sbb :

1. Log in ke Blogger
2. Masuk ke Rancangan
3. Edit HTML (centang kotak expand widget template)
4. Misalkan kita akan memberi fungsi scroll pada archive blog, maka sobat cari kode seperti dibawah ini

<b:widget id="BlogArchive1" locked="false" title="Arsip Blog" type="BlogArchive">

Cari yang mirip dengan kode diatas
5. Setelah ketemu sobat pasang kode dibawah ini tepat diatas kode ]]></b:skin>

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

6. Simpan template dan silahkan sobat lihat hasilnya

Catatan : height:200px; adalah untuk tingginya, jadi silahkan sobat sesuaikan sendiri sesuai dengan kebutuhan di Blog sobat.

Read more »

On Page Seo dan Off Page Seo

Ada dua cara untuk mengoptimalisasi blog (halaman situs) kita agar di sukai oleh robot mesin pencari, yaitu pengoptimalan dari dalam atau yang lebih di kenal oleh para webmaster dengan SEO on Page dan pengoptimalan dari luar atau SEO Off Page. Jika kedua cara tersebut dilakukan dengan cermat dan tepat, saya yakin halaman blog atau website Anda akan mendapatkan peringkat yang sangat baik dalam search engine.

Dan berikut ini akan saya jelaskan secara rinci tentang SEO on Page dan SEO off Page:

1. SEO ON PAGE
Tehnik Seo on page sendiri pada umumnya bisa di terapkan dalam kegiatan blogging yang kita lakukan sehari-hari. SEO ON PAGE meliputi modifikasi konten, memasang meta tag yang relefan, teks jangkar, link internal, navigasi, pembuatan sitemap, dan konvensi penamaan. Setiap tindakan fine-tuned secara signifikan meningkatkan nilai relevansi dari suatu halaman, yang juga berarti meningkatkan peringkat di dalam mesin pencarian. Semua tindakan SEO ON PAGE di lakukan pada halaman, bukan terhadap faktor dari luar halaman.

2. SEO OF PAGE
Sedangkan SEO OFF PAGE berarti optimalisasi yang dilakukan di luar halam. Dan SEO OFF PAGE sendiri meliputi membangun backlink yang relevan ke halaman atau home page situs/blog kita dari berbagai web yang di percaya oleh mesin pencari. Backlink yang berkualitas akan memberikan efek yang luar biasa dalam meningkatkan peringkat dalam mesin pencari seperti Google sebagai contohnya. Kita bisa membangun backlink dengan cara mendaftarkan blog atau situs kita ke berbagai situs social bookmark atau web directory, atau kita juga bisa mendapatkan sebuah backlink dengan melakukan blogwalking ke blog atau situs yang berkaitan dengan tema (category) blog atau situs kita.

Jika kedua cara di atas di padukan dengan benar dan tepat, saya yakin blog atau Situs anda bisa menjadi nomor 1 di Search Engine

Read more »