Blogger එකට Like Box එකක් දාගමු.

w.m.l.sandaruwan

Active member
  • Jul 6, 2013
    207
    35
    28
    Blogger එකට Like Box එකක් දාගමු.

    Untitled-4.jpg


    හුගක් කට්ටිය තමන්ගේ බ්ලොග් එක හදන්නේ Blogger.com වලනේ දෑන්. හුගක් දෑන් තියෙන බ්ලොග් වලට Fan Page, Facebook Group තියෙනවනේ. ඉතින් කොහොම හරි මම දෑන් කියන්න යන්නේ කොහොමද ඔයාලගේ බ්ලොග් එකට එකකොටම කටීයට ඔයගේ Fan Page එකට Like එකක දාල යන්න කියන පොඩි Like Box එකක් කොහොමද ඔයගේ එකට බ්ලොග් දාගන්නේ කියල. මෙ විදිහෙන් ඔයලට ඔයගොල්ලන්ගේ Fan Page එකෙ Like වෑඩි කරගන්න පුලුවම්.

    ඉස්සෙල්ලාම ඔයලගේ Blog එකේ Dashboard එකට යන්න. මෙන්න මෙක තමයි මගෙ Dashboard එකේ එක.

    1.JPG


    දෑන් Layout කියල එකක තියෙනව Dashboard එකේ. දෑන් Click එක කරන්න. එතකොට මෙන්න මෙ වගේ Window එකක් ඔයාලට දකින්න පුලුවම් වෙයි.

    2.jpg


    දෑන් ඔය උඩ රෑපේ තියෙනවා වගේ 2 කියල තියෙන තෑන තියෙන Add a Gadget කියන එක Click කරන්න. එතකොට මෙන්න මෙ වගේ Window එකක එයි ඔයාලට.

    3.jpg


    එ එන Window එකේ පොඩ්ඩක් පල්ලෙහාට ගිහින් HTML/JavaScript කියලඑකක තියෙනවා. එක හොයගෙන, එක ඉස්සරහ තියෙනවා පොඩි තරුවක් වගේ එකක් එක click කරන්න. දෑන් මෙන්න මෙ වගේ window එකක් Open වෙයි.

    4.jpg


    දෑන් ඔය තියෙන Content කියන Box එක එතුලට මෙ පල්ලෙහා තියෙන Code එක Copy කරන් paste කරගන්න.

    <style type='text/css'>
    #bloggerspiceFBpop {
    position:fixed !important;
    position:absolute;
    top:-1000px;
    left:50%;
    margin:0px 0px 0px -182px;
    width:300px;
    height:auto;
    padding:16px;
    background:#FEFEFE;font:normal Dosis, Georgia, Serif;
    color:#111;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    }
    #bloggerspiceFBpop a.bsclose {
    position:absolute;
    top:-10px;
    right:-10px;
    background:#fff;
    font:bold 16px Arial, Sans-Serif;
    text-decoration:none;
    line-height:22px;
    width:22px;
    text-align:center;
    color:#000000;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:25px;
    cursor:pointer;
    }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type='text/javascript'>
    $(window).bind("load", function() {
    // Animate Top
    $('#bloggerspiceFBpop').animate({top:"50px"}, 1000);
    // Widget by www.bloggerspice.com
    $('a.bsclose').click(function() {
    $(this).parent().fadeOut();
    return false;
    });
    });
    </script>
    <div id='bloggerspiceFBpop'>
    <!-- Widget by www.bloggerspice.com Start -->
    <center>
    <b><a class="BloggerSpice">Like Us to get latest News</a></b></center>
    <center>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fnanovaworld&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>
    <!-- Widget by www.bloggerspice.com End -->
    <a class='bsclose' href='#'>×</a>
    <center style="float:right; margin-right:10px;">
    <span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://www.nanovaworld.blogspot.com/2013/07/blogger-like-box.html</a></center>
    </div>



    ඉට පස්සේ පොඩි වෑඩක් තියෙනවා. මෙ Code එකට ඔයලගේ Fan Page එකේ Name එක දාන්න ඔනේ. ඈතතටම කිවොත් එක Nameඑකක්ම නෙමෙයි. එක Fan page IDඑක. එක හොයාගන්නේ මෙන්න මෙහෙමයි. ඉස්සෙල්ලාම ඔයාලගේ Fan Pageඑකට යන්න. එතකොට URL එකේ මෙන්න මෙහෙම වෑටෙනවා. මෙ තියෙන්නේ මගේ එකේ එක.

    5.jpg



    අපිට ඔනේ කරන්නේ ඔය URL එකේ අන්තිමට තියෙන nanovaworld කියන කෑල්ල. එක දෑන් copy කර ගන්න. ඔයගොල්ලන්ගේ Fan Page එකේ එක හොන්දේ.

    දෑන් අපි කරගත්ත එ Fan Page ID එක අපි Gadget එකට copy කරගතත code එක එතුලට දාන්න ඔනේ. එකට ඔය Gadget එකට copy කරගතත code එක පොඩ්ඩ්ක් බලන්න වෙනව. එ Code එකේ මෙන්න මෙහේම එකක තියෙනව..

    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fnanovaworld&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>.............................

    දෑන් ඔයා ඔයගේ Fan Page එකේ ID එක ඔය රතුපටින් තියෙන තෑනට දාගන්න. හිතන්නකො ඔයගේ Fan Page ID එක xxxxxxx කියල. එතකොට Code එක වෙන්නේ

    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fxxxxxxx&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>.............................

    අහ් දෑන් ඔක්කොම වෑඩ හරි. දෑන් යට තියෙන Save කියන Button එක click කරන්න.

    එතකොට Saving කියල උඩින් වෑටිල එ Window එක නෙති වෙලා යයි. දෑන් ඔයාලගේ බ්ලොග් එකට ගිහින් බලන්න Like Box එක වෑඩ කරනවද කියල.

    හොරා වගේ මරු වෙන්න නෙතුව Comment එකක් දාලා, අපේ Fan page එකට Like එකකුත් දාලම යන්න.

    Group-http://www.facebook.com/groups/Nanovatec/
    Blog:-www.nanovaworld.blogspot.com

    Fan-Page-http://www.facebook.com/nanovaworld
     
    Last edited:

    w.m.l.sandaruwan

    Active member
  • Jul 6, 2013
    207
    35
    28
    ela ela machan la.... me mata me REP dena ganna system eka terenne ne ne. mata e gena podi vistarayak ganna. tute ekaka link ekak tiyenava nm mata PM karanavada?????
     
    • Like
    Reactions: hodakolla