proBlogiz

Solusi Kotak Komentar Hilang di Halaman Statis


Tip dan trik kali ini adalah Solusi Kotak Komentar Hilang di Halaman Statis, yaitu cara menampilkan kotak komentar atau threaded commnets di halaman statis, seperti di halaman About me, Link exchanges atau  halaman Tukar link. Kadang tanpa kita sadari  kotak komentar Blogger tidak muncul di halaman statis atau laman, ini tentu membuat kesal bagi yang ingin menampilkannya. threaded commnets di halaman statis memang sering menjadi salah satu problem umum di Blogger.

Cara ini sebenarnya didapat setelah saya mengalami problem yang sama, kotak komentar tidak muncul di halaman statis, pada saat itu saya ingin menampilkan pada halaman Tukar Link. saya mencoba membuat beberapa penambahan kode pada template saya dan hasilnya kotak komentar tersebut muncul di halaman statis saya.

Jadi pertama saya harus jelaskan bahwa ini salah satu cara atau solusi menampilkan  threaded commnets di halaman statis yang saya terapkan di blog saya, so bisa jadi  berhasil atau tidak, diterapkan di template Anda.
Namun tidak ada salahnya Anda mencoba cara ini jika mengalami hal yang sama. Perbedaan setiap template yang digunakan para blogger,memungkinkan Anda untuk mencoba banyak macam cara yang paling berhasil diterapkan di blog Anda.

Langkah Menampilkan Kotak Komentar di Halaman Statis

  • Masuk Blogger >>> pilih Template
  • Back Up Template >>> Unduh Lengkap Template
  • Klik Edit HTML >>> Cek "Expand Template Widget" Box
  • Tekan Control + F3 >>> Cari kode yang mirip dibawah ini :
  • fokuskan pada kode yang berwarna untuk mempermudah pencarian
<!-- posts -->
  <div class='blog-posts hfeed'>
 <b:include data='top' name='status-message'/>
<data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
      </b:if> 
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>
  • Setelah menemukan kode-kode diatas, gantilah kode yang berwarna merah dengan kode ini :
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
  • Dan tambahkan 2 tag  "</b:if>" diatas <b:if cond='data:post.includeAd'> 
Sehingga kode keseluruhan yang baru menjadi seperti ini :

<!-- posts -->
  <div class='blog-posts hfeed'>
 <b:include data='top' name='status-message'/>
<data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
  <b:if cond='data:blog.url != data:blog.homepageUrl'>
        <b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
      </b:if> </b:if> </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>
  • Kemudian Save Template
Ini akan menampilkan form komentar atau kotak komentar di semua halaman statis Anda. Langkah selanjutnya adalah mengatur dimana saja kotak komentar akan ditampilkan pada halaman statis Anda.

Sebagai contoh saya hanya ingin memunculkan kotak komentar di halaman Tukar Link saja, dan bukan di halaman statis yang lain, seperti About Me, Contact, Privacy Policy. Maka Anda harus mengaturnya di Editor Page / Laman Anda, caranya :
Pilih Laman >>> edit halaman dimana kotak komentar tidak mau dimunculkan
misalnya: halaman "Privacy Policy"
klik edit, kemudian pada menu Setelan Laman >>> Pilihan >>> Komentar Pembaca >>> pilih/cek " 
Dan klik Perbarui

Selesai !!!, sekarang kotak komentar telah ada pada halaman statis Anda
catatan :
Untuk mengetahui lebih lanjut cara menampilkan dan menyembunyikan widget, atau threaded, item lainnya pada halaman tertentu di blog Anda, silahkan baca Tampilkan Widget Pada Halaman Tertentu

Thanks., hope this triks can help you ,......

Read More

proBlogiz

Cek Google Update Pagerank (PR) Blog ( Terbaru )

