cara pasang komentar blog berdampingan dengan google +
tidak di ragukan lagi bahwa mencari teman di google+ lebih mudah daripada mendapatkan followrs di blog, cara mengatasi kesepian followrs dan komentar di blog adalah dengan cara memasang komentar google + berdampingan dengan kotak komentar blog. adapun cara-caranya di bawah ini. silahkan ikuti tahap-demi tahap.
- Pertama tentunya login dulu ke akun sobat
- Selanjutnya Edit template,dan jangan lupa backup dulu supaya aman
- Kemudian temukan kode di bawah ini,dan blok semuanya
<b:includable id='threaded_comments' var='post'>...</b:includable>
- Ganti kode di atas dengan kode di bawah ini
<b:includable id='threaded_comments' var='post'><div id='com-header'><h6>Berkomentar dengan </h6> <img class='com-on' id='com-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJUEhWyugJCzwLzQ-I96u27zWT5qVoiuqdVhcaEFWMmvqI4GmOE3HKRJe0jBSTehTW3jMxsWF-G96RnRjW3mwRi7hW2bKQ8_n4i_1PT_96wcrvpQBS4IAQnT8wJeqEmer2gUqp2AaQSXh/s1600/blogger-comments-on.png' title='Tampilkan Komentar Blogger'/><h6>atau</h6> <image id='com-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGkAq4JinkFR5WftzAue9YHBMrYJmO7pL7TeGHqAOhmwKveKcHzLoP8zBedNJQYQgQN9RkR_hmzuy2SfCdDrFPLBgVUego6ypGw8NCqfHXzwt8hrJB1lKk6Wl5aUIa2z9P7TWfyvHqnwx/s1600/Google-plus-comments-off' title='Tampilkan Komentar Google+'/><h6>silahkan tentukan pilihan sobat!</h6></div><div id='comment-zone'><div class='comments' id='comments'><a name='comments'/><h4><data:post.commentLabelFull/>:</h4><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><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 + "_backlinks-container"'><b:if cond='data:post.showBacklinks'><b:include data='post' name='backlinks'/></b:if></div></div></div><div id='gcontainer'><div id='gcomments'/></div><script type='text/javascript'>window.___gcfg = {lang: 'id-ID'};</script><script src='http://apis.google.com/js/plusone.js'/><script type='text/javascript'>//<![CDATA[gapi.comments.render('gcomments',{href:window.location,width:'640',first_party_property:'BLOGGER',view_type:'FILTERED_POSTMOD'});$('#com-norm').click(function(){$('#gcontainer').css('display','none');$('#comments').css('display','block');$('#com-norm').addClass('comment-on');$('#com-gplus').removeClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJUEhWyugJCzwLzQ-I96u27zWT5qVoiuqdVhcaEFWMmvqI4GmOE3HKRJe0jBSTehTW3jMxsWF-G96RnRjW3mwRi7hW2bKQ8_n4i_1PT_96wcrvpQBS4IAQnT8wJeqEmer2gUqp2AaQSXh/s1600/blogger-comments-on.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGkAq4JinkFR5WftzAue9YHBMrYJmO7pL7TeGHqAOhmwKveKcHzLoP8zBedNJQYQgQN9RkR_hmzuy2SfCdDrFPLBgVUego6ypGw8NCqfHXzwt8hrJB1lKk6Wl5aUIa2z9P7TWfyvHqnwx/s1600/Google-plus-comments-off');});$('#com-gplus').click(function(){$('#comments').css('display','none');$('#gcontainer').css('display','block');$('#com-norm').removeClass('comment-on');$('#com-gplus').addClass('comment-on');$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht3vuos0pF5vkdk6pNFszzKudUfnHwEOrHie7sSYh70rFCVZpKCxQtg_ms_lGjzZinbONHTWVjCsPunFlqV4qHJ5dHh45I4tyAOwcj1dVtXvPMX-SSTkmQS_G0WTWy5Dy55rYbUp9Y7CIk/s1600/blogger-comments-off.png');$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_v1phDEoOv-VGg8eMm4YNaJG1eCv4O3MhSIde8rqOGSbz1qbqnR-u_zu1__CIgmD2JDamVAdfGKOczPSSUyoLZovUJ4jJRDMbpt3T7oEivcLbSMoxYvHeAITReMEXMx0njNc_Ahr4TId5/s1600/google-plus-comments-on.png');});$('#com-norm').hover(function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJUEhWyugJCzwLzQ-I96u27zWT5qVoiuqdVhcaEFWMmvqI4GmOE3HKRJe0jBSTehTW3jMxsWF-G96RnRjW3mwRi7hW2bKQ8_n4i_1PT_96wcrvpQBS4IAQnT8wJeqEmer2gUqp2AaQSXh/s1600/blogger-comments-on.png');}},function(){if(!$('#com-norm').hasClass('comment-on')){$('#com-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht3vuos0pF5vkdk6pNFszzKudUfnHwEOrHie7sSYh70rFCVZpKCxQtg_ms_lGjzZinbONHTWVjCsPunFlqV4qHJ5dHh45I4tyAOwcj1dVtXvPMX-SSTkmQS_G0WTWy5Dy55rYbUp9Y7CIk/s1600/blogger-comments-off.png');}});$('#com-gplus').hover(function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_v1phDEoOv-VGg8eMm4YNaJG1eCv4O3MhSIde8rqOGSbz1qbqnR-u_zu1__CIgmD2JDamVAdfGKOczPSSUyoLZovUJ4jJRDMbpt3T7oEivcLbSMoxYvHeAITReMEXMx0njNc_Ahr4TId5/s1600/google-plus-comments-on.png');}},function(){if(!$('#com-gplus').hasClass('comment-on')){$('#com-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGkAq4JinkFR5WftzAue9YHBMrYJmO7pL7TeGHqAOhmwKveKcHzLoP8zBedNJQYQgQN9RkR_hmzuy2SfCdDrFPLBgVUego6ypGw8NCqfHXzwt8hrJB1lKk6Wl5aUIa2z9P7TWfyvHqnwx/s1600/Google-plus-comments-off');}});//]]></script><style>#gcontainer {display:none;}#com-norm,#com-gplus {cursor:pointer;padding:0 5px;float:left;}#com-header {border: 1px solid #d2d2d2;padding: 10px;float: left;width: 615px;margin: 5px;background: #f5f5f5;}#com-header h6{font-size: 15px;text-transform: none;font-weight: bold;text-align: center;float: left;padding-top: 15px;margin: 0px;margin-right: 7px;margin-left: 7px;}</style></div></b:includable>
Sesuaikan ukuran toggle, ganti angka 615px sesuai ukuran blog sobat. Kemudian ganti juga angka 640 sesuaikan dengan ukuran blog sobat.
- Cari kode di bawah ini
<b:includable id='comment_picker' var='post'>...</b:includable>
- Ganti dengan kode di bawah ini
<b:includable id='comment_picker' var='post'><b:if cond='data:post.forceIframeComments'><b:include data='post' name='iframe_comments'/><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if><b:else/><b:if cond='data:post.commentSource == 1'><b:include data='post' name='iframe_comments'/><b:else/><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='threaded_comments'/></b:if></b:if></b:if><div style='clear:both;'/></b:includable>
Jika di template sobat belum ada kode Jquery,silahkan tambahkan dan apabila sudah maka tidak usah di tambahkan
- Cari kode </head> dan tambahkan kode di bawah ini di atas atau sebelum kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
- Simpan dan lihat hasilnya.
semoga artikel ini bermanfaat.
Lebih Menarik Lagi:
0 Comments