Tabber comments Facebook và Blogger cho Blogspot

Theo mặt định thì blogspot của chúng ta chỉ có comments google blogger thôi, nay Hồng Designer sẽ hướng dẫn các bạn một thủ thuật blogspot mới đó là thêm comments facebook kết hợp với comments blogger vào blogspot.
Tabber comments Facebook vaf Blogger cho Blogspot

Tabber comments Facebook vaf Blogger cho Blogspot

Bước 1 : 

Đưng nhập vào template blogspot của bạn tìm đến thẻ </head> và chèn đoạn code sau trên thẻ </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="640"></div>';
//]]>
</script>
Lưu ý : 640 là chiều rộng của comments

Bước 2 :

Tiếp tục chèn đoạn code sau trên thẻ </body>
<div id='fb-root'/>
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id;js.src = &quot;//connect.facebook.net/en_GB/all.js#xfbml=1&quot;;fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Bước 3 :

Tìm đoạn code sau :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
............
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div>
</b:if>

Bước 4 :

Thêm đoạn code sau dưới đoạn code ở bước 3
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='tabviewsection'><style>.tabs-widget{padding:0;height:28px;border-bottom:1px solid #ddd;width: 630px;padding-left: 15px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghnveHwh2kIzKuvFY-7-xbfEfeEKn3bmXdbiAuIN73d4XpCLJJZBfcBcCFCnqmWejQO4N0EU6oLYWzH2sh7t5qJsjGMf9osAJi-jjn0w7Iaaksgf6sEuv88q5eAmMvgg1bfz48Fzbptl03/s38/hinhnenthanhtab-thaiaiti.gif);}.tabs-widget li{list-style:none;list-style-type:none;padding:0;float:left;}.tabs-widget li:first-child{margin:0}.tabs-widget li a{color:#333;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg06Yb03vMb6t-NePPCY9KkvkhIjT9YirBunbl_LhExN8FVCMs-RX05K0WR0EXO3_FY65_c9R6MKDfo2Z_v7SLbIW8VFIItUZEJmGOvSLxyA6QQxOmeupZP26L-myAvwex2cGFOvaMB79-G/s27/2thaiaiti123.gif);padding:5px 10px;display:block;text-decoration:none;font:bold 13px Arial;text-transform:none;border:1px solid #ccc;height: 17px;margin-right:2px;border-top-left-radius:8px;border-top-right-radius:8px;}.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKDT0pYJsW4eyNB1LcvMFmykZXUUammRtd0JPRTUtCJCHyE8ClYM-25uFYjBncvd1VILEC8mkAkE-Q2VDKCQyN96n6Cpk59Qv2DFqUIDAr8Wqcq7-4d6jNDzGFHzbltRJiWsaG9NOEn3BB/s31/1thaiaiti123.PNG);color:#333;text-decoration:none;height: 18px;border-bottom: none;}.tabviewsection{width:640px;margin: 0;float: left;margin-top: 20px;}#widget-themater_tabs-1432447472-id1 {float: left;margin-top: 10px;}</style>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() {
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);
$(this).addClass(&quot;tabs-widget-current&quot;);
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
var activeTab = $(this).attr(&quot;href&quot;);
$(activeTab).fadeIn();
return false;
});
});
</script><div style='float: left;margin-top:5px;height: 20px;overflow: hidden;'><div class='addthis_toolbox addthis_default_style '><a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_button_google_plusone' g:plusone:size='medium'/></div><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/></div><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Bình luận facebook</a></li> <li><a href='#widget-themater_tabs-1432447472-id2'>Bình luận Google</a></li>
</ul><div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>document.write(fbcm);</script></b:if>
</div>
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
Đoạn code commnet của Google Blogger.... </div>
</div>
</b:if>

Bước 5 :

