Facebook Youtube linkedin Twitter feedburner Skype Me

පාවෙන Google +1, Facebook, Twitter බොත්තම් Share Widget එකක් ඔයාලගේ බ්ලොග් එකටත් දාගන්න.. 17





bt4u | 12/10/2011 | , , , , ,


කොහොමද කට්ටියට ගොඩක් දවසකින් ඔයාලට මොකුත් බ්ලොග් ගැජට් එකක් දෙන්න බැරි උනා ඔන්න එකටත් එක්ක ලස්සන පාවෙන Google +1, Facebook, Twitter බොත්තම් Share Widget එකක් මම අරගෙන අවා.. ඔයාලත් ආසනම් මේ ගැජට් එක බ්ලොග් එකට දා ගන්න.. මම පහල කියලා තියෙන ව්දියට වැඩ ටික කරගෙන බ්ලොග් එකට මේ ගැජට් එක දා ගන්න..

මුලින්ම ඔයාලා Dashboard >> Design >> Edit Html >> යන්න..මතක ඇතුව Expand Widget Templates තැනට හරිය දෙන්න..දැන් ඔයලා යතුරු පුවරුවේ Ctrl+F යතුරු එක වර ඔබන්න..දැන් ඔයාලට ලැබේයි සේර්ච් බාර් එකක්.

එතන ]]></b:skin> කියලා ටයිප් කරන්න..දැන් ඔයලාගේ HTML box එකේ මේ කොඩ් එක Highlight වෙලා තියෙනවා පෙනෙයි..
දැන් ඔයලා ]]></b:skin> කොඩ් එකට පහලින් මම පහල දිලා තියෙන කොඩ් එක Copy, Past කරන්න...


<style type='text/css'>
#floatdiv { 
    position:absolute; 
    width:94px; 
    height:229px; 
    top:0; 
    left:0; 
        z-index:100 
}

#saamgeadaviya { 
border:1px solid #ddd;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-goog-ms-border-radius: 6px;
border-radius: 6px; 
left: -12px;
padding: 8px; 
position:relative; 
height:220px; 
width:55px; 
margin:0 0 0 69px; 
}
</style>


දැන් Template එක Save කරන්න...Save Template 


දැන් ඔයලා Desing >> Page Element >> Add a gadget >> "Html/java script" එකක් ගන්න..එකට මම පහල දිලා තියෙන කොඩ් එක copy කරගෙන ඔයාලා "html/java script" එකට past කරන්න.

<div id="floatdiv"> 
<div id="saamgeadaviya"> 
    <table cellpadding="1px" cellspacing="0">
    <tr> 
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;"> 
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like> 
    </td> 
    </tr>
    <tr> 
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;"> 
<g:plusone size="Tall" expr:href="data:post.url"> 
    </g:plusone></td> 
    </tr>
    <tr> 
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Your Twitter ID">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 
    </td> 
    </tr>
    <tr> 
    <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"></p> 
    </td> 
    </tr>
    </table> 
</div> 
</div> 


<script type="text/javascript"> 
// JavaScript Document

   <!-- 
