Tuesday, February 3, 2015

Blogger and Google+ Comments System in Blogger

​ေရးသူ

ပံုမွာျပထားတဲ့အတိုင္​း G+ နဲ႔ Blogger system Comments ႏွစ္​ခု သင္​့ဘ​ေလာ့မွာ ထားခ်င္​သူမ်ား
Step 1. Log into your Blogger account and select your blog > go to 'Template' and press the 'Edit HTML' button on the right side.

Step 2. Click anywhere inside the code area and press CTRL + F keys to open the editor's search box and search for the following code:
ဒီ​ေအာက္​ကကုဒ္​ကို ႐ွာရမွာပါ
<b:include data='post' name='post'/>
Step 3. Just after <b:include data='post' name='post'/> add the following code:
အ​ေပၚက​ေကာင္​​ေလး ​ေတြ႔ပီဆိုရင္​ သူ႔ရဲ႕အ​ေပၚမွာ
​ေအာက္​ကဟာ​ေလး ထည္​့​ေပးပါ 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm5U0poRrLJMw1cmq64eGCALvrhnFO7eZpcLZXGocQ-8Sdz6OpCVptWdtcjzAfaxkPvLrBNAv2n1GD_hBu3A-xZXJuxKfqCmf80dBG_u4y0AN23IoUTHADcRVv_CA7iZzj7ABAZhgJZdvm/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Show Comments: <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWcIE1ptREId1hj7S7Lq58an8cZgXvonBtbx9yDBGk7hE3Xt_5JKJSkjbOHSP5GBB7U0-LBfc3stHsx0TuDzcFP2ZyEX_U_IJn5gxS0W2eUEF_5cqKBr07fmUhZPHC4t5r1yR-HQLTgEhE/s1600/google-plus-logo.png' width='35'/></a> OR <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5URXYhPMJ0Pc5DnUq9CPNKD5O14pKsQ6CPi1QrdKBddnJeJg6jzgQuZ34s3saGQg1KcBT9AUoFcmZk8BKrLfSlfUA-6XfJNXwpFRd5pextsQtzNECZ5CtZaUkd7rSFtdrlPIXy1h0iLi6/s1600/blogger-logo.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD'data-width='550' expr:data-href='data:post.url'/>
</div>      
</b:if>

 Step 4. Press the "Save Template" button located at the top of the editor and view your blog to see if you have successfully added Google+ commenting system to Blogger. 
​ေနာက္​တစ္​ဆင္​့က 

 </head> ကို႐ွာရမွာပါ သူ႔ကို​ေတြ႔ရင္​့ သူ႔အ​ေပၚမွာ
​ေအာက္​ကဟာ​ေလး ကပ္​ထည္​့​ေပးလိုက္​ပါ.. .

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

အားလံုးပဲ အဆင္​​ေျပၾကပါ​ေစ ... မသိသူမ်ားအတြက္​ပါ
သိသူမ်ား​ေက်ာ္​ခြသြားပါ ကြၽန္​​ေတာ္​သိသမွ်​ေလး​ေတြ
မွ်​ေဝသြားမွာပါ ..... ဂ်ယ္​မင္​း /



မွတ္​ခ်က္​​ေရးရန္​ သို႔မဟုတ္​

0 မွတ္​ခ်က္​​ေပး:

Post a Comment

သင္​​ေရး​ေပးခဲ့​ေသာ ကြန္​းမန္​႔တစ္​​ေၾကာင္​းဟာ
စာ​ေရးသူအတြက္​ အား​ေဆးတစ္​ခြက္​ပါ
တစ္​ခုခု ​ေရး​ေပးခဲ့ပါ.......