Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you: Sebelumnya pastikan kamu sudah membaca postingan tentang cara memasang kolom komentar di bawah posting. Belum yah? Buruan gih baca postingannya.

Nah, jika postingan blog kamu banyak yang memberikan komentar berarti ... postingannya bagus dan uptodate! Terus bagaimana cara melakukan SEO agar halaman komentar tidak menjadi panjang, walaupun dikomentari oleh puluhan pengunjung blog? Apabila kamu berpikir untuk mengembalikan setting komentar ke defaultnya, itu sih bukan konsep jitu untuk memecahkan suatu masalah.

Kembali ke trik scrolling elemen komentar,... Yuk! Kita belajar sama-sama cara bikinnya.

* Login ke account blogger kamu.
* Pilih tab Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari kode kumpulan kode CSS comments.

/* Comments
-------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Tambahkan kode berikut di atas kode #comments h4.

#comments {
height:280px;
overflow:auto;
}


Catatan :

1. Ganti nilai kode yang berwarna merah sesuai dengan tinggi elemen scroll yang kamu inginkan.
2. Kode overflow:auto; berarti jika elemen komentar melebihi tinggi yang telah ditentukan (280px), maka fungsi scroll otomatis akan bekerja.

* Jangan lupa disimpan


Selamat menampilkan elemen komentar dalam model scroll...

Wacana Yang Seide:
Memasang Kotak Komentar Di Bawah Postingan
Cara Pasang Avatar Mybloglog dalam Komentar2013, By: Seo Master
Seo Master present to you:
Tretans SEO Friendly Blogger Template is an awesome SEO Blogger Template.Actually this template has 3 Columns Layout which makes it a stunning and impressive template.This template has an impressive feature of Header ads where you can place 728x90 and 228x90 Ads.This template has beautiful drop down menu having black color which attract the attention of the readers.This template has 3 columns footer having gray color.The 2 right side-bars add bonus attraction to this template,One right sidebar enables you to place ads of 728x90 vertically and another is for special widgets.Many SEO Plugins are added to this template which makes it loading speed very fast.It works with all type of Browsers such as Google Chrome,Mozilla or IE etc.You can get it free from Our Blog.


Features Of Tretans SEO Friendly Blogger Template

  • Professional Design
  • 3 Columns
  • White
  • Magazine Style
  • Ads Ready

  1. 2 Horizontal Header Banner size 728 x 90 and 222 x 90
  2. 2 Vertical Banner on Home Page size 160 x 600
  3. Banner in Sidebar 1 size 300 x 250
  4. 1 Banner under the post size 336 x x280

        • SEO Ready
        • 2 Right Sidebars
        • Social Media Plugin  Built-in

        1. Facebook
        2. Twitter
        3. pinterest
        4. Google +
        5. Youtube
        6. Linkedin
        7. RSS Feed
        • Extra Features
        1. Author Info Widget
        2. Related Posts with Pictures [Thumbnail] Widget
        3. Comment Reply feature 
        4. Feature Author Comment
        5. News Ticker
        6. Auto Readmore
        • Slide show in Home Page
        • Works with all browsers

        License and Installation Of Tretans SEO Friendly Blogger Template

        2013, By: Seo Master
        Seo Master present to you: Berbicara tentang fakta Cara Memasang Kotak Komentar di Bawah Posting dan penggunaan form komentar blogger.com yang agak rumit, mungkin ada benarnya. Tapi tunggu dulu, sebab itu dulu sekali. Sebagai akibat dari komplain dari penggunanya, Blogger.com telah memperbaiki salah satu fiturnya tersebut. Tidak percaya, coba kamu kunjungi dan baca posting Embedded Comment Form di bawah posting oleh dan Kotak Komentar Di bawah Posting. Kalau kamu lagi suntuk dan ingin buru-buru ingin memulai trik blogger mengenai memasang kotak komentar di bawah posting, mari bersama-sama kita mengulas one by one :

        Langkah I

        1. Login ke account blogger kamu.
        2. Di Dasbor title blog kamu --> klik tab Pengaturan --> pilih sub tab Komentar atau dalam Kustomisasi --> pilih tab Pengaturan --> klik sub tab Komentar.
        3. Di bawah sub tab Komentar --> Cari "Penempatan Formulir Komentar" dan beri tanda "Disemat di bawah entri".
        4. Simpan Setelan.



        Kemudian lihat blog, apabila letak formulir komentar blog kamu telah berada di bawah posting berarti trik blogger kamu telah berhasil dengan sukses.

        Tapi jika ulasan trik di atas belum merubah posisi formulir komentar blog, itu artinya kamu sudah pernah melakukan modifikasi template blog tersebut. Jadi gimana dong? Jangan pakai bete dulu, karena masih ada alternatif trik blogger lain yang dapat kamu kerjakan. Sudah siap... OK.


        Langkah II

        * Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".


        Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

        * Cari kode di bawah ini [kode HTML dalam setiap blog mungkin berbeda, tapi memiliki kemiripan (ex :<div class='comment-footer'> atau <div id='comment-footer'>)] :

        <p class='comment-footer'>

        <b:if cond='data:post.allowComments'>
        <a expr:href='data:post.addCommentUrl'
        expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
        </b:if>

        </p>


        Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

        * Ganti kode di atas dengan kode berwarna hijau di bawah ini :

        <p class='comment-footer'>

        <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='comment-form'/>
        <b:else/>
        <b:if cond='data:post.allowComments'>
        <a expr:href='data:post.addCommentUrl'
        expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
        </b:if>
        </b:if>

        </p>


        Ingat : kode "p class" memiliki kemiripan dengan "div class" atau "div id" (tergantung template blog).

        * Jangan lupa disimpan

        Lihat blog kembali, jika masih belum berhasil. Coba ulangi trik blogger memasang kotak komentar di bawah posting pada "Langkah Pertama", setelah kamu melakukan trik pada "Langkah II". Dan semoga berhasil?!?

        Selamat memasang kotak komentar di bawah posting...

        Wacana Yang Seide:
        membuat scrolling element komentar
        Cara Pasang Avatar Mybloglog dalam Komentar2013, By: Seo Master
        Powered by Blogger.