IKLAN BULAN INI

Showing posts with label Komentar. Show all posts
Showing posts with label Komentar. Show all posts

Tuesday, 23 July 2013

Komentar GPlus untuk Template yang Gagal

Sebelumnya saya sudah berbagi dengan kawan cara meng-Aktifkan Komentar GPlus :q; tentunya bagi kawan yang sudah mempunyai Account G+ ditambah Template yang support dengan Blogspot, begitu juga dengan janji saya bagi kawan yang memakai Template Designer :r; atau yang gagal meng-Aktifkan Komentar GPlus.
Triks ini saya dapatkan pada master kita setelah sebelumnya saya mencari kesana kemari tidak ketemu yang akhirnya menemukan pada dte :z; yang caranya hampir sama dengan meng-Aktifkan Thread Comment sebelumnya 

Oke langsung saja ke cara meng-Aktifkan Komentar GPlus di Blog 
  • Masuk Account Blogger dengan ID kawan
  • Sebaiknya simpan Template kawan dulu 
  • Pada Dasbor pilih Template - Edit HTML
  • Untuk cepatnya, langsung saja menuju Widget - Blog1 lanjut jabarkan

<b:includable id='g-comments' var='post'>
<div id='g-comments-outer'>
<div class='g-comments' expr:data-href='data:blog.canonicalUrl' data-width='600' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD'> <a href='#g-comments-outer' id='g-comments-loader'>Berikan Komentar</a>
</div> </div>
<!-- For slow connection -->
<script type='text/javascript'>
//<![CDATA[
(function() {
var btn = document.getElementById('g-comments-loader'), showGC = function() {
var script = document.createElement('script'),
head = document.getElementsByTagName('head')[0], old;
script.type = "text/javascript";
script.id = "g-comments-script";
script.src = "//apis.google.com/js/plusone.js"; if (document.getElementById('g-comments-script')) {
old = document.getElementById('g-comments-script'); old.parentNode.removeChild(old); } head.appendChild(script); };
btn.onclick = function() {
this.innerHTML = "Memuat...";
showGC(); return false; };
})();
//]]>
</script>
</b:includable>


Teks yang saya beri warna merah silahkan disesuaikan dengan Blog kawan 
Teks yang saya beri warna biru bisa kawan ganti dengan Page-Loading atau dihilangkan



  • Selanjutnya cari  <b:includable id='main' var='top'> yang kodenya kurang lebih seperti berikut 
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
Hapus atau Ganti dengan Kode berikut :

<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- b:include data='post' name='comment_picker'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- b:include data='post' name='comment_picker'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
Atau seperti kode berikut
<b:include data='post' name='post'/>
<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>
Hapus atau Ganti dengan Kode berikut
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- b:include data='post' name='comments'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- b:include data='post' name='comments'/ -->
<b:include data='post' name='g-comments'/>
</b:if>
  • Simpan Template kawan

Read more ...

Tuesday, 16 July 2013

Cara meng-Aktifkan Komentar GPlus

Komentar GPlus yang sudah diperkenalkan kurang lebih 2 bulan yang lalu adalah Komentar lanjutan setelah Thread Comment yang dikhususkan untuk Komentar Blogspot tentunya yang modelnya mirip Kotak Komentar FaceBook itulah yang akan saya bahas sekarang, seandainya kawan ada yang bertanya "mengapa harus Komentar GPlus...?1
Jawabannya pasti berbeda-beda sesuai dengan kepentingan yang sipenjawab, tapi bagi saya pribadi sudah pasti ada alasan yang ingin saya harapkan dengan memakai Komentar GPlus yang salah satunya agar traffic Rank Blog saya bisa normal atau kembali mengecil
Baik buruknya Komentar GPlus sebenarnya lebih banyak buruknya [jeleknya] dibandingkan dengan Komentar FaceBook maupun Thread Comment, disini saya akan mencoba memberikan gambaran [penilaian] pada Komentar tersebut 
  • Komentar GPlus berisi 2[dua] model Komentar yaitu secara keseluruhan dan sesama GPlus dan sipemberi Komentar tidak bisa memakai nama Anonim tanpa URL sedangkan sisi jeleknya kita tidak bisa menjawab biar keterkaitan.
  • Komentar Thread punya kelebihan kita bisa menjawab dan bersifat keterkaitan, sisi jeleknya sipemberi Komentar bisa memakai Anonim dan sejenisnya yang selanjutnya mirip SPAM
  • Komentar FaceBook bagi saya yang paling lengkap tanpa ada sisi jeleknya saya lihat, cuma kita bernaung atau numpang di Blogspot mau tak mau wajib mengikuti aturan mainnya 
Oh maaf ceritanya ngelantur, mari kita langsung saja ke Cara Meng-Aktifkan Komentar GPlus
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor lihat disisi kiri dan pilih Google+
  • Beri tanda centang pada Gunakan Google+ Komentar di Blog ini ? perhatikan image berikut

  • Maaf kelupaan, cara ini khusus untuk Template Standar Blogspot [Template yang belum dimodifikasi tentunya]
  • Kalau ada kawan bertanya bagaimana dengan Template yang sudah dimodifikasi [Design] jawabannya tunggu postingan saya berikut 
Contoh Komentar G+ dan Komentar Global


Read more ...

Monday, 17 June 2013

Cara Membuat Top Komentator

Setelah sekian lama Nge-Blog yang sudah pasti sudah banyak Artikel / Posting yang kawan buat, :q; begitu juga  dengan Komentar Blog yang kawan dapatkan dari para Blogger Pengunjung. :z; Pernahkan kawan berfikir kira-kira siapa ya Blogger Pengunjung yang paling sering dan paling banyak memberikan Komentar :y; di Blog kita, itulah sekelumit pengantar Artikel yang akan saya bahas dan bagikan sekarang ini

