How To Add Social Bookmarking Widget With Tooltips To Blogger

ဒီေန႔တင္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ Social Bookmarking-Tooltips ကုိ ဘေလာ့ ပုိ႔(စ္) ေအာက္မွာ ထည့္နည္းေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြေတြလည္းမ်ားသလုိ မသိေသးတဲ့ မိတ္ေဆြေတြလည္းရွိ နုိင္ပါတယ္။ ဒါေၾကာင့္ မသိေသးတဲ့ မိတ္ေဆြေတြ/Cond ရွာရအခက္အခဲ ျဖစ္ေနသူေတြအတြက္ ေ၀မွ်ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔ လည္းေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ လင့္လည္းေပးထားပါတယ္။ ၿပီးေတာ့ က်ေနာ္ဘေလာ့ေလးကုိ လမ္းမွားၿပီးလာေရာက္ၾကတဲ့ မိတ္ေဆြေတြအားလုံး စိတ္ခ်ရေအာင္ Google မွာ Sign In / Follow လုပ္ေပးၾကပါလုိ႔ ေမတၱာရပ္ခံပါတယ္။ မသိနာမလဲတာေတြ ရွိရင္ လည္း Comment Box မွာ ျပန္ေမးနုိင္ပါတယ္။ အတတ္နုိင္ဆုံးထိ ကူညီေဆာင္ရြက္ေပးပါမည္။ Mr ThangMing

Preview

Cond ထည့္နည္းကေတာ့ ေအာက္က Add To Blogger ကုိ Click လုိက္ယုံပါပဲ။ Auto ၀င္မွာ ျဖစ္ပါတယ္။  Blogger ကုိ Sign In မလုပ္ရေသးရင္ ေတာ့ Add To Blogger နုိပ္လုိက္တာနဲ႔ Blogger Sign In လုိ႔ဖုိ႔ လာပါလိမ့္မယ္။

Widget Title:

<b:if cond='data:blog.pageType == "item"'> <!-- Social Bookmarking Widget With Animated Tooltips By http://www.mrthangming.blogspot.com/ --> <script type="text/javascript"> var SHRCB_Settings = {"shr_classic":{"size":"32","link":"","service":"5,7,313,309,78,304,88","apikey":"2fc518bd8c0bb3cf45bdade11877971c1","shortener":"bitly","shortener_key":"","designer_toolTips":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}}; var SHRCB_Globals = {"perfoption":"1"}; </script> <!-- End Shareaholic Classic Bookmarks settings --> <!-- Start Shareaholic Classic Bookmarks script --> <script type="text/javascript"> (function() { var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-cb.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); })(); </script> <!-- End Shareaholic Classic Bookmarks script --> <script type='text/javascript'> if (typeof(SHR4P)=="undefined") SHR4P = {}; SHR4P.blogger_addDiv = SHR4P.blogger_addDiv || function(divClass) { var post = new RegExp('hentry'); var titleContainer = new RegExp('post-title'); var postContainer = new RegExp('post-footer'); var elements = document.getElementsByTagName('div'); for (var i = 0; i < elements.length; i++) { var classes = elements[i].className; if (post.test(classes)) { var container = elements[i]; for (var j = 0; j < container.childNodes.length; j++) { var item = container.childNodes[j].className; if (titleContainer.test(item)) { var link = container.childNodes[j].getElementsByTagName('a'); if (typeof(link[0]) != "undefined") { var url = link[0].href; var title = link[0].innerHTML; } else { var url = document.url; var title = container.childNodes[j].innerHTML; } if (typeof(url) == "undefined"|| url == 'undefined' ){ url = window.location.href; } title=title.replace('"',"%22"); } if (postContainer.test(item)) { var footer = container.childNodes[j]; } } var d = document.createElement('div'); var code = '<div style="clear:both"></div><div class="' + divClass + ' shareaholic-show-on-load" data-shr_href="' + encodeURI(url) + '" data-shr_title="' + title + '"></div><div style="clear:both"></div>'; d.innerHTML = code; container.insertBefore(d , footer); } } return true; }; SHR4P.blogger_addDiv("shr_classic");</script> </b:if>

Blogge - Layout ထဲ၀င္ၿပီးသြားရင္ မိမိႀကဳိက္တဲ့ေနရာ ေ႐ြ႕ေျပာင္းေပးနုိင္ပါတယ္။ ေ႐ြ႕ေျပာင္းၿပီးစိတ္တုိင္က်ၿပီးဆုိရင္ Save Arrangements ကုိ တစ္ခ်က္ထပ္ နုိပ္ေပးလုိက္ပါ။ မသိသူေတြအတြက္ ေအာက္ပုံကုိ ထပ္ျပေပးလုိက္ပါတယ္။