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.
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 == "item"">
<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