Kalau kawan ingin lihat Demonya   » disini
Oke langsung saja ke Cara membuatnya : 
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Tata Letak - Tambah Gadget 
  • Pilih tanda [+] pada HTML / JavaScript 
  • Copas Script berikut kedalamnya 

<div style="overflow: hidden;margin:0; padding:10px 5px; width:100%; border:1px solid #369;">
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
 max = ccCount;
}
if (ccCount < min)
{
 min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + "</a>";
display = display + ccLName + " ";
}
document.write(display);
}
</script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://tips-blogbego.blogspot.com/ &Exclusions=BLOGBEGO,TIPS BLOGBEGO
 &ShowHowMany=20 &Order=alphabet
 &_callback=cCloud
 &_id=cfa196644e1d6159c9183548c4b5e2f5
 &_render=json"
type="text/javascript"></script>
</div></div>

  • Teks yang berwarna merah [tips-blogbego] silahkan ganti dengan Link kawan
  • Sedangkan BLOGBEGO, TIPS BLOGBEGO silahkan ganti dengan Nama Admin / Athour Blog kawan termasuk aliasnya juga
  • Teks yang berwarna biru [20] adalah jumlah Komentator yang akan ditampilkan dari Komentar terbanyak, silahkan disesuaikan 
  • Simpan Blog kawan 

Read more ...

Sunday, 24 March 2013

Komentar untuk dapatkan BackLink

