ඔයාගෙ Blog එකට Read More Post Slide out Widget එක දා ගමුද?

Tweet

කොහොමද යාලුවනේ ඔයාලට.ඔන්න මම අද තවත් බ්ලොග් වැඩකෑල්ලක් ගෙනාව.දැන් හැමකෙනාටම වගේ බ්ලොග් එකක් තියෙනවනෙ.ඔන්න ඒ බ්ලොග් කරන යාලුවන්ට මම අඩ කියල දෙන්න හදන්නෙ කොහොමද ඔයාගෙ බ්ලොග් එකට Read More Post Slide Out Widget එකක් ඇඩ් කරගන්න ව්දිය.මම ඔයාලට දෙන Widget එකේ Facebook Like,Tweet,Google +1 බටන් ටිකත් තියෙන නිසා බ්ලොග් එකට එන Visitorsලට ගොඩාක් පහසුවෙන් Like,Tweet,Share කරන්නත් පුලුවන්.

මේකෙත්  DEMO දෙන්න ඕනෙ නෑ.මොකො මගේ බ්ලොග් එකේ දාල තියෙන්නෙ.එහෙනම් අපි වැඩේට බහිමු.

මුලින්ම ඔයා Layout > Add a gadget > JavaScript යන්න.දැන් පහත කේතය යොදා JavaScript එක Save කරන්න.මතක ඇතුව Title Name එකක් දෙන්න.

<style> #bpslidein{z index:5; width:400px; height:100px; padding:10px; background-color:#fff; border-top:5px solid #F9780E; position:fixed; right:-430px; bottom:0;-moz-box-shadow:-5px 0 10px #aaa; -webkit-box-shadow:-5px 0 10px #aaa; box-shadow:-5px 0 10px #aaa; font-family:Arial, Helvetica, sans-serif; } #bpslidein p{ font-size:11px; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; letter-spacing:1px;color:#555; } #bpslidein_title{ color:#555; font-weight:700; font-size:16px; margin:10px 20px 10px 0; } #bpslidein a,#bpslidein a:hover,#bpslidein_title{ text-decoration:none;color:#F9780E; } #bpslidein .close,#bpslidein .expand,#bpslidein .help{ border:2px solid #EEE; cursor:pointer; color:#9A9AA1; width:13px; height:15px; padding:2px 0 0 5px; position:absolute; right:10px;font-size:17px; font-weight:700;font-family:Arial, Helvetica, sans-serif; font-size:12px; } #bpslidein .help{right:35px; } #bpslidein_title,#bpslidein_image{ float:left;width:80px; } #bpslidein_title{ width:290px; } </style> <div id="bpslidein" style="display:none;"> <div class="help"> ?</div> <div class="expand"> +</div> <div class="close"> X</div> <p> SofTZonE LK-Recommended for you</p> <div id="bpslidein_image"> </div> <div id="bpslidein_title"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitqQW8UGgXKs6WbnyS0KxbfmYkAHuIsJMR-yQeHV6t0bAOy4HzuJ0VpeprEzz1MDr-IYoav9aujbDB4Tk4JtdD2XnOvpDXnfwKBdYyvwFv4SNAHiRon_PYq1OpDCSP3E6FhhGbvOVUDB8c/s1600/MD-loading.gif" /></div> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/> <a class='addthis_button_tweet'/> <a class='addthis_button_google_plusone' g:plusone:size='medium'/> </a></a></a></div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f086bca05bf6861' type='text/javascript'/> <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> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://goo.gl/Lzz2C",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://sam.azgor.com/2013/02/recommended-slide-out-post-widget-with-social-buttons-for-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBs0SUdNNySVCGm4YR7kz9g9MtSKqZq2HRTFZdr-d_1pE8gH-Mm4o_C24LlrUuEcjDQwvIOmBm5fgpG5o6PqBpK1b-NUBhyBzp6Rz8tBCBF9Xb_uwblDtjled5f_yUwahVpv40EfbjnfA0/s1600/www.gj37765.blogspot.com.png" alt="Recommended Post Slide Out For Blogger" /> </a>

ඔන්න වැඩේ හරි.දැන් ඔයාගෙ බ්ලොග් එකට ගිහින් බලන්න.ගැටලුවක් තිබුනොත් කමෙන්‍ටුවක් දාල අහන්න.එහෙනම් ආයෙත් දවසක මේ වගෙ වැදගත් දෙයක් අරගෙන එන්නම්.මම ගියා.මතක ඇතුව Like එකක් දාල යන්න.

ප්‍රතිචාර