Chúng ta đã thêm comments facebook vào blogspot và bay giờ tìm đến đoạn code comments google blogger thay thế vào phần Đoạn code commnet của Google Blogger....  trong bước 4.
Tìm đoạn code sau đây
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.numComments &gt; 200'>
<div class='commentnavi' id='commentnavi'/>
<script type='text/javascript'>
var numcomments=&#39;<data:post.numComments/>&#39;;
//<![CDATA[
var current;numshowpage=5;prev='«';next='»';pagefirst='Page';pageitems='Comments';dw='';urlactivepage=location.href;numpage=parseInt((numcomments-1)/200)+1;urlpost=urlactivepage.split('.html');urlpost=urlpost[0]+'.html';if(urlactivepage.indexOf('?commentPage=')==-1){current=1}else{current=parseInt(urlactivepage.substring(urlactivepage.indexOf('?commentPage=')+13))}var integer=parseInt(numshowpage/2);if(integer==numshowpage-integer){numshowpage=integer*2+1}first=current-integer;if(first<1){first=1}last=first+numshowpage-1;if(last>numpage){last=numpage;if((last-first+1)<numshowpage){first=last-numshowpage+1;if(first<1){first=1}}}if(current*200<=numcomments){dw+='<span class="page-items">'+(((current-1)*200)+1)+' - '+(current*200)+' / '+numcomments+' '+pageitems+'</span>'}else{if((((current-1)*200)+1)==numcomments){dw+='<span class="page-items">'+numcomments+' / '+numcomments+' '+pageitems+'</span>'}else{dw+='<span class="page-items">'+(((current-1)*200)+1)+' - '+numcomments+' / '+numcomments+' '+pageitems+'</span>'}}dw+='<span class="page-first">'+pagefirst+'</span>';if(current>1){dw+='<a class="page-prev" href="'+urlpost+'?commentPage='+(current-1)+'#comments">'+prev+'</a>'}if(first>1){dw+='<a class="page-number" href="'+urlpost+'?commentPage=1#comments">1</a>'}if(first>2){dw+='<span class="gap">&#133;</span>'}for(i=first;i<=last;i++){if(i==current){dw+='<span class="selected">'+i+'</span>'}else{dw+='<a class="page-number" href="'+urlpost+'?commentPage='+i+'#comments">'+i+'</a>'}}if(last<numpage-1){dw+='<span class="gap">&#133;</span>'}if(last<numpage){dw+='<a class="page-number" href="'+urlpost+'?commentPage='+numpage+'#comments">'+numpage+'</a>'}if(current<numpage){dw+='<a class="page-next" href="'+urlpost+'?commentPage='+(current+1)+'#comments">'+next+'</a>'}var a=document.getElementById('commentnavi');a.innerHTML=dw;
//]]>
</script>
</b:if>
<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/>
<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);b=a.innerHTML;c=b.indexOf('icon user blog-author">');if((items_copy[i].author.avatarUrl=='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsXPtHC3rxlmohK-EGJ2p9RFS5-3m4FJ8cJUwVMAFo6ciW9YToB43UJc8uqe_oRDw63tnRHPR8Op0btcj7Zxc3iGLT_wgOWh15sePxnrsdOSGlhWkam84kkv9ASJsAK_ShomA4HFD-r4vo/s656/alo_logo%2520%25281%2529%2520copy.png')&&(c!=-1)){b=b.replace(/icon user blog-author">/,'icon user">')}a.innerHTML=b}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="thanks-comment '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Cảm ơn '+items_copy[i].author.name+' Chúc bạn 1 ngày làm việc hiệu quả!</div>';d.innerHTML=e}}
//]]>
</script>
<script type='text/javascript'>
var likeurl=&#39;<data:blog.url/>&#39;;
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);gl="'"+items_copy[i].id+"'";b=a.innerHTML+'<div class="like-cm" onmousemove="likecom('+gl+')"><div id="like-cm'+items_copy[i].id+'"></div></div>';a.innerHTML=b}function likecom(i){var a=document.getElementById('like-cm'+i);if(a){a.innerHTML='<iframe style="margin:-6px 0 0 -13px" frameborder="0" allowtransparency="true" scrolling="no" height="20" src="http://www.blogger.com/blog-post-reactions.g?options=[Like]&textColor=%23666666#'+likeurl+i+'" width="100"><\/iframe>'}}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);b=a.innerHTML+'<span class="comments-number">'+(i+1)+'</span>';a.innerHTML=b}
//]]>
</script>
</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>
<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>
 Cắt nó và dán vào phần Đoạn code commnet của Google Blogger.....nhớ là cắt chứ ko phải coppy nha. Thế là xong. Chúc các bạn thành công.
Nguồn : Thaiaiti.com

Comments

Post a Comment

Popular posts from this blog

Minh Tuấn Lần 2 Backlink V2