/* Script by: www.jtricks.com 
* Version: 20071017 
* Latest version: 
* www.jtricks.com/javascript/navigation/floating.html 
*/ 
var floatingMenuId = 'floatdiv'; 
var floatingMenu = 
{ 
    targetX: 0, 
    targetY: 300,
    hasInner: typeof(window.innerWidth) == 'number', 
    hasElement: typeof(document.documentElement) == 'object' 
        && typeof(document.documentElement.clientWidth) == 'number',
    menu: 
        document.getElementById 
        ? document.getElementById(floatingMenuId) 
        : document.all 
          ? document.all[floatingMenuId] 
          : document.layers[floatingMenuId] 
};
floatingMenu.move = function () 
{ 
    floatingMenu.menu.style.left = floatingMenu.nextX + 'px'; 
    floatingMenu.menu.style.top = floatingMenu.nextY + 'px'; 
}
floatingMenu.computeShifts = function () 
{ 
    var de = document.documentElement;
    floatingMenu.shiftX =  
        floatingMenu.hasInner  
        ? pageXOffset  
        : floatingMenu.hasElement  
          ? de.scrollLeft  
          : document.body.scrollLeft;  
    if (floatingMenu.targetX < 0) 
    { 
        floatingMenu.shiftX += 
            floatingMenu.hasElement 
            ? de.clientWidth 
            : document.body.clientWidth; 
    }
    floatingMenu.shiftY = 
        floatingMenu.hasInner 
        ? pageYOffset 
        : floatingMenu.hasElement 
          ? de.scrollTop 
          : document.body.scrollTop; 
    if (floatingMenu.targetY < 0) 
    { 
        if (floatingMenu.hasElement && floatingMenu.hasInner) 
        { 
            // Handle Opera 8 problems 
            floatingMenu.shiftY += 
                de.clientHeight > window.innerHeight 
                ? window.innerHeight 
                : de.clientHeight 
        } 
        else 
        { 
            floatingMenu.shiftY += 
                floatingMenu.hasElement 
                ? de.clientHeight 
                : document.body.clientHeight; 
        } 
    } 
}
floatingMenu.calculateCornerX = function() 
{ 
    if (floatingMenu.targetX != 'center') 
        return floatingMenu.shiftX + floatingMenu.targetX;
    var width = parseInt(floatingMenu.menu.offsetWidth);
    var cornerX = 
        floatingMenu.hasElement 
        ? (floatingMenu.hasInner 
           ? pageXOffset 
           : document.documentElement.scrollLeft) + 
          (document.documentElement.clientWidth - width)/2 
        : document.body.scrollLeft + 
          (document.body.clientWidth - width)/2; 
    return cornerX; 
};
floatingMenu.calculateCornerY = function() 
{ 
    if (floatingMenu.targetY != 'center') 
        return floatingMenu.shiftY + floatingMenu.targetY;
    var height = parseInt(floatingMenu.menu.offsetHeight);
    // Handle Opera 8 problems 
    var clientHeight = 
        floatingMenu.hasElement && floatingMenu.hasInner 
        && document.documentElement.clientHeight 
            > window.innerHeight 
        ? window.innerHeight 
        : document.documentElement.clientHeight
    var cornerY = 
        floatingMenu.hasElement 
        ? (floatingMenu.hasInner  
           ? pageYOffset 
           : document.documentElement.scrollTop) + 
          (clientHeight - height)/2 
        : document.body.scrollTop + 
          (document.body.clientHeight - height)/2; 
    return cornerY; 
};
floatingMenu.doFloat = function() 
{ 
    // Check if reference to menu was lost due 
    // to ajax manipuations 
    if (!floatingMenu.menu) 
    { 
        menu = document.getElementById 
            ? document.getElementById(floatingMenuId) 
            : document.all 
              ? document.all[floatingMenuId] 
              : document.layers[floatingMenuId];
        initSecondary(); 
    }
    var stepX, stepY;
    floatingMenu.computeShifts();
    var cornerX = floatingMenu.calculateCornerX();
    var stepX = (cornerX - floatingMenu.nextX) * .07; 
    if (Math.abs(stepX) < .5) 
    { 
        stepX = cornerX - floatingMenu.nextX; 
    }
    var cornerY = floatingMenu.calculateCornerY();
    var stepY = (cornerY - floatingMenu.nextY) * .07; 
    if (Math.abs(stepY) < .5) 
    { 
        stepY = cornerY - floatingMenu.nextY; 
    }
    if (Math.abs(stepX) > 0 || 
        Math.abs(stepY) > 0) 
    { 
        floatingMenu.nextX += stepX; 
        floatingMenu.nextY += stepY; 
        floatingMenu.move(); 
    }
    setTimeout('floatingMenu.doFloat()', 20); 
};
// addEvent designed by Aaron Moore 
floatingMenu.addEvent = function(element, listener, handler) 
{ 
    if(typeof element[listener] != 'function' || 
       typeof element[listener + '_num'] == 'undefined') 
    { 
        element[listener + '_num'] = 0; 
        if (typeof element[listener] == 'function') 
        { 
            element[listener + 0] = element[listener]; 
            element[listener + '_num']++; 
        } 
        element[listener] = function(e) 
        { 
            var r = true; 
            e = (e) ? e : window.event; 
            for(var i = element[listener + '_num'] -1; i >= 0; i--) 
            { 
                if(element[listener + i](e) == false) 
                    r = false; 
            } 
            return r; 
        } 
    }
    //if handler is not already stored, assign it 
    for(var i = 0; i < element[listener + '_num']; i++) 
        if(element[listener + i] == handler) 
            return; 
    element[listener + element[listener + '_num']] = handler; 
    element[listener + '_num']++; 
};
floatingMenu.init = function() 
{ 
    floatingMenu.initSecondary(); 
    floatingMenu.doFloat(); 
};
// Some browsers init scrollbars only after 
// full document load. 
floatingMenu.initSecondary = function() 
{ 
    floatingMenu.computeShifts(); 
    floatingMenu.nextX = floatingMenu.calculateCornerX(); 
    floatingMenu.nextY = floatingMenu.calculateCornerY(); 
    floatingMenu.move(); 
}
if (document.layers) 
    floatingMenu.addEvent(window, 'onload', floatingMenu.init); 
