Pages - Menu

Friday, January 11, 2013

ဘေလာ့မွာ facebook Like Twitter Like google + Lik Share ထည့္နည္း

This is also Nice social Bookmark buttons. This buttons helps you to get more visitors by
sharing your post.Because it large button Earlier i posted about How to add "Add This" Social
Bookmark Buttons
. This is more attractive than it. In this tutorial also helps you to add this social
bookmark button to below post title and end of the post.


/sharing-widget

1. Log in to blogger account and Go to Design >> Edit HTML
    (make sure backup your template first)


3. Add check mark in Expand Widget Templates. 

4. Find this tag by using Ctrl+F   <div class='post-footer-line post-footer-line-1'/>

5. Paste below code before <div class='post-footer-line post-footer-line-1'/> code


<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>
.promote_post_bg {
height: 103px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1I-B1Wae4Be0JCHwALpBrZuZro5NpBo_SuDrm2NS_Mq3OJNQh8tntz678H09v_vAIRrNH6nbOe2vEcPbO76J9Ey7lD9j3p-kQvj3EJVfyNcy3FQpU1jaJ_GLbBRvrw5Te-X-idtrL4pR/s1600/sharing-widget.png) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;}
.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;}
.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;}
.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
</b:if>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="helperblogger" href="https://twitter.com/share">Tweet</a>
<script>
!
function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");

</script></div>
<div class="promote_facebook">
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like>
<div>
<b:if cond="data:post.isFirstPost">
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));

</script>
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone>
<script type="text/javascript">
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();

</script></div>
</div>



6. Now save your Template. You are done.

Demo below
မူရင္းလင့္ http://www.bloggertrix.com/2012/07/how-to-add-cool-social-sharing-widget.html
ကူးခိုင္းသလား မကူးခိုင္းသလားေတာ့ မသိဘူး ေကာင္းေတာ့ ကူးခ်င္စိတ္က တားမရဘူး လိုက္ကူးေတာ့တာဘဲ
က်ဳပ္က မပ်က္ႏိုင္တာေလးေတြကိုဘဲ နဲနဲ အားသန္လာတယ္။ ဒါေလးေတြက ဒီဆိုက္ကို ဟက္လို႔ ဖ်က္မွတာ
ပ်က္မွာပါ သူမ်ားဆိုက္ေတြမွာ တင္ထားတာလုိ မဟုတ္ေတာ့ ေတာ္ရံုနဲ႔ မပ်က္ဘူးေလ..ဒါေၾကာင့္ပါ။။

No comments:

Post a Comment