Sebelumnya saya minta maaf yang sebesar-besarnya karena kesibukan saya pribadi :q; yang sampai-sampai tak sempat memposting atau mengurus Blog, untuk memecahkan suasana sekarang saya mulai dari yang ringan dan sedikit santai dan mudah-mudahan kawan setuju :y; 
Membaca Judulnya itu seperti nya kawan tidak akan percaya karena kurang masuk akal, Komentar untuk dapatkan BackLink benar-kan :r; tapi bagi saya sangat realistik, karena Komentar yang saya maksud Komentar yang punya bobot [versi BlogBego tentunya],
tapi sebelum lanjut mari kita lihat dan pilah dulu Komentar - Komentar itu secara garis besarnya ada :

  • Komentar SPAM yang tak perlu saya jelaskan karena Robbot Google sudah punya Filter untuk menyaringnya misalnya 

  • Komentar Pamrih maksudnya disini memberikan Komentar asal-asalan, meminta balasan dan lain sebagainya, untuk jelasnya lihat contoh : 
  • nice posting gan kunjungan baliknya ya gan.
  • kok saya udah coba ga bisa ya mas??? tolong donk pencerahannya 
  • wahh keren artikel nya.. bikin senyum..wkkwkwkw... sbener nya siih gk ketawa... cekidoot... kunjung balik ya ke blog kami. di FOLLOW ya blog kami,kalo udah elu FOLLOW,nanti blog kalian juga ane follow,dan cantumkan nama blog kalian...
  • Komentar yang punya bobot dan baik artinya yang memberikan Komentar mengerti apa yang dibaca dan seandainya ada yang kurang jelas atau mengalami kegagalan saat mencoba bisa menyampaikan masalah yang ditemukan dan solusi yang pernah dicoba 
    • kok saya udah coba ga bisa ya mas??? tapi setelah saya rubah color: #FFFFFF; menjadi color:#000000; baru berhasil mas !!! mungkin dikarenakan background Template saya warna putih, tolong donk pencerahannya seandainya ada kekeliruan
        saya udah coba dan berhasil mas??? cuma teks kurang jelas, setelah saya rubah background: #d9d7d7; menjadi #000000; menjadi kelihatan lebih jelas !!! terima kasih ya sudah berbagi
    atau seperti berikut :
    • saya udah coba sesuai petunjuk diatas ga mau jalan juga??? tapi setelah file yang berformat Js saya simpan di Hosting saya akhirnya baru berhasil, tapi hasilnya kurang maksimal seperti Demonya mohon bantuannya, trims sebelumnya

    Seandainya kawan Blogger ada yang bertanya apa hubungannya memilah Komentar dengan Judul diatas
    Jawabannya sudah pasti ada, mari kita lihat :

    • Komentar Berbalas itu sudah biasa karena saya ini Calon Blogger Pasif artinya akan membalas semua pemberian kawan [Komentar dibalas Komentar] 
    • Mari Belajar memberikan Komentar yang baik/berbobot karena tidak menutup kemungkinan dari Komentar yang baik ini Blog kita dikunjungi oleh Pengunjung nyasar sebagai contoh saya memberikan Komentar di Blog kawan, sudah pasti disana banyak yang memberikan Komentar, disini saya bisa memilah Komentar yang kira-kira berbobot dan mengerti permasalahan dan secara otomatis saya akan mengunjungi Blognya itu [inilah yang saya maksud mendapatkan BackLink secara tak langsung] 
    Kesimpulan ala BlogBego Creation :
    • Berikan Komentar sesuai Topik ini sangat penting, karena pengunjung lain mempunyai masalah yang sama kemungkinan mendapatkan solusinya di Komentar tersebut
    • Komentar SPAM dan Komentar Pamrih diatas apalagi seperti menghina kalau bisa dihindari,
    • Hormati si Admin tak perlu meminta atau menyuruh misalnya Kunjung balik, Follow dan lain sebagainya sebaiknya lakukan saja dan sampaikan mungkin lewat ChattBox » saya dah Like agan, 

    Seandainya ada yang kurang berkenan, kawan bisa menyampaikan lewat Komentar tapi ingat saya bukan menggurui ini hanyalah saran orang lagi Ngoceh di pinggir jalan 

    Untuk apa kawan Berkunjung tanpa meninggalkan Jejak [Komentar] karena di Blog ini semua pemberian kawan dibalas asal ada Link / URL Blog kawan

    Read more ...

    Sunday, 27 January 2013

    Membuat Kumpulan Komentar Gravatar tanpa Admin

    Cara Membuat Kumpulan Komentar berisi Avatar yang saya posting sebelumnya maupun Cara Membuat  Kumpulan Komentar yang lainnya masih kurang maksimal, :w; misalnya kalau ada Komentar masuk yang perlu dijawab banyak maka Komentar jawaban Admin akan mendominasi, pendek cerita saya menemukan keinginan tersebut pada Blogger Sakahayang :w; 
    Kalau kawan ingin mengetahui lebih lanjut silahkan baca disini, tapi  sekarang yang akan saya sampaikan hasil modifikasi tentunya :y; tanpa menghilangkan point-point penting, dan sebagai hasil Demonya kawan bisa lihat Kumpulan  Komentar Blogger  pada BlogBego Creation ini

    Cara Membuatnya :
    • Masuk Account Blogger dengan ID kawan 
    • Pada Blogger Home pilih Tata Letak
    • Pada Dasbor pilih Tambah Gadget - HTML / JavaScript
    • Copas Script berikut kedalamnya
    <div style="height:276px;overflow:auto;width:100%"><style type="text/css">
    ul.sakahayang_recent_comments{
    list-style:none;
    margin:0px;
    padding:0;
    }
    .sakahayang_recent_comments li{
    background:#FFF; !important;
    margin:0 0 0 0 !important;
    padding:5px 0; !important;
    display:block;
    clear:both;
    overflow:hidden;
    list-style:none;
    border-bottom:1px solid #999;
    }
    .sakahayang_recent_comments li .avatarImage{
    padding:3px 5px;
    background:#fefefe;-webkit-box-shadow:2px 2px 2px #999;-moz-box-shadow:2px 2px 2px #999;box-shadow:2px 2px 2px #999;
    border:1px solid #999;
    float:left;
    margin:5px 6px;
    position:relative;overflow:hidden;
    }
    .sakahayang_recent_comments li img{
    padding:0px;
    position:relative;
    overflow:hidden;
    display:block;
    }
    .sakahayang_recent_comments li span{
    margin:5px;
    color: #666;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
    }
    </style>
    <script type="text/javascript">
    //<![CDATA[
    // Recent Comments Settings
    var
    numComments = 25, showAvatar = true,
    avatarSize = 40, characters = 100, showMorelink = true,
    moreLinktext = "More &#187;",
    defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPku3c_qlcSogW6_sd7QG25NpxnE5TfyjwD4jvthuEGnIODcvH21bHLGUVFFjn_ZXIyGvDjRRlTj_p1i50Khz8WGC1mNehj_3jy6tdP-x11h71Je31XQEhUiNvKgQXsEZfM4euxYm0r7M/s1600/avatar.png",
    hideCredits = true;
    maxfeeds=50, adminBlog='Putu BlogBego'; //]]>
    </script>
    <script src="https://sites.google.com/site/blogbegocreation/javascript/RC_No-Admin.js" type="text/javascript">
    </script>
    <script src="http://blogbego-creation.blogspot.com/feeds/comments/default?alt=json&amp;callback=sakahayang_recent_comments&amp;&amp;max-results=50" type="text/javascript">
    </script></div> 
    • Teks yang saya beri warna Biru  numComments  25, [Jumlah Komentar yang ditampilkan]  maxfeeds=50, dan max-results=50[Jumlah maksimun yang di download oleh script json] dengan perbandingan 1:2 [25:50]
    • Teks yang saya beri warna Merah silahkan ganti atau disesuaikan, sedangkan Admin dan URL silahkan ganti dengan Nama Admin dan URL Blog kawan, 
    • Simpan Blog kawan

    Read more ...

    Friday, 25 January 2013

    Cara Membuat Kumpulan Komentar Plus Avatar

    Kawan masih ingat Postingan saya sebelumnya tentang Cara Membuat Kumpulan Komentar I sampai dengan III dan yang terakhir kalau tak salah saya ingat Cara Membuat Kumpulan Komentar berisi Avatar :z; yang akan saya bahas sekarang ini, bentuk dan tampilannya mirip sekali dengan yang sudah ada, Cara Membuat Kumpulan Komentar Plus Avatar ini pertama kali dipublish oleh Mari Bina Blog [Blogger tetangga kita] yang selanjutnya dimodifikasi oleh Blogger Sakahayang dan terakhir sebelum di Publish saya Modif sedikit lagi :w; 

    Langsung saja ke Cara Membuatnya :

    • Masuk Account Blogger dengan ID kawan
    • Pada Dasbor / Home pilih Tata Letak - Tambah Gadget 
    • Pilih [+] pada HTML / JavaScript
    • Copas Script berikut kedalamnya



    <style type="text/css">
    #recentcomment{
    width:98%;
    margin-left:5px}
    img.recentcomment-avatar{
    background:#fff;
    float:right;
    height:35px;
    width:35px;
    border:solid #ddd 1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 0 0 rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(0,0,0,0.3);
    margin:2px -2px 0 0;
    padding:2px}
    td div.recentcomment-content a,td div.recentcomment-content a:hover{
    font-family:'trebuchet ms';
    font-size:1.2em!important;
    color:#333;
    text-decoration:none}
    div.recentcomment-content{
    font-size:1em!important;
    text-decoration:none;
    line-height:1.45em;
    letter-spacing:.03em;
    background:#fff;
    border:1px solid #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.3);box-shadow:0 1px 0 rgba(0,0,0,0.3);
    padding:4px}
    </style>
    <script type="text/javascript">
    ava_mode="all";
    var cm_num=10;
    var cm_desc=10;
    var homepage="http://NAMA BLOG KAWAN.blogspot.com/";
    var cm_ava=new Array();
    cm_ava['url']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPku3c_qlcSogW6_sd7QG25NpxnE5TfyjwD4jvthuEGnIODcvH21bHLGUVFFjn_ZXIyGvDjRRlTj_p1i50Khz8WGC1mNehj_3jy6tdP-x11h71Je31XQEhUiNvKgQXsEZfM4euxYm0r7M/s1600/avatar.png";
    cm_ava['anon']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPku3c_qlcSogW6_sd7QG25NpxnE5TfyjwD4jvthuEGnIODcvH21bHLGUVFFjn_ZXIyGvDjRRlTj_p1i50Khz8WGC1mNehj_3jy6tdP-x11h71Je31XQEhUiNvKgQXsEZfM4euxYm0r7M/s1600/avatar.png";
    </script>
    <div style="height: 276px; overflow: auto; width: 100%;">
    <script src="https://sites.google.com/site/blogbegocreation/javascript/recent-comment-avt.js"type="text/javascript"></script>
    </div>
    • Angka 10 teks yang berwarna merah adalah jumlah Komentar yang akan ditampilkan
    • Ganti Nama Blog Kawan dengan URL Blog kawan
    • Kalau semuanya sudah OK jangan lupa Simpan Blog kawan

    Read more ...

    Wednesday, 19 December 2012

    Cara Membuat Total Post dan Total Komentar

    Setelah sekian lama kita Ngeblog di Dunia Maya yang dengan sendirinya sudah banyak Artikel yang kita posting, :z; begitu juga sudah banyak pula Komentar yang kita terima, apalagi kawan Blogger yang senang Ajangsana Dunia Maya [Blogwalking] :q; 
    Kegunaan Total Posting dan Total Komentar itu baik untuk kawan Blogger sendiri maupun untuk pengunjung Blog kita hanya sekedar diketahui saja jumlahnya :y; 

    Untuk menempatkan / penyimpanan scriptnya bisa kawan simpan di Gadget maupun di Template Blog [seperti Blog saya ini] cara pembuatannya :
    • Masuk Account Blogger dengan ID kawan
    • Pada Dasbor / Opsi Lainnya pilih Tata Letak - Tambah Gadget - HTML / JavaScript
    • Copas script berikut kedalamnya
    <script type="text/javascript">function blogbegocreationposts(json) {document.write('Total Posts : ' + json.feed.openSearch$totalResults.$t + '<br/>');}function blogbegocreationcomments(json) {document.write('Total Comments : ' + json.feed.openSearch$totalResults.$t );}</script><script src="http://blogbego-creation.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=blogbegocreationposts"></script><script src="http://blogbego-creation.blogspot.com/feeds/comments/summary?alt=json-in-script&callback=blogbegocreationcomments"></script>

    Seandainya kawan ingin menempatkan pada Template
    • Pada Dasbor / Opsi Lainnya pilih Template - Edit HTML - Lanjutkan 
    • Copas script berikut diantara tag <body> - </body> atau 
    &lt;script type=&quot;text/javascript&quot;&gt;function blogbegocreationposts(json) {document.write('Total Posts : ' + json.feed.openSearch$totalResults.$t + '&lt;br/&gt;');}function blogbegocreationcomments(json) {document.write('Total Comments : ' + json.feed.openSearch$totalResults.$t );}&lt;/script&gt;&lt;script src=&quot;http://blogbego-creation.blogspot.com/feeds/posts/summary?alt=json-in-script&amp;callback=blogbegocreationposts&quot;&gt;&lt;/script&gt;&lt;script src=&quot;http://blogbego-creation.blogspot.com/feeds/comments/summary?alt=json-in-script&amp;callback=blogbegocreationcomments&quot;&gt;&lt;/script&gt;

    • Silahkan ganti teks yang berwarna merah seperti Nama / URL Blog saya dengan Nama / URL Blog kawan 
    • Jangan lupa simpan Blog / Template kawan :w; 

    Read more ...

    Thursday, 13 December 2012

    Tampilkan Iklan disamping Thread Comment

    Artikel saya sebelumnya tentang Tampilkan Iklan diatas Komentar Blog dan Tampilkan Iklan disamping Kanan Komentar untuk Komentar Default :y; sedangkan untuk Thread Comment dengan Judul Tampilkan Iklan diatas Thread Comment :z; sedangkan untuk menampilkan Iklan disamping Kanan Thread Comment sedikit mengalami masalah seperti Form Komentar tidak muncul atau Iklan Sponsor letaknya tidak tetap maksud saya pasang diatas bisa menjadi dibawah form Komentar :q;  [khusus untuk Thread Comment yang sudah dimodifikasi], karena ingin menempatkan Iklan disamping Thread Comment semakin membuat saya penasaran saja, [maklum saya hanyalah Calon Blogger] yang pada akhirnya saya berhasil menemukan solusinya :w;

    Caranya :
    • Masuk Account Blogger dengan ID kawan
    • Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
    • Beri tanda check pada 
    • 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>

    • Tambahkan Script berikut diatas  <div class='comments-content'> 
    <table border='0' cellpadding='1' height='auto' width='780'><tr><td valign='top'>
    <div style='width:530px;height:auto;padding:1px; align:left; border:0px solid #999'>
    <div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><b>MAU IKLAN ANDA TAMPIL DISINI</b></div>

    dan dibawah </p>


    </div> </td><td valign='top'> 
    <div style='width:210px;height:auto;padding:5px; align:right;border:0px solid #F00;background:transparent;'>
    <img border='0' height='600' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIkrejlt01BumUsKsyPSij5JJZQUZMz3KVB1IIGF8ySAm1kjagrWrQPUYJIUzP6aDh2se29XOMIgtUpdYZRfQIuyK1W8BiTD-HUk9aihq7x6henZa-yk_DlX7UVwDYTfYpTW2YPMQt2cy/s640/Banner.png' width='200'/>

    </div></td> </tr> </table>


    Selengkapnya menjadi sebagai berikut :

    <table border='0' cellpadding='1' height='auto' width='780'><tr><td valign='top'>
    <div style='width:530px;height:auto;padding:1px; align:left; border:0px solid #999'>
    <div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><b>MAU IKLAN ANDA TAMPIL DISINI</b></div>
        <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>
    </div> </td><td valign='top'>
    <div style='width:210px;height:auto;padding:5px; align:right;border:0px solid #F00;background:transparent;'>
    <img border='0' height='600' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIkrejlt01BumUsKsyPSij5JJZQUZMz3KVB1IIGF8ySAm1kjagrWrQPUYJIUzP6aDh2se29XOMIgtUpdYZRfQIuyK1W8BiTD-HUk9aihq7x6henZa-yk_DlX7UVwDYTfYpTW2YPMQt2cy/s640/Banner.png' width='200'/></div>
    </td> </tr> </table>
    • Sampai disini Simpan dulu Template kawan
    Keterangan Tambahan :
    • Silahkan kawan mengganti teks yang berwarna merah [780]sesuai Lebar [width] Form Komentar kawan, sedangkan [530px dan 210px] adalah Lebar Komentar dan Iklan 
    • Silahkan ganti juga teks yang berwarna biru dengan script Iklan kawan
    • Karena struktur Template berbeda-beda, atau seandainya template kawan sama seperti template saya ini, yang bisa menyebabkan Form Komentar menghilang, kawan jangan risau :w;  sekarang coba  perhatikan diatas <div class='comments-content'> scriptnya sebagai berikut sebelum perubahan [ditambahkan script Iklan]
    <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div></b:includable>
    <b:includable id='threaded_comments' var='post'>
    <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
    • Silahkan kawan ganti teks yang berwarna biru dengan teks berikut
    <b:includable id='comment-form' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
          <h4 id='comment-post-message'>
            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
        <data:post.iframeColorizer/>
      </div>
    </b:includable>
    <b:includable id='threaded_comments' var='post'>
      <div class='comments' id='comments'>
        <a name='comments'/>
    <h4>
          <b:if cond='data:post.numComments == 1'>
            1 <data:commentLabel/>:
          <b:else/>
            <data:post.numComments/> Pendapat pada : &#8220;<data:post.title/>&#8221;
          </b:if>
        </h4>

    • Perlu kawan ketahui, Iklan Sponsor akan kelihatan kalau sudah ada Komentarnya
    • Simpan Template kawan


      Read more ...

      Friday, 7 December 2012

      Cara Memodifikasi Thread Comment

      Melanjutkan postingan saya sebelumnya tentang Cara menampilkan Thread Comment di Blogspot, yang tampilannya masih standar contohnya seperti Gambar disamping yang bagi saya secara pribadi kurang menarik :y;
      Sekarang ini akan saya bahas Cara Memodifikasi Thread Comment supaya menjadi menarik perhatian biar tampil beda, perlu kawan ketahui script berikut saya Copas saat pertama kali Thread Comment di perkenalkan / ditambahkan oleh Google pada Blogspot [sekarang script tersebut sudah tidak ada lagi di Template] begitu juga script tersebut sudah saya Modifikasi :z; 
      Cara Pemasangan Thread Comment :
      • 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/AVvXsEht6uM7rSUuI-JclG8qI21O9ojp1VjEwRXVdzNwNR8fbkaLolGQx_qTl_PGhOECWcGPJ3iGCRBeplFI-4XTV0TujscCHyd4jJwWQBz1hF4xgbpEfkqKheZfo2D1zNtuIln9B2yJsgDByg96/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;


      Read more ...

      Saturday, 1 December 2012

      Cara Menampilkan Thread Comment di Blogspot

      Untuk kawan Blogger yang masih memakai Komentar Default yang belum dan ingin  beralih ke Thread Comment :y; dan tak tahu caranya, itulah yang akan saya bahas sekarang ini caranya ada 2[dua] yang saya ketahui, :z;

      Cara yang Pertama :
      • Masuk Account Blogger dengan ID kawan 
      • Pada Dasbor pilih  Setelan » Lainnya » Bolehkan Umpan Blog
      Perhatikan Gambar
      • Tetap pada Setelan » Pos dan Komentar » Lokasi Komentar ?

      Perhatikan Gambar
      • Simpan Perubahan dan 
      • Selanjutnya pilih Tab Template - Edit HTML 
      • Beri tanda  disamping
      • Simpan dulu Template kawan untuk jaga-jaga 
      • Cari kode  »  <b:include data='post' name='comments'/> selengkapnya seperti berikut 
      <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


        Cara yang Kedua 

        • 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



        Read more ...

        Tuesday, 27 November 2012

        Komentar Blogger Default berisi Reply Plus Iklan

        Pada umumnya Komentar pada Blogspot bersifat default [sebelum adanya Thread comment] yang artinya   tidak ada Reply atau Balasan Komentar, :q; itulah yang akan saya bahas sekarang dan khusus untuk kawan Blogger yang masih mempergunakan Komentar Default agar bisa menjawab atau Reply Komentar yang masuk Plus Penempatan Iklan diatas atau disamping Komentar :w;
        Caranya sebagai berikut :
        • Masuk Account Blogger dengan ID kawan
        • Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
        • Beri tanda 
        h2.date-header {padding: 0 0 2px 5px;margin-top: -10px;margin-bottom: 0;color: #006400;font-size:11px}
        .post {color:#333;font: normal 12px Cherry Cream Soda, Arial, Tahoma, Verdana;margin: 0 auto 0;padding: 5px 10px;text-align:justify;background: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000');background:-moz-radial-gradient(left, #FFFFFF, #000000);background:-webkit-gradient(linear, left top, right top, from(#FFFFFF), to( #000000)) repeat-x top center;border: 1px solid #FFF;}
        .post-body{overflow:hidden; line-height:16px;font: normal 12px Cherry Cream Soda; background: #FFF;border: 1px solid #ccc;border-left: 3px solid #999;border-top: 3px solid #999;-moz-border-radius:10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px; padding:10px 10px 0 10px; }
        .post h2 {margin: 5px 0 10px;padding: 5px;color: #FF0;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;border-bottom: 1px dotted #333;background: -moz-linear-gradient(top,#000,#FFF);background:-webkit-gradient(linear, left top, right bottom, from(#000),to(#FFF)) ;}
        .post h2 a, .post h2 a:visited {color: #FF0;margin: 5px 0 10px;padding: 5px 1px 2px 1px;text-align:left;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;}
        .post h2 a:hover {color: #FFF;text-shadow:1px 1px 1px #F00;text-decoration:none;margin:5px 0 10px;padding: 5px 1px 2px 1px;
        text-align:left;font: bold 120% Tekton Pro, Arial, Tahoma, Verdana;}
        .comment-link{color:#122B15;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Jox3st0f28mUMWak-Xd1OIzM1CF8vNo5xPbHAK3rWMZhHlpkZQHRDiyExrwkChJLoBdrRMBGC6V_2eIKlj4bNhSyPF4EwNE_oT-g7jImQp8P4aWVT070KPlr_mWnfqGM6rk70ExVp_A3/s1600/CLIPBOARD.png) no-repeat;width:60px;height:60px;float: left;margin: 0 5px 0 0;padding:15px 5px 10px 1px;font-size:18px;text-align: center;text-shadow-hover: 2px 2px 2px #F00;}
        .post img {padding: 10px;}

        • Selanjutnya cari <b:includable id='comments' var='post'> Sampai </b:includable> atau selengkapnya kurang lebih sebagai berikut :

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

          ................ Bla - bla - bla ...............................................................................................

          <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>
              </b:if>

              <b:if cond='data:showCmtPopup'>
                <div id='comment-popup'>
                  <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                  </iframe>
                </div>
              </b:if>

              <div id='backlinks-container'>
              <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                 <b:if cond='data:post.showBacklinks'>
                   <b:include data='post' name='backlinks'/>
                 </b:if>
              </div>
              </div>
            </div>
          </b:includable> .............................. sampai pada disini ................................................

          • Hapus atau ganti dengan Script berikut 
          <b:includable id='comments' var='post'>
          <div class='comments' id='comments'>
          <a name='comments'/>
          <b:if cond='data:post.allowComments'>
          <h4>
          <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
          <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/> : &#8220;<data:post.title/>&#8221;
          </b:if>
          </h4>
          <b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </span>
          </b:if>
          <table><tr><td valign='top'>
          <div style='width:515px;height:auto; text-align:left; border:0px solid #243B0B; padding-right:5px;'>
          <br/>
          <div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><blink><b>MAU IKLAN ANDA TAMPIL DISINI</b></blink></div> </div><br/>
          <b:loop values='data:post.comments' var='comment'>
          <b:if cond='data:comment.author == data:post.author'>
          <ol class='commentlist-destacado'>
          <li class='comment' id='comment'>
          <div class='comment-body' id='div-comment'>
          <div class='comment-author vcard'>
          <b:if cond='data:comment.favicon'>
          <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
          </b:if>
          <a expr:name='data:comment.anchorName'/>
          <b:if cond='data:blog.enabledCommentProfileImages'>
          <data:comment.authorAvatarImage/>
          </b:if>
          <cite class='fn'><b:if cond='data:comment.authorUrl'>
          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
          <b:else/>
          <data:comment.author/>
          </b:if></cite>
          <span class='says'><data:commentPostedByMsg/>:</span>
          </div>
          <p>
          <data:comment.body/>
          <span class='interaction-iframe-guide'/>
          </p>
          <div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
          <data:comment.timestamp/>
          </a>
          <b:include data='comment' name='commentDeleteIcon'/></div>
          <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
          <b:else/>
          </b:if>
          </div>
          </li>
          </ol>
          <b:else/>
          <ol class='commentlist'>
          <li class='comment' id='comment'>
          <div class='comment-body' id='div-comment'>
          <div class='comment-author vcard'>
          <b:if cond='data:comment.favicon'>
          <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
          </b:if>
          <a expr:name='data:comment.anchorName'/>
          <b:if cond='data:blog.enabledCommentProfileImages'>
          <data:comment.authorAvatarImage/>
          </b:if>
          <cite class='fn'> <b:if cond='data:comment.authorUrl'>
          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
          <b:else/>
          <data:comment.author/>
          </b:if></cite>
          <span class='says'><data:commentPostedByMsg/>:</span>
          </div>
          <p>
          <data:comment.body/></p>
          <span class='interaction-iframe-guide'/>
          <div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
          <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2755282981621845502&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><span style='color: rgb(255, 0, 0); font-size:14px; font-weight:normal;float:left;padding-right:280px;'><blink>&#187; Balas </blink></span></a>
          <data:comment.timestamp/> </a>
          <b:include data='comment' name='commentDeleteIcon'/></div>
          <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
          <b:else/>
          </b:if>
          </div>
          </li>
          </ol>
          </b:if>
          </b:loop>
          <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p><data:blogTeamBlogMessage/><a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
          </td><td valign='top'>
          <div style='width:200px;height:auto;padding:5px; float:right;text-align:center;margin-left:20px;border:1px solid #243B0B; background:transparent;'>
          <img border='0' height='600' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDIkrejlt01BumUsKsyPSij5JJZQUZMz3KVB1IIGF8ySAm1kjagrWrQPUYJIUzP6aDh2se29XOMIgtUpdYZRfQIuyK1W8BiTD-HUk9aihq7x6henZa-yk_DlX7UVwDYTfYpTW2YPMQt2cy/s640/Banner.png' width='200'/>br/></div></td></tr></table>
          <b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
          <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
          <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
          <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
          <data:post.newestLinkText/>
          </a>
          </span>
          </b:if>
          <p class='comment-footer'>
          <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
          <b:include data='post' name='comment-form'/>
          <b:else/>
          <data:post.noNewCommentsText/>
          </b:if>
          <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>
          </b:if>
          <b:if cond='data:showCmtPopup'>
          <div id='comment-popup'>
          <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
          </iframe>
          </div>
          </b:if>
          <div id='backlinks-container'>
          <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
          <b:if cond='data:post.showBacklinks'>
          <b:include data='post' name='backlinks'/>
          </b:if>
          </div>
          </div>
          </div>
          </b:includable>

          • Silahkan Ganti teks yang berwarna Biru dengan script Iklan Kawan atau menghilangkannya
          • Teks yang saya beri warna background Hijau silahkan kawan menyesesuaikan dengan lebar Blog kawan 
          • Ganti teks yang berwarna merah dengan Blog ID kawan
          • Teks yang berwarna Violet, seandainya sudah berisi pada Template kawan ada 4[empat] silahkan hapus yang terakhir :x;
          • Jangan lupa simpan Template kawan

          Read more ...

          Monday, 19 November 2012

          Cara Membuat Kumpulan Komentar berisi Avatar

          Kawan masih ingat dengan postingan saya tentang Cara Membuat Kumpulan Komentar Bag-III yang sekarang ini sudah tak berfungsi lagi, :x; kemungkinan W2B yang punya sudah menghapus filenya atau memindahkan tempat menyimpannya yang menyebabkan menjadi macet, tapi kawan jangan kecewa karena sekarang saya akan berbagi dengan kawan Cara Membuat Kumpulan Komentar berisi Avatar, untuk Demonya kawan bisa lihat pada Kumpulan Komentar Blog saya ini 

          Cara membuatnya :
          • Masuk Account Blogger dengan ID kawan
          • Pada Dasbor pilih Tata Letak
          • Selanjutnya Pilih Tambah Gadget - HTML / JavaScript 
          • Copas Kode berikut kedalamnya
          <style type="text/css">
          ul.bbc_recent_comments{
          list-style:none;
          margin:0;
          padding:0;
          }
          .bbc_recent_comments li{
          background:none !important;
          margin:0 0 6px !important;
          padding:0 0 6px 0 !important;
          display:block;
          clear:both;
          overflow:hidden;
          list-style:none;
          border-bottom:1px solid #999;
          }
          .bbc_recent_comments li .avatarImage{
          padding:3px;
          background:#fefefe;-webkit-box-shadow:2px 2px 2px #999;-moz-box-shadow:2px 2px 2px #999;box-shadow:2px 2px 2px #999;
          border:1px solid #999;
          float:left;
          margin:0 6px 0 0;
          position:relative;
          overflow:hidden;
          }
          .bbc_recent_comments li img{
          padding:0px;
          position:relative;
          overflow:hidden;
          display:block;
          }
          .bbc_recent_comments li span{
          margin-top:4px;
          color: #666;
          display: block;
          font-size: 12px;
          font-style: italic;
          line-height: 1.4;
          }
          </style>
          <script type="text/javascript">
          //<![CDATA[
              // Recent Comments Settings
              var
          numComments= 25,
          showAvatar   = true,
          avatarSize   = 40,
          characters   = 150,
          showMorelink = true,
          moreLinktext  = "More",
          defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPku3c_qlcSogW6_sd7QG25NpxnE5TfyjwD4jvthuEGnIODcvH21bHLGUVFFjn_ZXIyGvDjRRlTj_p1i50Khz8WGC1mNehj_3jy6tdP-x11h71Je31XQEhUiNvKgQXsEZfM4euxYm0r7M/s1600/avatar.png",
          hideCredits     = false;
          //]]>
          </script>
          <script type="text/javascript" src="https://sites.google.com/site/blogbegocreation/javascript/bbc_recent-comments-gravatar.js"></script>
          <script type="text/javascript" src="http://blogbego-creation.blogspot.com/feeds/comments/default?alt=json&callback=bbc_recent_comments&max-results=25"></script>


          • Silahkan ganti teks yang berwarna biru dengan URL / Link Avatar kawan 
          • Silahkan ganti teks yang berwarna merah [URL / Link saya] dengan URL / Link Blog kawan
          • Simpan Blog kawan


          Read more ...

          Sunday, 1 July 2012

          Melacak IP Anonymous dengan StatCounter

          Pada umumnya para Blogger itu baik-baik, yang pada prinsip utamanya ingin berbagi [saling memberi dan saling menerima] tapi lama-lama dengan berkembangnya Ilmu Tehnolagi, para Bloggerpun semakin berkembang, ada yang suka iseng, jahil dan lain sebagainya yang sudah mengarah ke Negatif :q; seperti berkomentar SPAM alias tidak sesuai topik maupun memberikan komentar tanpa etika, tidak ada sopan santun, menghina, menghujat dan seterusnya, biasanya memakai nama samaran yang lazim disebut : Anonim / Anonymous [tanpa URL/Link] :x; 
          Sebelum kawan mengalami seperti Blog saya yang lain, sebaiknya pada Blog kita masing-masing dipasangi StatCounter yang berfungsi sebagai mengumpul Data Visitor setiap saat secara lengkap, :y; 
          Walau hanya gratisan [Free] tapi fasilitas yang diberikan sudah cukup lumayan, rasanya tak perlu panjang lebar saya memberikan ulasan karena nanti banyak salahnya, sebaiknya langsung saja kawan kesana untuk Mendaftarkan Blognya bisa Klik » disini 
          setelah proses pendaftaran {sign up] selesai nanti copas Scriptnya di Blog kawan, bisa pada Gadget maupun pada Template 
          contoh Komentar Anonymous

          • Dengan meng-Klik View My Stats disamping Data [angka] pengunjung, kawan akan masuk ke StatCounter - pada sisi kiri pilih  Recent Pageload Activity maka akan tampil Data Pengunjung, waktu berkunjung, pada Artikel yang mana, selengkapnya seperti berikut :

          Catatan : Daftar di sebelah kiri silahkan kawan pilih-pilih sesuai keinginan,

          • Kalau kawan ingin mengetahui IP Adress lebih jauh sebagai pembanding seperti  » IP Adress 



          • StatCounter akan berfungsi setelah terpasang di Blog, makanya lebih baik pasang sekarang sebelum ada Anonymous berkunjung memberikan Komentar di Blog kawan



          Read more ...

          Tuesday, 26 June 2012

          Komentar FB dan Blog Gaya Buka-Tutup

          Setelah sebelumnya saya berbagi dengan kawan Cara Menampilkan Komentar FaceBook di Blog, kawan sudah pasti melihat hasilnya, Komentar FaceBook berada diatas Komentar Blog :q;  yang menyebabkan Tampilan Blog jadi memanjang kebawah seandainya Komentar FaceBook dan Komentar Blog banyak yang memberikan Komentar :r; 
          Untuk mengatasi masalah ini diperlukan cara agar menjadi Kotak Komentar Buka-Tutup dan Berdampingan, seperti Tab Menu, Navigasi dan lain sebagainya :
          Sebelumnya saya informasikan » bagi kawan yang sudah menerapkan Artikel saya sebelumnya tentang Cara Menampilkan Komentar FaceBook di Blog, sedangkan bagi kawan yang tidak, tapi sudah Menampilkan Komentar FB   di Blognya dengan cara lain silahkan dicoba dan disesuaikan :x;


          Caranya :
          • Seperti biasa silahkan kawan masuk Account Blogger dengan ID masing-masing
          • Beri  tanda check   
          .comments-page {
          background-color: transparent;
          border: 1px solid #699AB8;-webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius: 10px;
          width: 610px;
          padding: 10px 15px;
          }
          #blogger-comments-page {
          padding: 15px 10px 5px 20px;
          display: none;
          width: 610px;
          border: 1px solid #699AB8;-webkit-border-radius: 10px; -moz-border-radius:  10px; border-radius: 10px;
          }
          .comments-tab {
          float: left;
          padding: 5px 10px;
          margin-right: 10px;
          cursor: pointer;
          background-color: #699AB8;
          border: 1px solid #FFF;-webkit-border-radius: 5px; -moz-border-radius:  5px; border-radius:  5px;
          color: #FFF;
          text-shadow: 2px 2px 2px #F00;
          font-size: 16px;
          }
          .comments-tab-icon {
          height: 18px;
          width: auto;
          margin-right: 10px;
          }
          .comments-tab:hover {
          background-color: #7CA9C0;
          color: #FFF;
          }
          .inactive-select-tab {
          background-color: #95CAFF;
          color: #333;
          text-shadow: none;
          }

          Selanjutnya cari  <div class='comments' id='comments'> 
          Ganti semua script berikut :

          <b:if cond='data:blog.pageType == &quot;item&quot;'><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxxxx&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='5' width='550'/></b:if>

          dengan :
          <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
          <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
          <fb:comments-count expr:href='data:post.url'/> Comments
          </div>
          <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
          <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
          </div><div class='clear'/>
          </div>
          <div class='comments-page' id='fb-comments-page'>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <div id='fb-root'/>
          <fb:comments expr:href='data:post.url' num_posts='5' width='550'/>
          </b:if>
          </div>
          <div class='comments comments-page' id='blogger-comments-page'>

          • Simpan Template kawan dan Selamat Berkreasi :z; 


          Read more ...