else 
{ 
    floatingMenu.init(); 
    floatingMenu.addEvent(window, 'onload', 
        floatingMenu.initSecondary); 
}
//-->
</script>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>


වැදගත්: ඉහත කොඩ් එකේ Your Twitter ID තැනට ඔයාලගේ twitter id එක දෙන්න ..

දැන් HTML/JavaScript එක Save කරගන්න..

වැඩේ ගොඩ....

wooow.. දැන් ඔයලගේ බ්ලොග් එකටත් ලස්සන පාවෙන Google +1, Facebook, Twitter බොත්තම් Share Widget එකක් තියෙනවා.. :D

ඔබට ජය


Fb comments:



17 Comment + :

Pasindu Weerasinghe said...

නියමයි මරු..දිගටම ලියන්න මචන්

මැක්සා

Sanath Herath said...

mama mage blogger blog ekata meka damma. hariyata weda ne ne.

Dragon-hunter95 said...

muladi meeka hodata wada kala mama layout aka haduwa witarai aka floting naaa..... mokadan karannee.....?

tharindathisara said...

ela macn..මෙතන comment කලාට මම මේ බ්ලොග් 1න් හුගක් ප්‍රයෝජන ගත්තා..දිගටම ලියන්න..ජය..!!! ලියන 1 ඇත ඇරලා දාලද හුග කාලෙකින් post1k වැටිලා නැ නේ...

Manoj Priyankara said...

මරු. දිගටම ලියන්න

cupid said...

ela...........z

Chamal Mcv said...

thanx

Lakmal kumara said...

niayamai ..thanks macho

sri heartz said...

patta

www.gossipelankanews.com

Pramz Ravin said...

Wede nam hari Yaluwa..hebei podi aulaK thiyenawa..Expand Widget Templates kiyana eka hoya ganda be ne...eka koheda Thiyen ne...?

p indika said...

අනේ මම දන්නේ නැ Dashboard >> Design >> Edit Html >> යන විදිය අනේ මට කියල දෙනවද මම බ්ලොග් 1 හැම තැනම බැලුව හොයාගන්ඩ නැ ඔය වගේ manu 1 අනේ මට කියල දෙනවද

p indika said...

ඵඩ්ස් asf

Hasitha Wimukthi said...

hoda wedak kolloo...................

Hasitha Wimukthi said...

⇝⇝⇝...මගේ යහළුවන්ට කරන විශේෂ ආරාධනයකි ...⇜⇜⇜

2014-07-30 දින හෝ ඊට ප්‍රථම ආරම්භ කිරීමට සිතා ඇති දැන්වීම් නොමිලේ පලකිරීමට ඇති අපේම තැන පිලිබදව ඔයාලව පොඩ්ඩක් දැනුවත් කරන්න මම හිතුවා ..මේ සදහා මුලින්ම කියන්න ඕනි, ඔයාලගේ සහයෝගය ගොඩක්ම ඕනි...හරිනේ...ඔයාලගේ බ්ලොගය පිලිබදව, අඩවිය පිලිබදව, විකුණන දෙයක් ගැන, කන්ඩායම් පන්ති පිලිබදව, ලබාදෙන සේවාවක් ගැන, දැනුවත් කිරීමක් පිලිබදව හා ඕනෑම ආකාරයක දැන්වීමක් පලකිරීමට අපි මෙතන ගොඩනගා ගමු....
යාලුවනුත් දැනුවත් කරන්න....
ස්තුතියි ලබාදුන් සහයෝගයට......

Site : www.hungaonline.com
www.hungaa.blogspot.com

contact me : wimuplus@gmail.com

Fill the Form : www.emailmeform.com/builder/form/3iA65NdgHoK8

Ekathuwa Community said...

ලෝකයේ දුටු නුදුටු දේ දකින්න, ලෝකයේ සිමා මායිම් හබා යන්න, අලුත් විදියට ලෝකය දකින්න වෙර දරණ, ඔබ වෙනුවෙන්ම නිර්මාණය වූ ලංකාවේ හොදම තාක්ෂණික ෆෝරමය, ℯkathuwa.org. එන්න අප හා එක්වන්න දැනුමෙන් සන්නද්ද වන්න. ඔබ තවත් මේ ලෝකයේ මං මුලාවුවෙකු නොවේ!

sahan prathibha said...

Dash board eka kothanada thiyenne kiyanawada plz

Kavindu Malinga said...

]]> කියල 1ක් මගේ html 1කේ නෑනේ අයියේ.

මේම ලිපිය ගැන ඔයාලට හිතෙන කැමති දේයක් කියන්න.
ඔයලාගේ අදහස් මට හුගක් වටිනවා