My Pagerank UPGoogle kembali melakukan update PageRank berkalanya  pada 7 November 2012 waktu setempat, setelah update terakhir bulan Agustus lalu. Sebagian ahli Internet Marketing berpendapat ini adalah Mayor Update PR dari Google.   
Akan kemungkinan perubahan peringkat PR blog/web Anda, bisa mengalami kenaikan ataupun penurunan nomor peringkat, atau bahkan masih sama ( tidak mengalami perubahan peringkat ).
Jika Anda belum tahu tentang hal ini, Update Pagerank dari Google, dan tidak tahu peringkat terkahir PR blog Anda, 
Silahkan check PR blog Anda disini...


Untuk memeriksa pagerank dari blog/web, single post atau nama domain, silahkan masukkan URL nama  blog/web Anda, dan klik  tombol "Check PR". Contoh : "http://problogiz.blogspot.com"

Update Google Pagerank akan dilakukan setiap 3 bulan secara berkala, ini memberikan waktu bagi kita yang PR-nya mengalami penurunan drastis atau yang ingin memperbaiki peringkat pagerank dalam tiga bulan kedepan untuk melakukan sesuatu yang perlu.

Sejarah Google PageRank Update 

  • 07 November, 2012
  • 02 Agustus 2012
  • 04 Mei 2012
  • 6 Februari 2012
  • 7 November 2011
  • 04 Agustus 2011
  • Juli 2011
  • Juni 2011
  • Januari 2011
  • April 2010
  • 31 Desember 2009
  • 27 Mei 2009

Daftar 10 Website Dengan PR 10 (update)

  1. USA.gov – Alexa Rank: 6007
  2. Adobe Reader – Alexa Rank: 64
  3. HHS.gov – Alexa Rank: 11636
  4. AddThis – Alexa Rank: 163
  5. Europeana – Alexa Rank: 42788
  6. EUA.be – Alexa Rank: 290195
  7. Universitas 21 – Alexa Rank: 234315
  8. UN.org – Alexa Rank: 3509
  9. Twitter – Alexa Rank: 8
  10. Universia.es – Alexa Rank: 21003
Google Page Rank di-indikasikan dengan angka yang bervariasi dari 0 sampai 10, angka 0 menjadi peringkat page rank terendah  dan 10 menjadi peringkat page Google maksimum sebuah website. Sangat sedikit website/blog saat ini yang mempunyai peringkat page rank sempurna atau PR 10. Contoh diatas adalah daftar situs-situs yang memiliki Google PR 10 yang telah di-update baru-baru ini oleh Google dengan Peringkat  Alexa.

Jika kita lihat peringkat Alexa Rank pada website yang disebutkan di atas, pasti mereka mempunyai  lalu lintas/traffik yang sangat besar dan popularitas website yang tinggi. Tidak diragukan lagi, traffik rank merupakan salah satu faktor penentu peringkat di Google, tapi itu bukanlah satu-satunya. Karena kalau diamati kembali tidak mungkin website yang memiliki Alexa Rank dalam 6 digit atau bahkan 7 digit menyandang peringkat  page rank sempurna, PR10.

Jika Anda mengetahui ada website atau blog selain diatas yang memiliki pagerank sempurna 10, silahkan berbagi dan sharing di form komentar, saya akan menambahkan dalam daftar diatas.

Ulasan Update Google Pagerank

Setiap 3 bulan Google melakukan update pagerank serta dijelaskan bagaimana cara kerja Google PageRank yang baru, sistem algoritma popularitas Google's Page (update) . Ulasan yang diberikan oleh Matt Cutts, Head of Google Web Spam, berkaitan dengan bagaimana meningkatkan Google Pagerank.
Anda dapat membacanya melalui artikel-artikel berguna dibawah ini :
Akhirnya saya ucapkan Selamat bagi yang mengalami pengingkatan Pagerank, dan sebaliknya yang mengalami penurunan jangan putus asa masih ada waktu 3 bulan dari sekarang untuk Google Update Pagerank berikutnya.
Read More

proBlogiz


 Meningkatkan Peringkat Blog di Search Engine Kemarin seorang pembaca ada yang berkomentar di artikel Cara Mengetahui Posisi Posting di SERP Google ,  "ada rahasia lain gak mas bro untuk ikut kontes seo?????". Tentu dia bertanya  Cara Meningkatkan Peringkat Blog di Search Engine.  Sebenarnya ini tip untuk SEO dasar, yang sudah diulas di posting-posting sebelumnya, perlu Anda baca :   
