Keuntungan menggunakan akun Google Plus pada Blogger

Hallo sahabat-sahabat Blogger, seneng rasanya bisa kembali posting dan berbagi serta belajar bersama disini. Ngomong-ngomong gimana nih kabarnya para sahabat Blogger, mudah-mudahan semuanya sehat, ceria serta semangat selalu ya.

Google+ dan Blogger Bersahabat

Di hari yang cerah ini saya akan kasih tau, apa aja sih keuntungan menggunakan akun Google Plus pada Blogger.  Jika anda menggunakan akun Google Plus pada Blogger pasti pernah deh merasakan keuntungannya. Sebelum kita membahasnya lebih jauh, buat yg belum kenal dengan Google Plus, yuk kita kenalan dulu dengan Google Plus. (Baca:Apa itu Google+ atau Google Plus).

Kalau udah kenal dengan Google Plus atau Google+, langsung aja deh. Berikut keuntungan menggunakan akun Google Plus pada Blogger.

1. Pertama, dengan akun Google Plus anda akan mendapatkan jaringan teman yang luas, dengan begitu kita bisa dengan mudah bersilaturahmi kepada sesama akun Google Plus

2. Dengan menggunakan akun Google Plus, kita bisa dengan mudah mendapatkan banyak komentar dan pengunjung pada blog kita. Tapi dengan di barengi oleh aktivitas blogwalking tentunya.

3. Setiap postingan blog yang mendapatkan banyak G+, pasti dengan mudah dan cepat terindex  Oleh Google. Bahkan bisa menduduki posisi teratas. Jadi kita ga perlu lagi tuh yang namanya optimasi Postingan di blog kita, kita cukup mengumpulkan banyak G+ dan kita bisa berada di posisi teratas di google

Apalagi ya keuntungan menggunakan akun google+ pada blogger. Tentunya masih banyak, tapi selama ini saya baru merasakan keuntungannya itu saja. Tapi saya yakin masih banyak lagi keuntungannya.

Nah, kalo dari pengalaman sahabat blogger sendiri menggunakan akun google plus pada blogger apa aja sih keuntungan yang kalian rasakan.

Alesan Saya, Kenapa Saya Tidak Suka Blogwalking di Facebook

Blogwalking
Sebelum saya bahas, kenapa Saya Tidak Suka Blogwalking di Facebook. Saya akan kasih tau dulu apa itu blogwalking. Blogwalking adalah suatu aktivitas dimana kita mengunjungi blog-blog lainnya untuk tujuan bersilahturahmi, membaca postingan blogger lain dan meninggalkan jejak pada komentar. Untuk menarik pengunjung biasanya para blogger termasuk saya melakukan aktivitas blogwalking. Dan facebook atau social media lainnya adalah sarana untuk melakukakn blogwalking. Mungkin blogwalking bisa juga disebut jalan-jalan ya hehehe..

Ok, langsung aja kita lompat ke pembahasan kali ini. Kenapa saya tidak suka blogwalking di facebook.

Yang pertama
Saya tidak suka blogwalking di facebook karna, setiap kita menaruh link/url blog kita belum tentu ada yg klik atau mengunjungi. Beda dengan Google Plus, kalo di G+ ga perlu lama-lama baru bikin postingan udah ada yg klik dan mengunjungi.

Yang Kedua
Setiap saya ke grup-grup Blogger di facebook, pasti pada sibuk masing-masing, contoh : ada yang promosi blognya, ada yang pamer blog, dan bahkan ada yang selalu komentar up. Entah apa tujuan mereka, yang jelas poin ke dua ini yang juga bikin saya ga suka blogwalking di facebook.

Dan Yang Terakhir
Sombong kali ya, kenapa saya bilang sombong. Karna setiap saya posting untuk mengajak blogwalking, ada beberapa yang merespon dan banyak yang tidak merespon. 

Nah itulah ke tiga poin yang bikin saya tidak suka blogwalking di facebook, sekarang saya lebih suka blogwalking melalui Google Plus atau Blogger. Karena Mudah, cepat, dan aman. Kalo sobat blogger lebih suka blogwalking dimana??

Cara Membuat Komentar Facebook Responsive di Blog

 Komentar Facebook Responsive di Blog
Cara Membuat Komentar Facebook Responsive di Blog - Untuk memasang kolom komentar facebook tidak begitu susah, mungkin bisa di bilang sangat mudah. Kenapa? Karena facebook sendiri sudah menyediakan plugin comment yang dapat kita pasang di blog kita.

Tapi, ada tapinya nih. Jika kita memasang kolom komentar facebook langsung dari plugin comment yang sudah di sediakan faebook, kolom komentar facebook kita belum responsive. Bagaimana caranya agar kolom komentar facebook bisa responsive. Nah caranya gampang, disini saya akan kasih kolom komentar yang sudah di modifikasi sedemikian rupa agar responsive. untuk Demonya bisa lihat di blog saya yang baru, kalau belum tau blog saya yang baru tanya sama yang udah tau hehehehe.

