Our Blog! Top News! Be a Web Designer with Joomla! Be a Good Blogger with Blogger Lessons Download Operating Systems FREE!
Topics :

Friday, October 18, 2013

Add a Facebook Popup Like Box for Your Blog. - Blogger Lesson 6

By DJ Niraj  |  7:40 PM 4 comments

ඔන්න යාලුවනේ මම අදත් අලුත්ම Blogger පාඩමක් අරගෙන ආවා. කලින් Blogger පාඩම් කියවපු නැති අය සහ බ්ලොග් ලියන එකට අලුත් අය අපේ A to Z බ්ලොගර් පාඩම් ටික මෙතනින් ගිහින් බලන්නකෝ. බ්ලොගර් වල අයන්නෙ ඉදන්ම කියලා දීලා තියනවා.



Popup Like Box එකක්
දැන් හරි කලින් බ්ලොගර් පාඩම් බලපු අය එහෙනම් දැන් අද පාඩමට සම්බන්ධ වෙන්නකෝ. මම අද කියලා දෙන්න හැදුවේ බ්ලොග් එකට ඇතුල් වෙච්ච ගමන් එක පාරටම මතු වෙන Facebook Like Box එකක් බ්ලොග් එකට එකතු කරන්නේ කොහොමද කියලා. ඒවට කියන්නේ Popup Like Box කියලා ඒ වගේ එකක් දැකලා නැත්නම් ඔය එහා පැත්තේ පින්තූරේ තියෙන්නෙ ඒකක්.
  

හරි අපි දැන් බලමු ඒවගේ Popup Like Box එකක් අපේ බ්ලොග් එකට එකතු කරගන්නේ කොහොමද කියලා. හරිම සරලයි. ඉස්සෙල්ලාම ඔයාලගේ Blogger Dashboard එකේ ඒ කියන්නේ Control Panel එකේ Layout කියන Tab කොටසට යන්න. එතනින් ගිහින් බ්ලොග් layout එකේ ඕනිම තැනක තියන Add Gadget කියන තැනක් click කරලා HTML/Javescript Gadget එකක් එකතු කරන්න දෙන්න. 

දැන් ඒ HTML box එකට පල්ලෙහා තියන Code ටික හරියටම Copy කරලා Paste කරන්න. 

වැඩේ හරියටම කරන්න නම් Code ටික හරියටම තියෙන්න ඕනි. 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src="http://olusegun-fapohunda-calculator.googlecode.com/svn/justnaira/autoscroll/www.justnaira.com-jquery-colorbox.js"></script><style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;}.cboxIframe{width:100%;height:100%;display:block;border:0;}/**/#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{/*box-shadow*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px;height:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://2.bp.blogspot.com/-3KW95qDrjH0/TwRGYol22fI/AAAAAAAACM4/lCr80B0MD2U/s1600/%255Bwww.gj37765.blogspot.com%255Dborder.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(http://3.bp.blogspot.com/-7VRvnW_MUSw/TwRGXjXjloI/AAAAAAAACM0/5K-J5jgkxo4/s1600/%255Bwww.gj37765.blogspot.com%255Dloadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://3.bp.blogspot.com/-xjj51r2lm2M/TwRGaKezqHI/AAAAAAAACNI/lKX9_-YUUdY/s1600/%255Bwww.gj37765.blogspot.com%255Dloading.gif) no-repeat center center;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute;bottom:-29px;background:url(http://3.bp.blogspot.com/-UFvsMA0xw_s/TwRGZN6BBGI/AAAAAAAACNA/_z47WNmUOfs/s1600/%255Bwww.gj37765.blogspot.com%255Dcontrols.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px;}#cboxPrevious{left:0px;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}#jnfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#jnfb a,#jnfb a:hover,#jnfb a:visited{text-decoration:none;}.jnbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.jnbox-tagline{color:#999;margin:0;text-align:center;}#jnsubs-container{padding:35px 0 30px 0;position:relative;}a:link,a:visited{border:none;}.demo{display:none;}</style><script type="text/javascript">jQuery(document).ready(function(){if (document.cookie.indexOf('visited=false') == -1) {var fifteenDays = 1000*60*60*24*30;var expires = new Date((new Date()).valueOf() + fifteenDays);document.cookie = "visited=true;expires="+expires.toUTCString();$.colorbox({width:"400px", inline:true, href:"#jnfb"});}});</script><div style='display:none'><div id='jnfb' style='padding:10px; background:#fff;'><h3 class="jnbox-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" ></p></center></h3><center><iframe src="//www.facebook.com/plugins/likebox.php?href=facebook.com%2F(Facebook Page User Name)&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center> <p style=" float:right;  margin-right:35px;  font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.freewarehut.blogspot.com">FreewareHut</a></p></div></div>
දැන් ඉතින් පොඩි වැඩ වගයක් කරන්න තියනවා. දැන් Facebook Page User Name කියලා රතු පාටින් දක්වලා තියන තැනට ඔයාගේ Facebook Fanpage එකේ Username එක එතනට දාන්න. දැන් වැඩ ඉවරයි. දැන් Gadget එක Save කරලා ඔයාගේ බ්ලොග් එකේ Preview එකක් බලන්න. එතකොට ඔයාලට Popup Like Box එක වැඩ කරනවා පෙනෙයි. 
එහෙනම් අදට පාඩම ඉවරයි. මම ගිහින් අලුත්ම බ්ලොගර් පාඩමක් අරගෙන එන්නම්කෝ. ඔයාලට ප්‍රශ්ණයක් එහෙම මේ ගැන තියනවානම් මට Comment එකක් දාන්නකෝ. 

Author: DJ Niraj

Hello My Name is Sandun Isuru Niraj, And I'm from beautifull island Sri Lanka which is called the pearl of the Indian Ocean. I Love the blogging and web designing. Not only that I love programming much.....

4 comments:

  1. Replies
    1. තැන්ක්ස් අයියේ..

      Delete
  2. User name eka kyala mkakda? methana Danna ona ????

    ReplyDelete
    Replies
    1. ඔයාගේ facebook page එකට ඉස්සෙල්ලම username එකක් හදාගන්න. ඒක තමයි දාන්න ඕනි.

      Delete

ඔබගේ අදහසත් එකතු කරන්න. මට ඒක ගොඩාක් වටිනවා..


Connect with Google+

All Rights Reserved

Protected by Copyscape Web Plagiarism Software

Safety First....

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles

TOP