Tapi baiklah tidak ada salahnya mengulang kembali dan juga sebagai update terbaru tip SEO on Page agar dapat traffik tinggi di blog/web kita. Untuk membahas topik ini saya akan membaginya dalam kategori pokok sebagai berikut :

Hal Dasar Dalam Meningkatkan Peringkat Blog di SERP

1. Tag Judul 

Judul harus berisi kata kunci dan frase kata kunci yang relevan dan berkaitan kuat dengan situs Anda. Maksimum yang disarankan jumlah karakter untuk tag judul ini adalah 60 karakter, harus ingat juga spasi dihitung juga.
Judul harus menarik dan unik buat pembaca agar dapat banyak klik di halaman Search Engine.
Judul yang biasa dan umum "handphone, blackberry, smartphone terbaik,  review balckberry " tidak mungkin dapat banyak klik. Mungkin Anda bisa membuatnya sedikit unik agar menarik pembaca untuk meng-klik,
misalnya:
Smartphone-Dapatkan gaya terbaru smartphone Samsung.

2. Deskripsi

Jumlah maksimum karakter yang disarankan untuk tag deskripsi ini adalah 150 karakter. Jika menggunakan deskripsi terlalu panjang hanya akan dipotong oleh search engine Cobalah untuk mengulang kata kunci yang digunakan dalam judul Anda dengan kalimat yang tepat.

3. Kata kunci

Jumlah karakter maksimum untuk kata kunci yang disarankan adalah 250 karakter.Jika memasang kata kunci terlalu banyak juga dapat dianggap spamming. Pastikan kata kunci Anda selalu fokus pada apa yang menjadi topik situs Anda.
Jangan berpikir bahwa jika saya menggunakan berbagai macam kata kunci yang berbeda akan lebih baik, tidak !!!. Terutama jika situs Anda adalah situs menjual sebuah produk, target pemasaran terkait erat dengan kata kunci Anda.

4. Head Tag

Head atau header (dokumen HTML)
Ini bagain yang berisi Judul, Deskripsi, Kata kunci dan lain-lain yang digunakan untuk menggambarkan halaman. Umumnya judul muncul di browser bar, tetapi bidang lain tidak bisa dilihat seperti bagian dari body page/halaman. Untuk melihat bagian dari halaman web di browser, klik VIEW, Page Source. Untuk Internet Explorer, klik VIEW,  Source. Beberapa mesin pencari akan membaca web/situs didasarkan pada teks pada bagian ini.
Head Tag  harus mengulang tag judul Anda. Kebanyakan webmaster menempatkan head tag mereka tepat setelah tag body. Sebuah head tag akan terlihat seperti ini <h1> tag text </ h1>.

5. Anchor Links

Anchor Links atau jangkar link adalah salah satu tag html yang paling penting diperlukan untuk mendapatkan peringkat di halaman mesin pencari , terutama di Google dan Msn. Anchor Links memungkinkan menghubungkan dokumen satu dangan yang lain dalam blog/web Anda.

Itulah tip-tip singkat dari saya, semoga bisa membantu Anda dalam  Meningkatkan Peringkat Blog di Search Engine. 

Salaam, Good Luck !!!
Read More

proBlogiz

Melanjutkan artikel sebelumnya Cara Aktifkan Threaded Comments di Blogger, seperti Anda tahu tampilan threaded comments secara default masih sederhana dan kurang professional. Oleh karena itu  sekarang saya ingin mengajak Anda untuk merubah atau modifikasi tampilan Threaded Comments di Blogger, dalam tip dan trik Modifikasi Tampilan Threaded Comments Blogger.

Modifikasi Tampilan Threaded Comments
hasil modifikasi threaded comments blogger

