HOSTING MURAH 2014

 <div expr:id='"aim1" + data:post.id'></div>
        <div style="clear:both; margin:10px 0">
           <!-- Your AdSense code here -->
          </div>
             <div expr:id='"aim2" + data:post.id'>
                <data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML
• Copas kode Css berikut dan taruh diatas ]]></b:skin>

• Kalau sudah pas simpan template kawan 
• Selanjutnya pilih Tata Letak
• Pilih Tambah Gadget - HTML/JavaScript [bisa digabung pada Gadget lainnya]
• Copas kode HTML berikut kedalamnya 

<div id="begomenu"><h3>TAB MENU MELAYANG</h3><ul><li><a href="http://tips-blogbego.blogspot.com/p/siapa-saya.html" title="adalah Profil saya" target="_blank">SIAPA SAYA</a></li> <li><a href="http://tips-blogbego.blogspot.com/p/kontak-kami.html" title="untuk menghubungi saya" target="_blank">KONTAK KAMI</a></li><li><a href="http://www.facebook.com/?ref=home/" target="_blank" title="Facebook Putu Blogbego">FACEBOOK</a></li> <li><a href="http://info-blogbego.blogspot.com/" target="_blank" title="info blog dan komputer berbahasa inggris">BLOG & COMPUTING INFO</a></li> <li><a href="http://www.alambali.co.cc/" target="_blank" title="informasi wisata di Bali berbahasa Inggris">ALAM BALI.CO.CC</a></li> <li><a href="http://melajah-di.blogspot.com/" target="_blank" title="informasi Bali : Budaya, sejarah dll">MELAJAH DI</a></li> <li><a href="http://blog-bego.blogspot.com/" target="_blank" title="Blog untuk Demo">BLOGBEGO</a></li> </ul></div>

Perhatikan Kotak Merah

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan
• Copas script berikut diatas  ]]></b:skin> 

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
• Beri tanda check pada  Expand Template Widget
• Sebaiknya Simpan dulu Template kawan
• Cari Kode Comment [Komentar Thread Modifikasi] bisa baca disini dan kawan akan menemukan 2 angka untuk lebar [width] Komentar yang harus kawan rubah/kurangi sesuai lebar kolom untuk Iklan 
• Selanjutnya cari  <div class='comments-content'> sampai </p> selengkapnya sebagai berikut :

<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
 <b:include data='post' name='threaded_comment_js'/>
 </b:if>
 <div id='comment-holder'>
 <data:post.commentHtml/>
 </div> </div>
<p class='comment-footer'>
 <b:if cond='data:post.allowNewComments'>
 <b:include data='post' name='threaded-comment-form'/>
 <b:else/>
 <data:post.noNewCommentsText/>
 </b:if> </p>

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan  
• Copas script berikut diatas atau dibawah ]]></b:skin> 

