Membuat Pesan Komentar Google+ Default Blogger

Membuat Pesan Komentar Google+ Default Blogger

Bola Hero Gawai

Membuat Pesan Komentar Google+ Default Blogger

Sebelumnya saya sudah sharing cara membuat komentar Google+ responsive untuk custom template blog sekaligus menambahkan atau memindahkan pesan komentarnya ke atas komentar Google+ tersebut. Untuk mengingatnya silahkan simak lagi postingannya pada link di bawah ini.


Dan sekarang saya sharing cara membuat atau memindahkan pesan komentar di atas komentar Google+ default Blogger atau komentar Google+ yang dimunculkan melalui tab Google+ di dashboard Blogger. Biasanya template yang berhasil memunculkan komentar Google+ dari dashboard ini merupakan template default Blogger. Dan jika kita tidak memindahkan pesan komentarnya secara manual, biasanya pesan komentar tersebut tidak akan muncul.

Pesan Komentar Google+ Default Blogger

Jika Anda sudah memunculkan komentar Google+ terlebih dahulu, untuk memunculkan atau membuat pesan komentarnya (jika sebelumnya belum pernah membuat pesan komentar di dashboard) maka komentar Google+ harus dinonaktifkan terlebih dahulu untuk memunculkan setting komentar di dashboard. Jika sudah pernah membuat pesan komentar sebelumnya maka tidak perlu menonaktifkan komentar Google+.

Untuk menonaktifkan komentar Google+ silahkan masuk ke Dashboard >> tab Google+ >> hilangkan tanda centang pada option gunakan komentar Google+ di blog ini.

Kemudian masuk ke tab Setting >> Post and Comments >> kemudian silahkan isi Comment Form Massage dengan pesan komentar yang Anda inginkan. Setelah selesai silahkan save setting.

Kemudian setelah selesai membuat pesan komentar, silahkan aktifkan kembali komentar Google+ di tab Google+ 

Setelah itu silahkan masuk ke Edit HTML dan temukan kode seperti di bawah ini.


<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Kemudian scroll ke bawah sedikit dan temukan kode seperti di bawah ini.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
         <b:include data='post' name='comment_picker'/>
        </b:if>

Silahkan ganti dengan kode di atas dengan kode di bawah ini.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='komentar'>
        <p><data:blogCommentMessage/></p>
         </div>
         <b:include data='post' name='comment_picker'/>
        </b:if>

Kemudian tambahkan kode CSS di bawah ini dan simpan di atas kode ]]></b:skin> atau </style>


.komentar{margin:0 auto 20px;padding:0; line-height:1em;}
.komentar p{background: #666;padding:10px;margin:20px 3px;color:#eee;font:14px &quot;Open Sans&quot;,&quot;Trebuchet MS&quot;,Helvetica,sans-serif;line-height:20px;display:block;border-radius:3px;position:relative}
.komentar p:after{content:&quot;&quot;;width:0;height:0;position:absolute;bottom:-15px;left:15px;border:8px solid transparent;border-color:#666 transparent transparent;}

Silahkan save template-nya dan lihat penampakannya di halaman postingan.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×