Berikut Cara Membuat Komentar Facebook Responsive:
1. Masuk ke editor Template, lalu pasang meta content berikut dibawah kode <head>
<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>
Ganti Profile ID dan App ID dengan ID Facebook anda. untuk Profile ID itu isi dengan username facebook. Dan untuk App ID silahkan kunjung https://developers.facebook.com/apps/ dan buat sendiri App ID anda.

2. Balik lagi ke editor Template, kemudian cari kode </head> letakkan kode berikut di atas kode </head>
  1. <script type="text/javascript">
        //<![CDATA[
        $(window).bind("load resize", function(){
          var url = location.protocol+'//'+location.host+location.pathname;
          var containercm_width = $('#container-commentfb').width();  
            $('#container-commentfb').html('<div class="fb-comments" ' +
            'data-href="'+url+'"' +
            ' width="' + containercm_width + '" data-num-posts="10"></div>');
            FB.XFBML.parse( );  
        });
        //]]>
        </script>
3. Selanjutnya letakkan html berikut tepat dibawah <data:post.body/> (Biasanya kode tersebut lebih dari 2, anda pilih aja yang terakhir atau coba satu persatu). Atau bisa juga di letakkan di atas <div class='post-footer-line post-footer-line-3'>
  1. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div>
    </b:if>
4. Terakhir, Simpan Template dan lihat hasilnya.

Tidak terlalu sulitkan caranya, udah dulu ya. Tunggu postingan saya berikutnya. Sampai jumpa hehehehe.

Popular Posts Warna-Warni Ala Evo Magz

Popular Posts Warna-Warni Ala Evo Magz

Cara Membuat Popular Posts Warna-Warni Ala Evo Magz - Ada yang tau Template Evo Magz. Pasti sahabat blogger tau dong, siapa sih yang ga tau template buatan Mas-sugeng yang satu ini. Ada yang menarik dari template ini, template ini mempunyai desain yang simple dan cukup membuat mata melek dengan widget Popular Posts-nya yang berwarna-warni "menurut saya". Nah pada hari ini saya akan share cara membuat popular posts kita mirip dengan popular posts Template Evo Magz. Caranya cukup mudah kalian hanya perlu memasukkan CSS Popular Post warna-warni ala Evo Magz ke dalam template kalian.

Berikut CSS popular Posts Warna-Warni Ala Evo Magz :

 /* Popular Posts By Wahid Lovers */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0 !important;