Merubah tampilan komentar baru Blogger dapat dilakukan dengan menambahkan beberapa kode CSS pada template. Namun perlu diketahui pada saat Anda mengaktifkan Threaded Comments, ada template yang secara otomatis telah tertanam kode CSS standar dari Blogger adapula yang tidak. Bagi yang sudah ada kode CSS hanya perlu menggantinya semua kodenya dengan kode baru berikut, jika belum ada tinggal pasang kode baru berikut dibawah.

Modifikasi Tampilan Threaded Comments Blogger

Langkah pertama masuk Blogger.com :

Pilih Template >> Back up
Edit HTML >> Check "Expand Template Widget" Box
Tekan Control + F
Cari kode berikut :

<b:includable id='feedLinksBody' var='links'>

Copy kode CSS dibawah dan letakkan tepat diatas/sebelum kode diatas

<b:includable id='threaded_comment_css'> <style> /*------------- START Blogger Threaded Comments -------------*/ .comments { clear: both; margin-top: 10px; margin-bottom: 0px; line-height: 1em; } .comments .comments-content { font-size: 12px; margin-bottom: 16px; font-weight: normal; text-align:left; line-height: 1.4em; } .comments .comment .comment-actions a { display: inline-block; margin: 0; padding: 1px 6px; border: 1px solid #C4C4C4; border-top-color: #E4E4E4; border-left-color: #E4E4E4; color: #424242 !important; text-align: center; text-shadow: 0 -1px 0 white; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #EDEDED; background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) ); background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% ); font: 11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comment .comment-actions a:hover { text-decoration: none; background:#fff; border:1px solid #5AB1E2; } .comments .comments-content .comment-thread ol { list-style-type: none; padding: 0; text-align: none; } .comments .comments-content .inline-thread { padding: 0.5em 1em; } .comments .comments-content .comment-thread { margin: 8px 0px; } .comments .comments-content .comment-thread:empty { display: none; } .comments .comments-content .comment-replies { margin-top: 1em; margin-left: 40px; font-size:12px; background:#EBF5FE; } .comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; } .comments .comments-content .comment:first-child { padding-top:16px; } .comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; } .comments .comments-content .comment-body { position:relative; } .comments .comments-content .user { font-style:normal; font-weight:bold; } .comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none; } .comments .comments-content .icon.blog-author { width: 18px; height: 18px; display: inline-block; margin: 0 0 -4px 6px; } .comments .comments-content .datetime { color: #999999; float: right; font-size: 11px; text-decoration: none; } .comments .comments-content, .comments .comments-content .comment-content { margin:0 0 8px; } .comment-header {background-color: #F4F4F4; border: thin solid #E6E6E6; margin-bottom: 5px; padding: 5px; } .comments .comments-content .comment-content { text-align:none; } .comments .comments-content .owner-actions { position:absolute; right:0; top:0; } .comments .comments-replybox { border: none; height: 250px; width: 100%; } .comments .comment-replybox-single { margin-top: 5px; margin-left: 48px; } .comments .comment-replybox-thread { margin-top: 5px; } .comments .comments-content .loadmore a { display: block; padding: 10px 16px; text-align: center; } .comments .thread-toggle { cursor: pointer; display: inline-block; } .comments .continue { cursor: pointer; } .comments .continue a { display: inline-block; margin: 0; padding: 1px 6px; border: 1px solid #C4C4C4; border-top-color: #E4E4E4; border-left-color: #E4E4E4; color: #424242 !important; text-align: center; text-shadow: 0 -1px 0 white; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #EDEDED; background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) ); background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% ); font: 11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em; } .comments .comments-content .loadmore.loaded { max-height: 0px; opacity: 0; overflow: hidden; } .comments .thread-chrome.thread-collapsed { display: none; } .comments .thread-toggle { display: inline-block; } .comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.3em; padding-right: 4px; } .comments .thread-expanded .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent; } .comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden; border: 1px solid #DDDDDD;} .comments .avatar-image-container img { width: 36px; } .comments .comment-block { margin-left: 48px; position: relative; } /* Responsive styles. */ @media screen and (max-device-width: 480px) { .comments .comments-content .comment-replies { margin-left: 0; } } /*------------- End of Blogger Threaded Comments -------------*/ </style> </b:includable>
Langkah selanjutnya adalah carilah kode ini :

<b:includable id='threaded_comments' var='post'>

Kemudian letakkan kode berikut dibawah/setelah kode diatas

<b:include name='threaded_comment_css'/>

Kemudian Save Template
That's all

Hasil Modifikasi Tampilan Threaded Comments Blogger ini dapat Anda lihat di form komentar di blog ini, cobalah test dengan berkomentar. Tampilan dari modif Threaded Comments ini bertingkat, setiap orang memberi komentar atau reply komentar akan muncul  dibawahnya. Silahkan dicoba !!


Read More

proBlogiz

Apakabar sobat blogger? Setelah menunggu hampir 2 minggu karena kesibukan lain, akhirnya proBlogiz kembali dapat meng-update artikel baru di blog ini. Kali ini saya ingin membagi tip dan trik untuk mengaktifkan Threaded Comments di Blogger. Adanya fitur Threaded Comments atau Trackback pada sistem Komentar Blogger, yang biasa digunakan di Wordpress, memungkinkan kita membuat tampilan form komentar blog lebih professional. Ayo aktifkan fittur Blogger yang satu ini di blog Anda.

Sekarang Anda tidak perlu menggunakan third-party application seperti Disqus Comments atau IntenseDebate untuk membuat tampilan komentar bertingkat. Ada 2 cara untuk menampilkan/mengaktifkan threaded comment ini, yaitu dengan mengedit kode template dan tanpa melakukan edit kode template.

Threaded Comments dengan Style


Baik kita ulas satu-persatu cara mengaktifkan Threaded Comments di Blogger tersebut. Namun sebelumnya Anda back up dahulu template dengan mengunduh template lengkap dan simpan di PC Anda. Pada pembahasan ini saya menggunakan interface / tampilan muka Blogger baru. Bagi yang menggunakan interface lama, silahkan rubah dulu ke tampilan baru dengan cara klik "Try the updated Blogger interface" atau "Coba antar muka blogger Baru" pada bagian atas dasboard.

Cara Mengaktifkan Threaded Comments di Blogger

1. Threaded Comments tanpa Edit Kode Template

Login ke Blogger ---> pilih Template ---> klik Cadangkan/Pulihkan ---> Unduh template lengkap
Edit HTML ---> Lanjutkan ---> Kembalikan template widget ke default ---> klik OK
Selesai!!, maka script untuk widget akan dikembalikan kesemula/default


Kembalikan template widget ke default


note :
Dengan cara ini memang simple, tetapi akan merubah beberapa tampilan widget anda. Untuk cara yang lain, ikuti cara dibawah dengan Edit Template

2. Threaded Comments dengan Edit Kode Template

  • Login ke Dasbor Anda ---> Edit HTML
  • Check "Expand Template Widget" box
  • Tekan Control + F
  • Cari kode berikut :

<b:include data='post' name='comments'/>

Dalam beberapa kasus tiap template bisa berbeda, ada lebih dari satu kode diatas, bisa 3 atau 4 kode yang sama. Maka gantilah semua kode diatas dengan kode berikut :

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

Kemudian Save Template
Selesai

Sampai disini, thread comments blogger Anda sudah aktif.  Anda bisa melihat pada postingan yang ada komentarnya dan lihat hasilnya. Tampilan komentar baru ini masih standar dan tampilannya sederhana, kurang professional. Untuk merubah tampilan komentar Anda dapat menambahkan beberapa kode CSS pada template. Silahkan lanjutkan kerja Anda ini dengan membaca tutorial Modifikasi Tampilan Threaded Comments Blogger, yang akan membawa Anda untuk membuat tampilan form komentar dan threaded comments lebih menarik dan professional.

Salaam

Read More

Google+ Followers

Submit email Anda, dapatkan update artikel:


Like Me

artikel terbaru

|Copyright © 2013| Problogiz |All Rights Reserved|