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.

You Might Also Like:

How to style text in Disqus comments:
  • 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 Hide Parser
Disqus Comments