https://sendit.cloud/wt5jo9ievlem http://ge.tt/4Acdii33/v/0 https://www.sendspace.com/file/f7znb4 http://www.filedropper.com/lmsaocccpichungsngmmquaidchbbimo https://www.file-upload.com/27tuoga05ghp https://dailyuploads.net/l7gaym3fbv1s https://yogicentral.science/wiki/5_Hiu_lm_thng_gp_ca_ngi_mi_tp_gym https://morphomics.science/wiki/Lm_sao_cc_cp_i_chung_sng_m_m_qua_i_dch https://sciencewiki.science/wiki/HLV_Park_Hang_Seo_ng_Cng_Phng_c_n https://imoodle.win/wiki/S_im_lng_ca_Bu_Hin_v_H_Ni_FC_khin_SC_Heerenveen_lo_st_v_v_thng_v_gia_hn_vi_on_Vn_Hu http://schmelkes.com/wiki/index.php?title=Tng_hp_nhng_lu__trong_k_thut_bng__Futsal https://yogaasanas.science/wiki/Hng_dn_K_Thut_Bng_Dn_Bng_Qua_Ngi_p_Nh_Siu_Sao_Li_D_tp_luyn https://null-bytes.review/wiki/Lm_sao_cc_cp_i_chung_sng_m_m_qua_i_dch https://italentos.win/wiki/5_Hiu_lm_thng_gp_ca_ngi_mi_tp_gym https://championsleage.review/wiki/HLV_Park_Hang_Seo_ng_Cng_Phng_n_chic https://historydb.date/wiki/S_lng_im_ca_Bu_Hin_v_H_Ni_FC_...
Read more

Báo Nước Ngoài Viết Về Cốp Pha Việt

Image
Địa chỉ : 19A Nguyễn Văn Bứa, Xuân Thới Sơn, Hóc Môn, Hồ Chí Minh Email :info@copphaviet.com - dohungphat@gmail.com Hotline : 0967 84 99 34 -0937 626 579 http://dailydispatcher.com/news/cop...ion-scaffolding-formwork-amp-appendix/189065/ http://vnreporter.com/news/copphavi...ion-scaffolding-formwork-amp-appendix/189065/ http://www.nbc29.com/Global/story.asp?S=41177140 http://marketsanctum.com/news/copph...ion-scaffolding-formwork-amp-appendix/189065/ http://intheheadline.com/news/copph...ion-scaffolding-formwork-amp-appendix/189065/ http://video.myfoxyakima.com/Global/story.asp?S=41177140 http://www.kitv.com/Global/story.asp?S=41177140 http://www.news9.com/Global/story.asp?S=41177140 http://theworldagenda.com/news/copp...ion-scaffolding-formwork-amp-appendix/189065/ http://emporiumpost.com/news/coppha...ion-scaffolding-formwork-amp-appendix/189065/ http://www.abc6.com/Global/story.asp?S=41177140 http://theupstocker.com/news/coppha...ion-scaffolding-formwork-amp-appendix/18...
Read more

Mxhcopphaviet

Các trang mạng xã hội của Công ty TNHH Phụ Kiện và Cốp Pha Việt https://docs.google.com/spreadsheets/d/1-yFhnIFAnNOWAld1w3RRqTpKFQ2mz2prze1tjG_JjCo/edit#gid=0 https://docs.google.com/forms/d/1GmtCuLKQWr7dDRfWIVvVZDggcv9HZ7HaZZc7axqq4h8/edit https://docs.google.com/presentation/d/1LD7XopvZ_K3UveB7Z3eTCPvNgu_ustbKz6zPLmWE2lI/edit https://www.google.com/maps/d/edit?mid=1nFFAsCdjcf6L5PoPBm3bID2of8K2Qaow https://docs.google.com/document/d/1XH8syjukbZqmpWtdQRwR2BOJ_sABkIve8-7t_3YiJfM/edit https://sites.google.com/view/copphaviet/ https://docs.google.com/drawings/d/1M5_10b7Sqk0j0mYTSkpfZJIKrBa54apvyZmC1YS-CsM/edit https://docs.google.com/spreadsheets/d/1abWzFKoyfbxObTJD0Uxssdyc7Q0-XswAaMQuzHmMytI/edit https://docs.google.com/presentation/d/1xIRbdy3eENqE4n-Bb29u9YDm2-LVFj-pMcWZ64vtvkY/edit https://drive.google.com/open?id=1s1EgM8dBC5ANywxfGu8sTeE6h44LLeAw https://jamboard.google.com/d/1qiX_X2xFsEf1mGThWsexRFmh5oWSEJnXA7ZKF48Dw8s/viewer https://docs.google.com/forms/d/1mfCV8CzFPySfx7...
Read more