padding:.5em 1.5em .5em .5em !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#000 !important;
text-decoration:none;
}
.PopularPosts ul li:before {
content:counter(num) !important;
display:block;
position:absolute;
background-color:#333;
color:#fff !important;
width:22px;
height:22px;
line-height:22px;
text-align:center;
top:0px;
right:0px;
padding-right:0px !important;
}
/* Set color and level */
.PopularPosts ul li:nth-child(1) {background-color:#A51A5D;margin-right:1% !important}
.PopularPosts ul li:nth-child(2) {background-color:#F53477;margin-right:2% !important}
.PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;margin-right:3% !important}
.PopularPosts ul li:nth-child(4) {background-color:#FF9201;margin-right:4% !important}
.PopularPosts ul li:nth-child(5) {background-color:#FDCB01;margin-right:5% !important}
.PopularPosts ul li:nth-child(6) {background-color:#DEDB00;margin-right:6% !important}
.PopularPosts ul li:nth-child(7) {background-color:#89C237;margin-right:7% !important}
.PopularPosts ul li:nth-child(8) {background-color:#44CCF2;margin-right:8% !important}
.PopularPosts ul li:nth-child(9) {background-color:#01ACE2;margin-right:9% !important}
.PopularPosts ul li:nth-child(10) {background-color:#94368E;margin-right:10% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11px;
} 
Demikianlah Cara Membuat Popular Posts Warna-Warni Ala Evo Magz. Semoga kalian suka, kalau ga suka di buang aja hehehe.

Cara Membuat Header melayang Dengan Search Box

 Header melayang Dengan Search Box
Sebelum di Scroll
 Header melayang Dengan Search Box
Setelah di Scroll
Dari pada bengong mending ngabuburit aja di Blog Wahid Lovers. Karna hari ini saya akan berbagi tutorial blogger lagi yaitu Cara Membuat Header Melayang Dengan Search Box. Mungkin sebagian para blogger sudah mencoba dan menggunakannya untuk blognya, biarpun begitu disini saya akan tetap berbagi. Tidak menutup kemungkinan bahwa ada seorang blogger yang belum tau cara membuatnya. Yupz daripada kelamaan mending langsung saja lihat caranya dibawah ini.

1. Login ke akun blogger sobat
2. Masuk ke bagian Template >> Edit HTML
3. Masukkan kode berikut di atas kode ]]></b:skin>
 #ss_floating_menu{background:#fff;height:70px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:2px
solid #48d;}
#ss_floating_menu ul{list-style: none;margin:0
auto;width:970px;}
#ss_floating_menu ul li{float:left}
#_floating_menu ul li a{line-height:37px;padding:0
15px;color:#f0e8e5;font-size:13px;font-family:Arial, sans-serif;text-shadow:0px
-1px 0px #0f669f;display:block;text-decoration:none;}
.menusearch{width:200px;float:right;margin:0
auto;padding:4px 15px 0 0;}
.searchform {margin-top:17px;display: inline-block;*display:
inline;padding:0;background:#fff;width:200px;height:23px;
overflow:hidden;border:1px solid #ddd;}
.searchform input {font:normal 12px Arial;color: rgb(153,
153, 153);line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0
0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform
.searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}
 
4. Masukkan kode berikut ini tepat dibawah kode </head>
<div id='ss_floating_menu'>
<ul>
<div class='menusearch'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search here....'/>
<input class='searchbutton' src='http://4.bp.blogspot.com/-TWMP7OJKTHw/UdVehdgDETI/AAAAAAAAEuM/LRdqcm-2dNA/s24/search.png' style='cursor:pointer;vertical-align:top' type='image' value='Go'/>
</form>
</div>
<li><a href='http://nama-blog.blogspot.com/'><img alt='Home' border='0' src='http://www.createfunnylogo.com/logo/cococola/Wahid%20Lovers.jpg' style='padding-top:5px;padding-left:10px;'/></a></li></ul>
</div>
5. Terakhir. Simpan Template.

Notes :
Ganti "http://nama-blog.blogspot.com/" dengan alamat blog sobat.
Ganti "http://www.createfunnylogo.com/logo/cococola/Wahid%20Lovers.jpg" dengan gambar blog sobat.

Cara Membuat Threaded Comments Blogger Ala Mas Andes

Threaded Comments Blogger Ala Mas Andes

Cara Membuat Threaded Comments Blogger Ala Mas Andes - Sobat Wahid Lovers tentu tau dong siapa itu mas andes. Ya, mas andes adalah seorang blogger yang patut di acungi jempol. Karna blognya yang keren, untuk mengetahui langsung kerennya blog mas andes langsung saja meluncur ke blog beliau http://mas-andes.blogspot.com. Gi mana kerenkan blognya. Masih berkaitan dengan blog mas andes kali ini saya akan berbagi cara membuat threaded comments ala Mas Andes. Ok tak perlu panjang lebar lagi, langsung aja yuk di praktekan caranya.

1. Masuk ke Akun Blogger Sobat.
2. Klik Template >> Edit HTML.
3. Cari kode seperti ini.
<b:include data='post' name='threaded_comments'/>
4. Lalu ganti semua kode di atas dengan kode ini.
<b:include data='post' name='comments'/>
5. Selanjutnya, cari kode seperti ini.
<b:includable id='comments' var='post'>
6. Hapus kode diatas sampai penutup </b:includable>, lalu ganti dengan kode berikut ini.
  <b:includable id='comments' var='post'>
<div class='comments' id='comments'>
        <b:if cond='data:post.allowComments'>
          <h3>
           <b:if cond='data:post.numComments == 1'>
            <span><i class='fa fa-comments'/></span> 1 Response to &quot;<data:post.title/>&quot;
           <b:else/>
            <span><i class='fa fa-comments'/></span> <data:post.numComments/> Response to &quot;<data:post.title/>&quot;
           </b:if>
          </h3>
         <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>
         <div class='clear'/>
         <div id='comment_block'>
          <b:loop values='data:post.comments' var='comment'>
           <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
             &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
            <b:else/>
             &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
             <div class='comment_header'>
             <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
              <div class='comment_name'>
               <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
               <b:else/>
                <data:comment.author/>
               </b:if>
               <b:if cond='data:comment.author == data:post.author'>
                  <span class='comment_author_flag'><i class='fa fa-exchange'/> ADMIN</span>
               </b:if>
              </div>           
              <div class='comment_service'>
               <a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>            
               <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'><i class='fa fa-trash-o'/></a>
              </div>
              <div class='clear'/>
             </div>
             <div class='comment_body'>
                <span class='comment_arrow'/>
              <b:if cond='data:comment.isDeleted'>
               <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
               <p><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas Komentar'><i class='fa fa-reply-all'/> Balas</a>                                                            <div class='clear'/>                                        
              </b:if>                                      
             </div>
              <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>             
           </div>
          </b:loop>             
         </div>   
         <div class='clear'/>
         <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>
         <div class='clear'/>
         <div class='comment_form'>        
          <b:if cond='data:post.embedCommentForm'>
           <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='threaded-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>
         </div>
        </b:if>
       </div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 4;//How threaded level that you want
Display_Emo = true;//Display emoticon or not? set "false" to no display
Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable
Replace_Image_Link = true;//Auto replace an image link  choose "false" to disable.
Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true
//Config emoticons declare
Emo_List = [
':)'  ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',
':('  ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
'=('  ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',
'^_^'  ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
':D'  ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
'=D'  ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
'|o|'  ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',
'@@,'  ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
';)'  ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
':-bd'  ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
':-d'  ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
':p'  ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif',     
];
//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))             
//]]>
</script>
</b:includable>
7. Terakhir, cari kode ]]></b:skin>, lalu letakkan kode berikut di atasnya

/* Comment */
#comments{background:#95A5A6;margin:0;padding:0}
#comments h3{display:block;position:relative;background:#7F8C8D;color:#fff;font-size:22px;line-height:40px;text-transform:uppercase;margin:0 0 10px;padding:0 10px}
#comments h3 span{margin-right:10px}
#comment_block{margin:0 10px}
.comment_inner{background:#708090}
.comment_body{background:#fff;margin:0 0 10px 50px;position:relative;padding:10px 10px 23px}
.comment_body p{font-size:13px;margin:0}
.comment_avatar{height:50px;width:50px;background:#FF6600;float:left;margin-right:10px;overflow:hidden}
.comment_avatar *{display:block;width:50px;height:50px;margin-right:10px}
.comment_child .comment_avatar,.comment_child .comment_avatar *{width:50px;height:50px;float:left;margin-right:10px}
.comment_child .comment_wrap{padding-left:50px;margin-top:-10px}
.comment_child .comment_body{margin-bottom:10px}
.comment_name a{font-family:'Yanone Kaffeesatz',sans-serif;font-size:16px;color:#fff;text-transform:uppercase;padding:5px 0 0}
.comment_name{line-height:24px;letter-spacing:1px}
.comment_inner.comment_admin {background:#7F8C8D}
.comment_admin .comment_author_flag{font-size:16px;color:#fff;font-family:'Yanone Kaffeesatz',sans-serif}
.comment-delete{float:right;color:#fff;margin-left:10px;position:absolute;margin-top:2px}
.comment_date{color:#fff;font-size:12px;line-height:25px}
.comment-menu{float:right;list-style:none;width:0;height:0}
.comment_reply{font-size:11px;background:#B4BABE;color:#000;float:right;position:absolute;right:0;bottom:0;padding:4px 10px;border-radius:10px 0 0}
.comment_reply:hover{background:#222;color:#ff0}
.comment_reply_form .comment-form{width:100%}
.comment_youtube{padding-top:10px;padding-bottom:10px;max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_form a{display:block;background:#F53404;color:#fff;text-decoration:none;text-transform:capitalize;text-align:center;border-radius:10px 10px 0 0}
.comment_emo_list .item{float:left;width:40px;text-align:center;height:40px;margin:10px 10px 0 0}
.comment_emo_list span{display:block;font-weight:700;font-size:11px;letter-spacing:1px}
.comment_img{max-width:100%!important}
.deleted-comment{font-size:13px;color:#f00}
#comments iframe{border:none;overflow:hidden}
div:target .comment_body{background:#f55865;color:#fff}
p .spammers{background:#e9fbe9}
#comments textarea{background:#e9fbe9;border:1px solid #52e052;outline:none;width:96%;height:80px;overflow:auto;display:block;margin:10px auto;padding:10px}
.unneeded-paging-control,.comment_emo_list{display:none}
.comment_form{padding:0 10px}
#comment-editor{margin-left:-9px;width:103%!important}
#respond{overflow:hidden;padding-left:10px;clear:both}
#form-comment{position:relative;width:auto;font-size:12px;background:#222;color:#c5c5c5;padding:10px}
#form-comment ul{background:#f5f5f5;border:3px solid #c5c5c5;padding:10px}
#form-comment li{list-style-type:square;margin-left:15px;color:#222}
#form-comment:before{top:100%;border:transparent solid;content:'';height:0;width:0;position:absolute;border-top-color:#222;left:10%;margin-left:-36px;border-width:15px}
#form-comment .tombols{display:inline-block;background:#ff0;color:#222;font-size:12px;text-transform:capitalize;margin:5px 2px 0 0;padding:5px 10px;cursor:pointer;box-shadow:1px 1px 1px #222;border-radius:0!important}
#form-comment .tombols:hover{background:#F53404;color:#fff}
8. Terakhir, Simpan Template dan Lihat hasilnya.
Copyright © 2017 Wahid Lovers Powered by Blogger
DMCA · Privacy Policy · Sitemap · Contact ·
Back to Top