HTML දන්න අය ඉන්නවද???

amilapunk

Well-known member
  • Apr 10, 2012
    2,213
    467
    83
    අවංක හිත් අසළ.......
    HTML දන්න අය ඉන්නවද???

    මේ තියෙන්නේ BLOG එකකට දාපු Template එක.
    එකඒකට දාන post දිගටම වැටෙන්න හදන්න ඔ්නි.දැන් තියෙන විදිහට එකේ දැම්මහම බාගයක් පෙන්නවා අනෙක් ටික read more කියලා වැටෙන්නේ එ්ක අයින් කරන්නකෝ



    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
    <head>

    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

    <b:include data='blog' name='all-head-content'/>

    <b:if cond='data:blog.url == data:blog.homepageUrl'>


    </b:if>

    <!-- Start www.bloggertipandtrick.net: Changing the Blogger Title Tag -->
    <b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.pageTitle/></title>
    <b:else/>
    <title><data:blog.pageName/> ~ <data:blog.title/></title>
    </b:if>
    <!-- End www.bloggertipandtrick.net: Changing the Blogger Title Tag -->

    <link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    <b:skin><![CDATA[/*
    -----------------------------------------------
     
    Last edited:

    amilapunk

    Well-known member
  • Apr 10, 2012
    2,213
    467
    83
    අවංක හිත් අසළ.......
    Blogger Template Style
    Name: ProSUV
    Author: Lasantha Bandara
    URL 1: http://www.premiumbloggertemplates.com/
    URL 2: http://www.bloggertipandtrick.net/
    Date: March 2012
    License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
    However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
    http://creativecommons.org/licenses/by/3.0/
    ----------------------------------------------- */

    body#layout ul{list-style-type:none;list-style:none}
    body#layout ul li{list-style-type:none;list-style:none}
    body#layout #myGallery{display:none}
    body#layout .featuredposts{display:none}
    body#layout .fp-slider{display:none}
    body#layout #navcontainer{display:none}
    body#layout .menu-secondary-wrap{display:none}
    body#layout .menu-secondary-container{display:none}
    body#layout #skiplinks{display:none}
    body#layout .feedtwitter{display:none}
    body#layout #header-wrapper {margin-bottom:10px;min-height:50px;}
    body#layout .social-profiles-widget h3 {display:none;}

    /* Variable definitions
    ====================
    <Variable name="bgcolor" description="Page Background Color"
    type="color" default="#fff" value="#ffffff">
    <Variable name="textcolor" description="Text Color"
    type="color" default="#333" value="#333333">
    <Variable name="linkcolor" description="Link Color"
    type="color" default="#58a" value="#5588aa">
    <Variable name="pagetitlecolor" description="Blog Title Color"
    type="color" default="#666" value="#666666">
    <Variable name="descriptioncolor" description="Blog Description Color"
    type="color" default="#999" value="#999999">
    <Variable name="titlecolor" description="Post Title Color"
    type="color" default="#c60" value="#cc6600">
    <Variable name="bordercolor" description="Border Color"
    type="color" default="#ccc" value="#cccccc">
    <Variable name="sidebarcolor" description="Sidebar Title Color"
    type="color" default="#999" value="#999999">
    <Variable name="sidebartextcolor" description="Sidebar Text Color"
    type="color" default="#666" value="#666666">
    <Variable name="visitedlinkcolor" description="Visited Link Color"
    type="color" default="#999" value="#999999">
    <Variable name="bodyfont" description="Text Font"
    type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
    <Variable name="headerfont" description="Sidebar Title Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
    <Variable name="pagetitlefont" description="Blog Title Font"
    type="font"
    default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
    <Variable name="descriptionfont" description="Blog Description Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    <Variable name="postfooterfont" description="Post Footer Font"
    type="font"
    default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
    <Variable name="startSide" description="Side where text starts in blog language"
    type="automatic" default="left" value="left">
    <Variable name="endSide" description="Side where text ends in blog language"
    type="automatic" default="right" value="right">
    */

    /* Use this with templates/template-twocol.html */

    body{background:#0D0D0D url(http://1.bp.blogspot.com/-a8BO19PyNZU/T73ZuM6R78I/AAAAAAAAAlE/leKDkI6kens/s000/background.jpg) center top no-repeat;color:#C6C6C6;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}
    a:link,a:visited{color:#FFFFFF;text-decoration:underline;outline:none;}
    a:hover{color:#FE5700;text-decoration:none;outline:none;}
    a img{border-width:0}
    #body-wrapper{margin:0px;padding:0px;}
    /* Header-----------------------------------------------*/
    #header-wrapper{width:960px;margin:0 auto 0;height:60px;padding:28px 0px 28px 0px;overflow:hidden;}
    #header-inner{background-position:center;margin-left:auto;margin-right:auto}
    #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:48%;overflow:hidden;}
    #header h1{color:#F1F3F4;text-shadow:0px 1px 0px #000;margin:0 5px 0;padding:0px 0px 0px 0px;font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
    #header .description{padding-left:7px;color:#F1F3F4;text-shadow:0px 1px 0px #000;line-height:14px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;}
    #header h1 a,#header h1 a:visited{color:#F1F3F4;text-decoration:none}
    #header h2{padding-left:5px;color:#F1F3F4;font:14px Arial,Helvetica,Sans-serif}
    #header2{float:right;width:50%;margin-right:0px;padding-right:0px;overflow:hidden;}
    #header2 .widget{padding:0px 0px 0px 0px;float:right}
    .social-profiles-widget img{margin:0 4px 0 0}
    .social-profiles-widget img:hover{opacity:0.8}
    #top-social-profiles{padding-top:10px;height:32px;text-align:right;margin-right:15px}
    #top-social-profiles img{margin:0 0 0 6px !important}
    #top-social-profiles img:hover{opacity:0.8}
    #top-social-profiles .widget-container{background:none;padding:0;border:0}
    /* Outer-Wrapper----------------------------------------------- */
    #outer-wrapper{width:960px;margin:0px auto 0px;padding:0px;text-align:left;background:url(http://2.bp.blogspot.com/-h0vVYwIDPvQ/T73ZubuTdiI/AAAAAAAAAlI/d7COnH_RtUE/s000/container-bg.png) center 116px no-repeat;}
    #content-wrapper{padding:15px;background:url(http://1.bp.blogspot.com/-wLVjDFD2_ik/T73Zu2j-jVI/AAAAAAAAAlU/YL2FDv4kcXo/s000/main-bg.png);-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:15px;}
    #main-wrapper{width:460px;margin:0px;padding:0px;float:left;word-wrap:break-word;overflow:hidden;text-shadow:0px 1px 0px #000;}
    #lsidebar-wrapper{width:160px;float:left;margin:0px 15px 0px 0px;padding:0px;word-wrap:break-word;overflow:hidden;text-shadow:0px 1px 0px #000;}
    #rsidebar-wrapper{width:280px;float:right;margin:0px 0px 0px 13px;padding:0px;word-wrap:break-word;overflow:hidden;text-shadow:0px 1px 0px #000;}
    /* Headings----------------------------------------------- */
    h2{}
    /* Posts-----------------------------------------------*/
    h2.date-header{margin:1.5em 0 .5em;display:none;}
    .wrapfullpost{}
    .post{margin-bottom:15px;}
    .post-title{color:#FFFFFF;margin:0 0 10px 0;padding:0;font-family:'Oswald', sans-serif;font-size:20px;line-height:20px;font-weight:bold;text-transform:uppercase;}
    .post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#FFFFFF;text-decoration:none;}
    .post-title strong,.post-title a:hover{color:#FF6213;text-decoration:none;}
    .post-body{margin:0px;padding:0px 10px 0px 0px;font-family:Arial, Helvetica, Sans-serif;font-size:12px;line-height:20px;}
    .post-footer{margin:5px 0;}
    .comment-link{margin-$startSide:.6em}
    .post-body img{padding:6px;border:1px solid #222;background:#333;}
    .postmeta-primary{color:#999;font-size:12px;line-height:18px;padding:0 0 5px 0}
    .postmeta-secondary{color:#999;font-size:12px;line-height:18px;padding:0 0 10px 0}
    .postmeta-primary span,.postmeta-secondary span{padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}
    .meta_date{background-image:url(http://3.bp.blogspot.com/-HnL0yWoKOPY/T73Zu6QJywI/AAAAAAAAAlc/tC7dzQOuuXI/s000/date.png)}
    .meta_author{background-image:url(http://2.bp.blogspot.com/-1-M4MQKtIN4/T73ZvCOYNKI/AAAAAAAAAlk/q9xcXOLnKPY/s000/author.png)}
    .meta_comments{background-image:url(http://3.bp.blogspot.com/-Wsh5CJm3jck/T73ZvTqd3bI/AAAAAAAAAls/B5KrTHaHw28/s000/comments.png)}
    .meta_edit{background-image:url(images/edit.png)}
    .meta_categories{background-image:url(http://2.bp.blogspot.com/-fXtSndxctWg/T73Zvpd6LBI/AAAAAAAAAl0/31IZP-u-7gM/s000/category.png)}
    .meta_tags{background-image:url(http://1.bp.blogspot.com/-AIEc2goLPnQ/T73Zv9a5t5I/AAAAAAAAAl8/BLqET2ZpgnQ/s000/tags.png)}
    .readmore{margin-bottom:5px;float:right}
    .readmore a{color:#FFF;background:#292929 url(http://4.bp.blogspot.com/-gN15na8gGLk/T73ZwN2DZVI/AAAAAAAAAmE/osrZgO5Jcdc/s000/readmore-bg.png) left top repeat-x;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
    .readmore a:hover{color:#FFF;background:#A72000 url(http://4.bp.blogspot.com/-gN15na8gGLk/T73ZwN2DZVI/AAAAAAAAAmE/osrZgO5Jcdc/s000/readmore-bg.png) left -126px repeat-x;text-decoration:none}
    /* Sidebar Content----------------------------------------------- */
    .sidebar{margin:0 0 10px 0;font-size:13px;color:#B2B2B2;}
    .sidebar a{text-decoration:none;color:#B2B2B2;}
    .sidebar a:hover{text-decoration:none;color:#FFFFFF;}
    .sidebar h2{background:url(http://3.bp.blogspot.com/-Oy3Je7ifgUk/T73Zwgqdt_I/AAAAAAAAAmI/7fxCvoskhxI/s000/widgettitle-bg.png) left top repeat-x;margin:0 0 10px 0;padding:9px 0 10px 9px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#FFF;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 0 #000;}
    .sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
    .sidebar ul li{padding:0 0 9px 0;margin:0 0 8px 0;background:url(http://4.bp.blogspot.com/-kUWnlmfb5NY/T73ZwtAwuYI/AAAAAAAAAmU/OKtj9jNKV5k/s000/widget-line.png) left bottom repeat-x;}
    .sidebar .widget{margin:0 0 15px 0;padding:0;color:#B2B2B2;font-size:13px;}
    .main .widget{margin:0 0 5px;padding:0 0 2px}
    .main .Blog{border-bottom-width:0}
    /* FOOTER ----------------------------------------------- */
    #footer{margin:10px 0 15px 0;text-shadow:0px 1px 0px #000;}
    #copyrights{color:#FFF;background:#202020;text-align:center;padding:20px 0;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
    #copyrights a{color:#FFF}
    #copyrights a:hover{color:#FFF;text-decoration:none}
    #credits{color:#7D7D7D;text-align:center;font-size:11px;padding:10px 0 0 0;font-family:Tahoma,Arial;}
    #credits a{color:#7D7D7D;text-decoration:none}
    #credits a:hover{text-decoration:none;color:#7D7D7D}
    /* Search ----------------------------------------------- */
    #search{border:1px solid #525252;background:#333 url(http://1.bp.blogspot.com/-Fup74sseOB0/T73Zw3QMlzI/AAAAAAAAAmc/gLh6O33G9JE/s000/search.png) 99% 50% no-repeat;text-align:left;padding:6px 24px 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
    #search #s{background:none;color:#979797;border:0;width:100%;padding:0;margin:0;outline:none}
    #content-search{width:300px;padding:15px 0}
    #topsearch{float:right;margin:6px 10px 0 0}
    #topsearch #s{width:220px}
    /* Comments----------------------------------------------- */
    #comments{padding:10px;background-color:#373737;border:1px solid #373737;}
    #comments h4{font-size:16px;font-weight:bold;margin:1em 0;color:$sidebarcolor}
    #comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
    #comment-name-url{width:365px;float:left}
    #comment-date{width:365px;float:left;margin-top:5px;font-size:10px;}
    #comment-header{float:left;padding:5px 0 40px 10px;margin:5px 0px 15px 0px;position:relative;background-color:#373737;border:1px solid #222;}
    .avatar-image-container{background:url(http://1.bp.blogspot.com/-ADEpJ-J-i...width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
    .avatar-image-container img{width:32px;height:32px;}
    a.comments-autor-name{color:#fff;font:normal bold 14px Arial,Tahoma,Verdana}
    a.says{color:#fff;font:normal 14px Arial,Tahoma,Verdana}
    .says a:hover{text-decoration:none}
    .deleted-comment{font-style:italic;color:gray}
    #blog-pager-newer-link{float:$startSide}
    #blog-pager-older-link{float:$endSide}
    #blog-pager{text-align:center}
    .feed-links{clear:both;line-height:2.5em}
    /* Profile ----------------------------------------------- */
    .profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
    .profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em}
    .profile-datablock{margin:.5em 0 .5em}
    .profile-textblock{margin:0.5em 0;line-height:1.6em}
    .avatar-image-container{background:url(http://1.bp.blogspot.com/-ADEpJ-J-i...width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
    .avatar-image-container img{width:32px;height:32px;}
    .profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
    #navbar-iframe{height:0;visibility:hidden;display:none;}
     

    amilapunk

    Well-known member
  • Apr 10, 2012
    2,213
    467
    83
    අවංක හිත් අසළ.......
    ]]></b:skin>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[

    (function($){
    /* hoverIntent by Brian Cherne */
    $.fn.hoverIntent = function(f,g) {
    // default configuration options
    var cfg = {
    sensitivity: 7,
    interval: 100,
    timeout: 0
    };
    // override configuration options with user supplied object
    cfg = $.extend(cfg, g ? { over: f, out: g } : f );

    // instantiate variables
    // cX, cY = current X and Y position of mouse, updated by mousemove event
    // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
    var cX, cY, pX, pY;

    // A private function for getting mouse position
    var track = function(ev) {
    cX = ev.pageX;
    cY = ev.pageY;
    };

    // A private function for comparing current and previous mouse position
    var compare = function(ev,ob) {
    ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
    // compare mouse positions to see if they've crossed the threshold
    if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
    $(ob).unbind("mousemove",track);
    // set hoverIntent state to true (so mouseOut can be called)
    ob.hoverIntent_s = 1;
    return cfg.over.apply(ob,[ev]);
    } else {
    // set previous coordinates for next time
    pX = cX; pY = cY;
    // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
    ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
    }
    };

    // A private function for delaying the mouseOut function
    var delay = function(ev,ob) {
    ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
    ob.hoverIntent_s = 0;
    return cfg.out.apply(ob,[ev]);
    };

    // A private function for handling mouse 'hovering'
    var handleHover = function(e) {
    // next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
    var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
    while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
    if ( p == this ) { return false; }

    // copy objects to be passed into t (required for event object to be passed in IE)
    var ev = jQuery.extend({},e);
    var ob = this;

    // cancel hoverIntent timer if it exists
    if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }

    // else e.type == "onmouseover"
    if (e.type == "mouseover") {
    // set "previous" X and Y position based on initial entry point
    pX = ev.pageX; pY = ev.pageY;
    // update "current" X and Y position based on mousemove
    $(ob).bind("mousemove",track);
    // start polling interval (self-calling timeout) to compare mouse coordinates over time
    if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}

    // else e.type == "onmouseout"
    } else {
    // unbind expensive mousemove event
    $(ob).unbind("mousemove",track);
    // if hoverIntent state is true, then call the mouseOut function after the specified delay
    if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
    }
    };

    // bind the function to the two event listeners
    return this.mouseover(handleHover).mouseout(handleHover);
    };

    })(jQuery);

    //]]>
    </script>

    <script type='text/javascript'>
    //<![CDATA[

    /*
    * Superfish v1.4.8 - jQuery menu widget
    * Copyright (c) 2008 Joel Birch
    *
    * Dual licensed under the MIT and GPL licenses:
    * http://www.opensource.org/licenses/mit-license.php
    * http://www.gnu.org/licenses/gpl.html
    *
    * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
    */

    ;(function($){
    $.fn.superfish = function(op){

    var sf = $.fn.superfish,
    c = sf.c,
    $arrow = $(['<span class="',c.arrowClass,'"> »</span>'].join('')),
    over = function(){
    var $$ = $(this), menu = getMenu($$);
    clearTimeout(menu.sfTimer);
    $$.showSuperfishUl().siblings().hideSuperfishUl();
    },
    out = function(){
    var $$ = $(this), menu = getMenu($$), o = sf.op;
    clearTimeout(menu.sfTimer);
    menu.sfTimer=setTimeout(function(){
    o.retainPath=($.inArray($$[0],o.$path)>-1);
    $$.hideSuperfishUl();
    if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
    },o.delay);
    },
    getMenu = function($menu){
    var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
    sf.op = sf.o[menu.serial];
    return menu;
    },
    addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };

    return this.each(function() {
    var s = this.serial = sf.o.length;
    var o = $.extend({},sf.defaults,op);
    o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
    $(this).addClass([o.hoverClass,c.bcClass].join(' '))
    .filter('li:has(ul)').removeClass(o.pathClass);
    });
    sf.o = sf.op = o;

    $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {
    if (o.autoArrows) addArrow( $('>a:first-child',this) );
    })
    .not('.'+c.bcClass)
    .hideSuperfishUl();

    var $a = $('a',this);
    $a.each(function(i){
    var $li = $a.eq(i).parents('li');
    $a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
    });
    o.onInit.call(this);

    }).each(function() {
    var menuClasses = [c.menuClass];
    if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
    $(this).addClass(menuClasses.join(' '));
    });
    };

    var sf = $.fn.superfish;
    sf.o = [];
    sf.op = {};
    sf.IE7fix = function(){
    var o = sf.op;
    if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
    this.toggleClass(sf.c.shadowClass+'-off');
    };
    sf.c = {
    bcClass : 'sf-breadcrumb',
    menuClass : 'sf-js-enabled',
    anchorClass : 'sf-with-ul',
    arrowClass : 'sf-sub-indicator',
    shadowClass : 'sf-shadow'
    };
    sf.defaults = {
    hoverClass : 'sfHover',
    pathClass : 'overideThisToUse',
    pathLevels : 1,
    delay : 800,
    animation : {opacity:'show'},
    speed : 'normal',
    autoArrows : true,
    dropShadows : true,
    disableHI : false, // true disables hoverIntent detection
    onInit : function(){}, // callback functions
    onBeforeShow: function(){},
    onShow : function(){},
    onHide : function(){}
    };
    $.fn.extend({
    hideSuperfishUl : function(){
    var o = sf.op,
    not = (o.retainPath===true) ? o.$path : '';
    o.retainPath = false;
    var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
    .find('>ul').hide().css('visibility','hidden');
    o.onHide.call($ul);
    return this;
    },
    showSuperfishUl : function(){
    var o = sf.op,
    sh = sf.c.shadowClass+'-off',
    $ul = this.addClass(o.hoverClass)
    .find('>ul:hidden').css('visibility','visible');
    sf.IE7fix.call($ul);
    o.onBeforeShow.call($ul);
    $ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
    return this;
    }
    });

    })(jQuery);



    //]]>
    </script>
    <script type='text/javascript'>
    /* <![CDATA[ */
    jQuery.noConflict();
    jQuery(function(){
    jQuery('ul.menu-primary').superfish({
    animation: {opacity:'show'},
    autoArrows: true,
    dropShadows: false,
    speed: 200,
    delay: 800
    });
    });

    jQuery(function(){
    jQuery('ul.menu-secondary').superfish({
    animation: {opacity:'show'},
    autoArrows: true,
    dropShadows: false,
    speed: 200,
    delay: 800
    });
    });

    jQuery(document).ready(function() {
    jQuery('.fp-slides').cycle({
    fx: 'scrollHorz',
    timeout: 4000,
    delay: 0,
    speed: 400,
    next: '.fp-next',
    prev: '.fp-prev',
    pager: '.fp-pager',
    continuous: 0,
    sync: 1,
    pause: 1,
    pauseOnPagerHover: 1,
    cleartype: true,
    cleartypeNoBg: true
    });
    });

    /* ]]> */

    </script>

    <script type='text/javascript'>
    //<![CDATA[
     

    amilapunk

    Well-known member
  • Apr 10, 2012
    2,213
    467
    83
    අවංක හිත් අසළ.......
    function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry;var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>“');document.write(l_rc);document.write('”</i><br/><br/>');}else{document.write('<i>“');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'…”</i>');document.write('<br/><br/>');}}}

    function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry;var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}

    //]]>
    </script>

    <script type='text/javascript'>
    summary_noimg = 550;
    summary_img = 450;
    img_thumb_height = 150;
    img_thumb_width = 200;
    </script>
    <script type='text/javascript'>
    //<![CDATA[

    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s.indexOf(">")!=-1){
    s = s.substring(s.indexOf(">")+1,s.length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }
     

    amilapunk

    Well-known member
  • Apr 10, 2012
    2,213
    467
    83
    අවංක හිත් අසළ.......
    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }

    //]]>
    </script>

    <style type='text/css'>
    .clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
    #container,#header,#main,#main-fullwidth,#footer,.clearfix{display:block}
    .clear{clear:both}
    h1,h2,h3,h4,h5,h6{margin-bottom:16px;font-weight:normal;line-height:1}
    h1{font-size:40px}
    h2{font-size:30px}
    h3{font-size:20px}
    h4{font-size:16px}
    h5{font-size:14px}
    h6{font-size:12px}
    h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}
    table{margin-bottom:20px;width:100%}
    th{font-weight:bold}
    thead th{background:#c3d9ff}
    th,td,caption{padding:4px 10px 4px 5px}
    tr.even td{background:#e5ecf9}
    tfoot{font-style:italic}
    caption{background:#eee}
    li ul,li ol{margin:0}
    ul,ol{margin:0 20px 20px 0;padding-left:40px}
    ul{list-style-type:disc}
    ol{list-style-type:decimal}
    dl{margin:0 0 20px 0}
    dl dt{font-weight:bold}
    dd{margin-left:20px}
    blockquote{margin:20px;color:#fff;}
    pre{margin:20px 0;white-space:pre}
    pre,code,tt{font:13px 'andale mono','lucida console',monospace;line-height:18px}
    #search {overflow:hidden;}
    #header h1{font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
    #header .description{font-family:Arial,Helvetica,Sans-serif;}
    .post-title {font-family:'Oswald', sans-serif;}
    .sidebar h2{font-family:'Oswald', sans-serif;}
    #footer-widgets h2{font-family:Arial,Helvetica,Sans-serif;}
    .menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
    .menus ul{position:absolute;top:-999em;width:100%}
    .menus ul li{width:100%}
    .menus li:hover{visibility:inherit}
    .menus li{float:left;position:relative}
    .menus a{display:block;position:relative}
    .menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
    .menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
    .menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
    .menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
    .menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
    .sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
    .menus .sf-shadow ul.sf-shadow-off{background:transparent}
    .menu-primary-container{float:left;padding:0 0 0 10px;position:relative;height:42px;background:url(http://1.bp.blogspot.com/-qKwI-4zyqn0/T73ZxWyzWYI/AAAAAAAAAms/HP4ZZ63rUPc/s000/menu-primary-bg.png) left top repeat-x;z-index:400}
    .menu-primary{}
    .menu-primary ul{min-width:160px}
    .menu-primary li a{color:#FFF;text-shadow:0px 1px 0px #000;padding:12px 15px 14px 15px;text-decoration:none;text-transform:uppercase;font:normal 13px 'Oswald',sans-serif;margin:0 2px 0 0}
    .menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#fff;outline:0;background:url(http://1.bp.blogspot.com/-qKwI-4zyqn0/T73ZxWyzWYI/AAAAAAAAAms/HP4ZZ63rUPc/s000/menu-primary-bg.png) left -142px repeat-x}
    .menu-primary li li a{color:#fff;text-transform:none;background:#AB2300;padding:10px 15px;margin:0;border:0;font-weight:normal}
    .menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;background:#C63801;outline:0;border-bottom:0;text-decoration:none}
    .menu-primary a.sf-with-ul{padding-right:20px;min-width:1px}
    .menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:13px 10px 0 0}
    .menu-primary li li .sf-sub-indicator{padding:9px 10px 0 0}
    .wrap-menu-primary .sf-shadow ul{background:url('http://1.bp.blogspot.com/-Na19681L8Oo/T73Zx7s6kZI/AAAAAAAAAm0/0jqka4Vi8u4/s000/menu-primary-shadow.png') no-repeat bottom right}
    .menu-secondary-container{position:relative;height:34px;z-index:300;background:none}
    .menu-secondary{}
    .menu-secondary ul{min-width:160px}
    .menu-secondary li a{color:#CAC9C9;text-shadow:0px 1px 0px #000;padding:16px 15px 0 15px;text-decoration:none;text-transform:uppercase;font:bold 12px Arial,Helvetica,Sans-serif}
    .menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#FFF;background:none;outline:0}
    .menu-secondary li ul{margin-top:15px}
    .menu-secondary li li ul{margin-top:0}
    .menu-secondary li li a{color:#FFF;background:#666;padding:10px 15px;text-transform:none;margin:0;font-weight:normal}
    .menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#FFF;background:#7F7F7F;outline:0}
    .menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
    .menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:14px 13px 0 0}
    .menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}
    .wrap-menu-secondary .sf-shadow ul{background:url('http://2.bp.blogspot.com/-dFCF11vBPqg/T73ZyN_V3XI/AAAAAAAAAm8/LFDZzD_oKyU/s000/menu-secondary-shadow.png') no-repeat bottom right}
    .fp-slider{margin:0 0 15px 0;padding:0px;width:460px;height:332px;overflow:hidden;position:relative;}
    .fp-slides-container{}
    .fp-slides,.fp-thumbnail,.fp-prev-next,.fp-nav{width:460px}
    .fp-slides,.fp-thumbnail{height:300px;overflow:hidden;position:relative}
    .fp-title{color:#fff;text-shadow:0px 1px 0px #000;font:bold 18px Arial,Helvetica,Sans-serif;padding:0 0 2px 0;margin:0}
    .fp-title a,.fp-title a:hover{color:#fff;text-shadow:0px 1px 0px #000;text-decoration:none}
    .fp-content{position:absolute;bottom:0;left:0;right:0;background:#111;opacity:0.7;filter:alpha(opacity = 70);padding:10px 15px;overflow:hidden}
    .fp-content p{color:#fff;text-shadow:0px 1px 0px #000;padding:0;margin:0;line-height:18px}
    .fp-more,.fp-more:hover{color:#fff;font-weight:bold}
    .fp-nav{height:12px;text-align:center;padding:10px 0;background:#1B1B1B}
    .fp-pager a{background-image:url(http://3.bp.blogspot.com/-c-AFPs14Z...0/featured-pager.png);cursor:pointer;margin:0 8px 0 0;padding:0;display:inline-block;width:12px;height:12px;overflow:hidden;text-indent:-999px;background-position:0 0;float:none;line-height:1;opacity:0.7;filter:alpha(opacity = 70)}
    .fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -112px;opacity:1.0;filter:alpha(opacity = 100)}
    .fp-prev-next-wrap{position:relative;z-index:200}
    .fp-prev-next{position:absolute;bottom:130px;left:0;right:0;height:37px}
    .fp-prev{margin-top:-180px;float:left;margin-left:14px;width:37px;height:37px;background:url(http://1.bp.blogspot.com/-GhFuuX3ngkc/T73ZzHZ7v7I/AAAAAAAAAnM/wGwGUxqFSno/s000/featured-prev.png) left top no-repeat;opacity:0.6;filter:alpha(opacity = 60)}
    .fp-prev:hover{opacity:0.8;filter:alpha(opacity = 80)}
    .fp-next{margin-top:-180px;float:right;width:36px;height:37px;margin-right:14px;background:url(http://2.bp.blogspot.com/-fB0g96FXxMI/T73ZzJ40e0I/AAAAAAAAAnU/F5T0h7Lk8CM/s000/featured-next.png) right top no-repeat;opacity:0.6;filter:alpha(opacity = 60)}
    .fp-next:hover{opacity:0.8;filter:alpha(opacity = 80)}
    /* -- number page navigation -- */
    #blog-pager {padding:6px;font-size:11px;}
    #comment-form iframe{padding:5px;width:420px;height:275px;}
    .tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:26px}
    .tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}
    .tabs-widget li:first-child{margin:0}
    .tabs-widget li a{color:#fff;background:url(http://3.bp.blogspot.com/-sCfqwgW7Llc/T73ZzpZ7dAI/AAAAAAAAAnc/Gp8UAAwD6o4/s000/tabs-bg.png) left top repeat-x;padding:6px 16px;display:block;text-decoration:none;font:bold 12px/12px Arial,Helvetica,Sans-serif;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
    .tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:url(http://3.bp.blogspot.com/-sCfqwgW7Llc/T73ZzpZ7dAI/AAAAAAAAAnc/Gp8UAAwD6o4/s000/tabs-bg.png) left -126px repeat-x;color:#fff;text-decoration:none}
    .tabs-widget-content{}
    .tabviewsection{margin-top:10px;margin-bottom:10px;}
    #crosscol-wrapper{display:none;}
    .PopularPosts .item-title{font-weight:bold;padding-bottom:0.2em;text-shadow:0px 1px 0px #000;}
    .PopularPosts .widget-content ul li{padding:0.7em 0;background:none}
    .widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#B2B2B2;font-size:13px;padding:0px;}
    h3.widgettitle{background:url(http://3.bp.blogspot.com/-Oy3Je7ifgUk/T73Zwgqdt_I/AAAAAAAAAmI/7fxCvoskhxI/s000/widgettitle-bg.png) left top repeat-x;margin:0 0 10px 0;padding:9px 0 10px 9px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#FFF;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 0 #000;}
    div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px}
    .span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24,div.span-24{width:960px;margin:0}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important}input.span-1,textarea.span-1{width:18px!important}input.span-2,textarea.span-2{width:58px!important}input.span-3,textarea.span-3{width:98px!important}input.span-4,textarea.span-4{width:138px!important}input.span-5,textarea.span-5{width:178px!important}input.span-6,textarea.span-6{width:218px!important}input.span-7,textarea.span-7{width:258px!important}input.span-8,textarea.span-8{width:298px!important}input.span-9,textarea.span-9{width:338px!important}input.span-10,textarea.span-10{width:378px!important}input.span-11,textarea.span-11{width:418px!important}input.span-12,textarea.span-12{width:458px!important}input.span-13,textarea.span-13{width:498px!important}input.span-14,textarea.span-14{width:538px!important}input.span-15,textarea.span-15{width:578px!important}input.span-16,textarea.span-16{width:618px!important}input.span-17,textarea.span-17{width:658px!important}input.span-18,textarea.span-18{width:698px!important}input.span-19,textarea.span-19{width:738px!important}input.span-20,textarea.span-20{width:778px!important}input.span-21,textarea.span-21{width:818px!important}input.span-22,textarea.span-22{width:858px!important}input.span-23,textarea.span-23{width:898px!important}input.span-24,textarea.span-24{width:938px!important}.last{margin-right:0;padding-right:0}
    .last,div.last{margin-right:0}
    </style>

    <b:if cond='data:blog.pageType == "static_page"'>
    <style type='text/css'>
    .post-body img {padding:0px;background:transparent;border:none;}
    </style>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <style type='text/css'>
    .post-body img {padding:0px;background:transparent;border:none;}
    </style>
    </b:if>

    <!--[if lte IE 8]>
    <style type='text/css'>
    #search{border:1px solid #525252;background:#333 url(http://1.bp.blogspot.com/-Fup74sseOB0/T73Zw3QMlzI/AAAAAAAAAmc/gLh6O33G9JE/s000/search.png) 99% 20% no-repeat;text-align:left;padding:6px 24px 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;height:16px;}
    .fp-slider {height:300px;}
    .fp-nav {display:none;}
    </style>
    <![endif]-->

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

    </head>

    <body>

    <div id='body-wrapper'><div id='outer-wrapper'><div id='wrap2'>

    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Sinhala1st (Header)' type='Header'/>
    </b:section>

    <b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'>
    <b:widget id='HTML1' locked='false' title='වී. එස් ධනුෂ්ක ගේ නිල වෙබ් අඩවිය' type='HTML'/>
    </b:section>
    <div style='clear:both;'/>

    </div>
    <div style='clear:both;'/>

    <div class='span-24'>

    <div class='span-18'>
    <div class='menu-primary-container'>
    <b:section class='pagelistmenusblog' id='pagelistmenusblog' showaddelement='no'>
    <b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'/>
    </b:section>
    </div>
    </div>

    <div class='span-6 last'>
    <div id='topsearch'>
    <div class='widget-container'>
    <div id='search' title='Type and hit enter'>
    <form expr:action='data:blog.homepageUrl + "search/"' id='searchform' method='get'>
    <input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value='Search'/>
    </form>
    </div>
    </div>
    </div>
    </div>

    </div>
    <div style='clear:both;'/>

    <div class='span-24'>
    <div class='menu-secondary-container'>

    <ul class='menus menu-secondary'>

    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>

    <li><a href='#'>6 ශ්‍රේණිය </a>
    <ul class='children'>
    <li><a href='http://www.amilasir.tk'>
    අමිල ප‍්‍රසන්න(ඉතිහාසය
    </a></li>
    <li><a href='#'>Market</a></li>
    <li><a href='#'>Stock</a></li>
    </ul>
    </li>

    <li><a href='#'>7 ශ්‍රේණිය </a>
    <ul class='children'>
    <li><a href='#'>Dvd</a></li>
    <li><a href='#'>Games</a></li>
    <li><a href='#'>amila</a>
    <ul class='children'>
    <li><a href='#'>Office</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>

    <li><a href='#'>8 ශ්‍රේණිය </a>
    <ul class='children'>
    <li><a href='#'>Child Category 1</a>
    <ul class='children'>
    <li><a href='#'>Sub Child Category 1</a></li>
    <li><a href='#'>Sub Child Category 2</a></li>
    <li><a href='#'>Sub Child Category 3</a></li>
    </ul>
    </li>
    <li><a href='#'>Child Category 2</a></li>
    <li><a href='#'>Child Category 3</a></li>
    <li><a href='#'>Child Category 4</a></li>
    </ul>
    </li>

    <li><a href='#'>9 ශ්‍රේණිය</a></li>

    <li><a href='#'>Ordinary Lavel</a>
    <ul class='children'>
    <li><a href='#'>Childcare</a></li>
    <li><a href='#'>Doctors</a></li>
    </ul>
    </li>

    <li><a href='#'>Advanced Level</a></li>

    <li><a href='#'>අපි වෙනුවෙන් අපි</a>
    <ul class='children'>
    <li><a href='http://www.amilasir.tk'>
    අමිල ප‍්‍රසන්න(ඉතිහාසය)
    </a></li>
    <li><a href='#'>Market</a></li>
    <li><a href='#'>Stock</a></li>
    </ul>
    </li>

    </ul>
    </div>
    </div>
    <div style='clear:both;'/>


    <div id='content-wrapper'>

    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol' showaddelement='yes'>
    <b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
    <b:widget id='HTML5' locked='false' title='' type='HTML'/>
    </b:section>
    </div>

    <div id='lsidebar-wrapper'>

    <b:section class='sidebar' id='sidebarleft' preferred='yes'/>

    <p/></div>

    <div id='main-wrapper'>

    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
    </b:section>
    </div>

    <div id='rsidebar-wrapper'>

    <div class='widget-container'>
    <div class='social-profiles-widget'>
    <h3 class='widgettitle'>Social Profiles</h3>
    <a href='http://twitter.com/YOUR_USERNAME' target='_blank'><img alt='Twitter' src='http://1.bp.blogspot.com/-Tp6q4fxtByk/T73Z1RgPvzI/AAAAAAAAAoM/bOmVVBG14R8/s000/twitter.png' title='Twitter'/></a><a href='http://facebook.com/YOUR_USERNAME' target='_blank'><img alt='Facebook' src='http://4.bp.blogspot.com/-NRRbyjWLq-Q/T73Z1lL75PI/AAAAAAAAAoU/8sFu2gs0E-g/s000/facebook.png' title='Facebook'/></a><a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' src='http://1.bp.blogspot.com/-a5cd-JUzRgY/T73Z10Q7vuI/AAAAAAAAAoc/rWaBlJ4JhB8/s000/gplus.png' title='Google Plus'/></a><a href='http://www.linkedin.com/' target='_blank'><img alt='LinkedIn' src='http://2.bp.blogspot.com/-lxgGUKyKoRI/T73Z2NNgDXI/AAAAAAAAAok/zkOZQtuAptw/s000/linkedin.png' title='LinkedIn'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank'><img alt='RSS Feed' src='http://3.bp.blogspot.com/-lQaq7ouABLM/T73Z2BFjL3I/AAAAAAAAAos/Q7dGFnRfjA0/s000/rss.png' title='RSS Feed'/></a><a href='mailto:[email protected]' target='_blank'><img alt='Email' src='http://1.bp.blogspot.com/-gCrZt4KaG-8/T73Z2UnzrPI/AAAAAAAAAo0/cinahH9_uek/s000/email.png' title='Email'/></a>
    </div>
    </div>
    <div style='clear:both;'/>

    <div class='tabviewsection'>

    <script type='text/javascript'>
    jQuery(document).ready(function($){
    $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
    $("ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a").addClass("tabs-widget-current").show();
    $(".tabs-widget-content-widget-themater_tabs-1432447472-id:first").show();

    $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").click(function() {
    $("ul.tabs-widget-widget-themater_tabs-1432447472-id li a").removeClass("tabs-widget-current a");
    $(this).addClass("tabs-widget-current");
    $(".tabs-widget-content-widget-themater_tabs-1432447472-id").hide();
    var activeTab = $(this).attr("href");
    $(activeTab).fadeIn();
    return false;
    });
    });
    </script>
     

    amilapunk

    Well-known member
  • Apr 10, 2012
    2,213
    467
    83
    අවංක හිත් අසළ.......
    <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
    <li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
    </ul>

    <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
    <b:section class='sidebar' id='sidebartab1' preferred='yes'>
    <b:widget id='HTML2' locked='false' title='දැන් වේලාව' type='HTML'/>
    <b:widget id='HTML4' locked='false' title='' type='HTML'/>
    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
    </b:section>
    </div>

    <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
    <b:section class='sidebar' id='sidebartab2' preferred='yes'>
    <b:widget id='Label3' locked='false' title='Labels' type='Label'/>
    </b:section>
    </div>

    <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
    <b:section class='sidebar' id='sidebartab3' preferred='yes'>
    <b:widget id='HTML6' locked='false' title='' type='HTML'/>
    </b:section>
    </div>

    </div>

    <div style='height:5px;clear:both;'/>

    <b:section class='sidebar' id='sidebarright' preferred='yes'>
    <b:widget id='HTML3' locked='false' title='' type='HTML'/>
    </b:section>

    <p/></div>


    <!-- spacer for skins that want sidebar and main to be the same height-->
    <div class='clear'> </div>

    </div> <!-- end content-wrapper -->

    <div style='clear:both;'/>
    <div id='footer'>
    <div id='copyrights'>
    Copyright &copy; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Powered by <a href='http://www.blogger.com/'>Blogger</a>
    </div>
    <div id='credits'>
    <!-- you don't have permission to remove or change these -->
    Design by <a href='http://newwpthemes.com/' target='_blank'>NewWpThemes</a> | Blogger Theme by <a href='http://www.premiumbloggertemplates.com/' target='_blank' title='Free Blogger Templates'>Premium Blogger Templates</a> | <a href='http://www.100wpthemes.com/category/elegant-themes/' target='_blank'>Elegant Themes Review</a> | <a href='http://mssharepointhosting.com/sharepoint-web-parts/' target='_blank'>Free SharePoint Web Parts</a>
    </div>
    </div><!-- #footer -->
    <div style='clear:both;'/>

    </div></div></div> <!-- end outer-wrapper -->

    </body>
    </html>