<style>#comments{clear:both;float:left;width:580px;margin: 10px 0;padding:10px;line-height:1.4em;background: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;rgb(255, 255, 255)&#39;, endColorstr=&#39;rgb(185, 185, 185)&#39;);background:-moz-radial-gradient(top, rgb(255, 255, 255), rgb(185, 185, 185));background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to( rgb(185, 185, 185))) repeat-x top center; border: 1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius:  5px; border-radius:  5px;}
.comments { clear: both; margin-top: 10px; margin-bottom: 0px; line-height: 1em;}
.comments .comments-content {font-size: 13px;}
.comments .comment .comment-actions a { padding: 5px  0 0 5px;  color: yellow !important;}
.comments .comment .comment-actions a:hover {  text-decoration: none;}
.comments .comments-content .comment-thread ol { list-style-type: none; padding: 10px; text-align: left;}
.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: 36px; width: 544px;}
.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 { padding-bottom: 0;}
.comments .comments-content .comment-body {position: relative;}
.comments .comments-content .user { font-size: 14px; color: #666666 !important; text-decoration: none;}
.comments .comments-content .icon.blog-author { display: inline-block; margin: 0 0 -4px 6px; position: absolute; top: 0; right: 0; background-color: #95CAFF; width: 100%; height: 100%; z-index: -1;}
.comments .comments-content .datetime { font-size: 10px; color: #F00; text-decoration: none;}
.comments .comments-content .datetime a { float: right;}
.comments .comments-content .comment-header { margin: 0 0 8px; border: thin solid #E6E6E6; background-color: #D4E3EA;padding: 5px;}
.comments .comments-content .comment-content { margin: 0 0 8px; padding: 5px; border: thin solid #E6E6E6; background-color: #FFF; line-height: 21px;}
.comments .comments-content .comment-content { text-align: justify; line-height: 1.5;}
.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 {background: transparent;  cursor: pointer;text-align: center;}
.comments .continue a { display: block;  padding: 0.5em;margin: 0 350px 0 50px;font-weight: bold;background: #95CAFF none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#236C95&#39;, endColorstr=&#39;#7CA9C0&#39;);background:-moz-radial-gradient(top, #236C95, #7CA9C0);background:-webkit-gradient(linear, left top, left bottom, from(#236C95), to( #7CA9C0))repeat-x top left;border: 1px solid #333;-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;color: #FFF;}
.comments .continue a:hover { text-decoration: none !important; color: #FFF; background: #95CAFF;border: 1px solid #00F;}
.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em;}
.comments .comments-content .loadmore.loaded { max-height: 0px; -ms-filter: quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;; filter: alpha(opacity=0); opacity: 0; overflow: hidden;}
.comments .thread-chrome.thread-collapsed {display: inline-block;}
.comments .thread-toggle {background: #00FF00 none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#00FF00&#39;, endColorstr=&#39;#006400&#39;);background:-moz-radial-gradient(top, #00FF00, #006400);background:-webkit-gradient(linear, left top, left bottom, from(#00FF00), to( #006400))repeat-x top left;border: 1px solid #006400;-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;  display: inline-block;padding: 3px 0;width: 120px;height: 20px;text-align: center;}
.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(&quot;data: image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;}
.comments .thread-collapsed .thread-arrow { background: url(&quot;data: image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;}
.comments .avatar-image-container { float: left; width: 36px; max-height: 36px; overflow: hidden; padding: 0; margin-left: 10px; margin-top: 2px;}
.comments .avatar-image-container img { width: 36px;}
img[src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL4GzhFdPBJRWdu17QIiu7wxmQTL4_pfgmYakIC6lGeguQwElYgbmHb2oDwg1H1cAStwKDQ7MZtj-uNdFoqXR-S7-aK58oiWlz52ISx6s6-K6HAmfswZbFAPv6-FGiIBllLivLdPo-n1RG/s1600/anon36.gif&quot;] { display: inline;}
.comments .comment-block { background: rgb(99,147,193);  border: 1px solid #FFF;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;margin-left: 48px;padding: 5px;position: relative; z-index: 99;}
/* Responsive styles. */
@media screen and (max-device-width: 500px) {.comments .comments-content .comment-replies {margin-left: 0;}}
</style>

• Kalau script tersebut disimpan diatas ]]></b:skin> teks <style> dan </style> yang berwarna biru bisa kawan hilangkan 
• Ganti teks yang saya beri warna Merah [width:580px;] sesuai Lebar Blog kawan, sedangkan [width:544px;] ini untuk Komentar Balasan
• Simpan Template kawan :q;

Perhatikan Gambar

• Tetap pada Setelan » Pos dan Komentar » Lokasi Komentar ?

Perhatikan Gambar

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

• <b:include data='post' name='comments'/> di Template saya  terdapat 4 pada 2 tempat yang berbeda  
• Ganti semua script tersebut dengan :

<b:if cond='data:blog.pageType == &quot;static_page&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: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>

• Simpan Template kawan

• Masuk Account Blogger dengan ID kawan 
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan
• Sebaiknya Unduh Template kawan dulu, siapa tahu ingin kembali ke Template sebelum perubahan.
• Pada Edit HTML lihat ke bawah » Pilih
  Kembalikan template widget ke default terus OK [Perhatikan gambar disamping]  
• Simpan Template kawan dan lihat Artikel yang ada Komentarnya 

Komentar Lama

Kenapa Komentar Blog tidak seperti Gambar dibawah, Komentar Reply agak sedikit masuk kedalam, sudah pasti kawan ada yang bertanya demikian, itu wajar kawan karena semua Komentar sebelum perubahan [lama] akan tampil lurus di pinggir kiri :w;

Sekarang coba kawan berikan Komentar dengan memilih Reply pada salah satu Komentar yang ada, hasilnya pasti akan kelihatan seperti gambar dibawah :q;

Komentar setelah Perubahan