blogger HTML big help

Helo1

Well-known member
  • Sep 7, 2014
    2,782
    295
    83
    TrustWorld
    blogger layout eka aul ban? hada ganna kohomada???

    maa templat eka gatta??
    http://newbloggerthemes.com/itheme-blogger-template/

    </div><!-- /header -->

    <div id='left-col'>

    <div id='navtopdiv'>
    <b:section class='nbttopmenutop' id='nbttopmenutop'

    showaddelement='no'>
    <b:widget id='LinkList7' locked='true' title='Edit This Menu'

    type='LinkList'>
    <b:includable id='main'>
    <div class='widget-content'>
    <ul class='sf-menu' id='nbtmenusectop'>
    <b:loop values='data:links' var='link'>
    <li><a expr:href='data:link.target'><data:link.name/></a></li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    </b:section>
    </div><!-- /nav -->

    <div id='contentleftdiv'>
    <b:section class='mainblogsec' id='mainblogsec'

    showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:includable id='main' var='top'>
    <b:if cond='data:mobile == "false"'>

    gggggggh.jpg

    attachment.php
     
    Last edited:

    Sams.Ryo

    Well-known member
  • Dec 7, 2014
    2,545
    973
    113
    31
    Colombo
    මොකක්ද වෙන්න ඕනෙ? මේකෙ විදියටමද හදන්න ඕනෙ?


    Code:
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="EN">
    <head profile="http://gmpg.org/xfn/11">
    <title>iTheme Blogger Template «  Live Demo From New Blogger Themes | Professional Blogspot Templates</title>
    
    <meta name="description" content="Free Premium Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free." />
    
    <meta name="keywords" content="new blogger templates, free wordpress themes, blogger themes, design for blogger, themes for blog, new blogger themes, best blogger templates, blogger three columns, gallery blogger themes, premium blogger themes" />
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="Live demo iTheme Blogger Template in a blogspot blog." />
    <link rel="stylesheet" href="http://newbloggerthemes.com/filenewtemplates/cssdemo.css" type="text/css" media="all" />
    <link rel="shortcut icon" href="http://cdn.newbloggerthemes.com/wp-content/themes/nbtheme/images/faviconimg.png" type="image/x-icon" />
    <link rel="alternate" type="application/rss+xml" title="NewBloggerThemes RSS Feed" href="http://newbloggerthemes.com/feed/" />
    <link rel="alternate" type="application/atom+xml" title="NewBloggerThemes Atom Feed" href="http://newbloggerthemes.com/feed/atom/" />
    
    <link rel='index' title='Blogger Templates' href='http://newbloggerthemes.com' />
    
    </head>
    <body>
    <table cellpadding="0" cellspacing="0" height="100%" width="100%">
    	<tr class="bar" height="38px">
    		<td class="c11">
    			<div id="bartop">
    				<ul class="clearfix fl"  id="drop">
    				    <li class="homeback"><a title="NewBloggerThemes" href="http://newbloggerthemes.com/">NewBloggerThemes.com</a></li>
    					<li class="back"><a title="Back to Article" href="http://newbloggerthemes.com/itheme-blogger-template/">Go Back Settings</a></li>
    					<li class="logo"></li>
    					<li class="logo"></li>
    					<li class="share">
    					<a title="Share Bloger Templates" href="">Share This!</a>
    						<ul>
    		                    <li class="feed">
    		                        <a rel="external nofollow" target="_blank" href="http://newbloggerthemes.com/feed/">Feed</a>
    		                    </li>
    		                    <li class="twitter">
    		                        <a rel="external nofollow" target="_blank" href="http://twitter.com/home?status=iTheme Blogger Template » http://newbloggerthemes.com/itheme-blogger-template/ ">Twitter</a>
    		                    </li>
    		                    <li class="facebook">
    		                        <a rel="external nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http://newbloggerthemes.com/itheme-blogger-template/">Facebook</a>
    		                    </li>
    		                    <li class="delicious">
    		                        <a rel="external nofollow" target="_blank" href="http://del.icio.us/post?url=http://newbloggerthemes.com/itheme-blogger-template/&title=iTheme Blogger Template">Delicious</a>
    		                    </li>
    		                    <li class="stumble">
    		                        <a rel="external nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=http://newbloggerthemes.com/itheme-blogger-template/&title=iTheme Blogger Template">Stumble Upon</a>
    		                    </li>
    		                    <li class="friendfeed">
    		                        <a rel="external nofollow" target="_blank" href="http://www.friendfeed.com/share?title=iTheme Blogger Template&link=http://newbloggerthemes.com/itheme-blogger-template/">Friend Feed</a>
    		                    </li>
    		                    <li class="google">
    		                        <a rel="external nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=add&bkmk=http://newbloggerthemes.com/itheme-blogger-template/&title=http://newbloggerthemes.com/itheme-blogger-template/">Google Bookmarks</a>
    		                    </li>
    		                    <li class="technorati">
    		                        <a rel="external nofollow" target="_blank" href="http://technorati.com/faves?add=http://newbloggerthemes.com/itheme-blogger-template/">Technorati</a>
    		                    </li>
    						</ul>
    				</li>
    				
    				<li class="download"><a title="Download Templates" href="http://newbloggerthemes.com/download/3011">Download</a></li>
    				
    
    			</ul>
    		</div>
    	</td>
    	</tr>
    	<tr>
    	<td>
    <iframe scrolling="auto" id="demoFrame" src="http://itheme-theme.blogspot.com/" frameborder="0" allowtransparency="true" class="templatedemo"></iframe></td></tr></table> 
    <script type='text/javascript' src='http://newbloggerthemes.com/wp-includes/js/jquery/jquery.js'></script> 
    <script type='text/javascript' src='http://newbloggerthemes.com/filenewtemplates/jquery_drop.js'></script>
    
    <style type="text/css">
    #fanback{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}
    #fan-exit{width:100%;height:100%}
    #JasperRoberts{/*background:#fff;width:420px;height:270px;position:absolute;top:58%;left:63%;margin:-220px 0 0 -375px;-webkit-box-shadow:inset 0 0 50px 0 #939393;-moz-box-shadow:inset 0 0 50px 0 #939393;box-shadow:inset 0 0 50px 0 #939393;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:-220px 0 0 -375px*/}
    #JasperRoberts{background:none repeat scroll 0 0 #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 50px 0 #939393 inset;-moz-box-shadow:0 0 50px 0 #939393 inset;box-shadow:0 0 50px 0 #939393 inset;height:483px;left:55%;margin:-260px 0 0 -375px;position:absolute;top:58%;width:580px;}
    #TheBlogWidgets{float:right;cursor:pointer;background:url(http://2.bp.blogspot.com/-ildRXyhd-Xw/VLST3d2y1XI/AAAAAAAAO-4/Fn1rMF3qyhk/s1600/fanclose.png) repeat;height:15px;padding:20px;position:relative;padding-right:40px;margin-top:-20px;margin-right:-22px}
    .remove-borda{height:1px;width:366px;margin:0 auto;/*background:#F3F3F3;*/margin-top:16px;position:relative;margin-left:20px}
    #linkit,#linkit a.visited,#linkit a,#linkit a:hover{color:#80808B;font-size:10px;margin:0 auto 5px;float:center}
    .pbt_themeforest_widget_ul{list-style:outside none none;margin:0;padding:0}
    .pbt_themeforest_widget_ul li{display:block;float:left;line-height:1;margin:0 5px 3px 0}
    </style>
    
    <script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie = function (key, value, options) {
     
    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
    options = jQuery.extend({}, options);
     
    if (value === null || value === undefined) {
    options.expires = -1;
    }
     
    if (typeof options.expires === 'number') {
    var days = options.expires, t = options.expires = new Date();
    t.setDate(t.getDate() + days);
    }
     
    value = String(value);
     
    return (document.cookie = [
    encodeURIComponent(key), '=',
    options.raw ? value : encodeURIComponent(value),
    options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
    options.path ? '; path=' + options.path : '',
    options.domain ? '; domain=' + options.domain : '',
    options.secure ? '; secure' : ''
    ].join(''));
    }
     
    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
    };
    //]]>
    </script>
    <script type='text/javascript'>
    jQuery(document).ready(function($){
    if($.cookie('nbt_fb_popup') != 'yes'){
    $('#fanback').delay(5000).fadeIn('medium');
    $('#TheBlogWidgets, #fan-exit').click(function(){
    $('#fanback').stop().fadeOut('medium');
    });
    }
    var pbtdate = new Date();
    var pbtminutes = 1;
    pbtdate.setTime(pbtdate.getTime() + (pbtminutes * 60 * 1000));
    $.cookie('nbt_fb_popup', 'yes', { path: '/', expires: pbtdate });
    });
    </script>
    
    <script type="text/javascript">
    /*<![CDATA[*//* iFrame */
    var a = document.getElementById('demoFrame');a && a.contentWindow && a.contentWindow.focus();
    /* Drop down menu */
    </script>
    
    <div id='fanback'>
    <div id='fan-exit'>
    </div>
    <div id='JasperRoberts'>
    <div id='TheBlogWidgets'>
    </div>
    <div class='remove-borda'>
    </div>
    <div style="margin: 0px; overflow: hidden; padding: 0px 0px 10px 20px;">
    <h2 style="margin-bottom:6px;font-family:'Trebuchet MS',Arial;color:#000;text-align:center;font-size:22px;line-height:1;">Most Popular Blogger Themes</h2>
    <ul class="pbt_themeforest_widget_ul">
    
    <li><a href="http://themeforest.net/item/point-of-view-photo-oriented-template/843096?ref=wam8387" title="Point Of View: Photo Oriented Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/90127031/pov.png" alt="Point Of View: Photo Oriented Template"></a></li>
    
    <li><a href="http://themeforest.net/item/flat-news-easy-news-magazine-template/5379218?ref=wam8387" title="Flat News - Easy News & Magazine Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/111500250/flatnews_thumbnail_80x80_exp.png" alt="Flat News - Easy News & Magazine Template"></a></li>
    
    <li><a href="http://themeforest.net/item/sevida-responsive-magazine-blogger-template/4604301?ref=wam8387" title="Sevida - Responsive Magazine Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/102321967/Sevida-logo.png" alt="Sevida - Responsive Magazine Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/geek-press-responsive-news-magazine-template/5716407?ref=wam8387" title="Geek Press - Responsive News & Magazine Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/97516915/thumbnail_80x80_exp.png" alt="Geek Press - Responsive News & Magazine Template"></a></li>
    
    <li><a href="http://themeforest.net/item/bmag-magazine-responsive-blogger-template/8933899?ref=wam8387" title="BMAG - Magazine Responsive Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/121403928/BMAG_Main_Icon.png" alt="BMAG - Magazine Responsive Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/masala-responsive-multipurpose-blogger-template/7142715?ref=wam8387" title="Masala - Responsive Multipurpose Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/108824743/Masala_icon.png" alt="Masala - Responsive Multipurpose Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/parix-one-page-blogger-template/7415567?ref=wam8387" title="Parix - One Page Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/87691485/04_thumb.png" alt="Parix - One Page Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/provia-responsive-multipurpose-blogger-template/6841298?ref=wam8387" title="Provia - Responsive MultiPurpose Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/81043396/03_thumnail_provia.png" alt="Provia - Responsive MultiPurpose Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/flat-mag-responsive-magazine-blogger-template-/6898694?ref=wam8387" title="Flat Mag - Responsive Magazine Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/81888642/80x80.png" alt="Flat Mag - Responsive Magazine Blogger Template  "></a></li>
    
    <li><a href="http://themeforest.net/item/mega-mag-responsive-magazine-blogger-template/8343644?ref=wam8387" title="Mega Mag - Responsive Magazine Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/112639476/mega80x80.png" alt="Mega Mag - Responsive Magazine Blogger Template "></a></li>
    
    <li><a href="http://themeforest.net/item/ajbspot-responsive-multipurpose-blogger-template/6620616?ref=wam8387" title="Ajbspot | Responsive MultiPurpose Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/78599354/05_thumbnail.png" alt="Ajbspot | Responsive MultiPurpose Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/apriezt-responsive-magazinenews-blogger-theme/6339405?ref=wam8387" title="Apriezt - Responsive Magazine/News Blogger Theme" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/86724135/Aprieztlogo.png" alt="Apriezt - Responsive Magazine/News Blogger Theme "></a></li>
    
    <li><a href="http://themeforest.net/item/magnews-responsive-blogger-template/7591951?ref=wam8387" title="MagNews - Responsive Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/97006697/magnews_icon.png" alt="MagNews - Responsive Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/nami-press/6166852?ref=wam8387" title="Nami Press" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/109670253/thumnail.png" alt="Nami Press"></a></li>
    
    <li><a href="http://themeforest.net/item/spotcommerce-blogger-shopping-template/8620221?ref=wam8387" title="SpotCommerce - Blogger Shopping Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/118094816/sportcommerce_thumbnail_80x80_exp.png" alt="SpotCommerce - Blogger Shopping Template"></a></li>
    
    <li><a href="http://themeforest.net/item/newsly-responsive-multipurpose-blogger-template/7516984?ref=wam8387" title="Newsly - Responsive Multipurpose Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/89765195/80.png" alt="Newsly - Responsive Multipurpose Blogger Template "></a></li>
    
    <li><a href="http://themeforest.net/item/maxxiz-responsive-magazinenews-blogger-template/5322391?ref=wam8387" title="Maxxiz - Responsive Magazine/News Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/94512322/maxxizlogo.png" alt="Maxxiz - Responsive Magazine/News Blogger Template "></a></li>
    
    <li><a href="http://themeforest.net/item/exposure-simple-portfolio/5134225?ref=wam8387" title="Exposure - Simple portfolio" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/69846994/80_thumb.jpg" alt="Exposure - Simple portfolio"></a></li>
    
    <li><a href="http://themeforest.net/item/adamz-responsive-blogger-template/4780081?ref=wam8387" title="Adamz - Responsive Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/85696720/adamzlogo.png" alt="Adamz - Responsive Blogger Template "></a></li>
    
    <li><a href="http://themeforest.net/item/ijonkz-responsive-magazinenews-blogger-template/5958442?ref=wam8387" title="Ijonkz - Responsive Magazine/News Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/87003625/iJonkzlogo.png" alt="Ijonkz - Responsive Magazine/News Blogger Template "></a></li>
    
    <li><a href="http://themeforest.net/item/warmmag-premium-responsive-blogger-template/5039846?ref=wam8387" title="WarmMag - Premium Responsive Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/66503328/warm80.jpg" alt="WarmMag - Premium Responsive Blogger Template "></a></li>
    
    <li><a href="http://themeforest.net/item/grid-spot-responsive-blogger-template/3878526?ref=wam8387" title="Grid Spot - Responsive Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/67312277/grid_spot_preview_80x80-flat.png" alt="Grid Spot - Responsive Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/workmag-responsive-multipurpose-blogger-template/5672800?ref=wam8387" title="Workmag - Responsive Multipurpose Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/67536263/Workmag-80-image.png" alt="Workmag - Responsive Multipurpose Blogger Template "></a></li>
    
    <li><a href="http://themeforest.net/item/deco-mag-responsive-magazine-blogger-template/8926014?ref=wam8387" title="Deco Mag - Responsive Magazine Blogger Template" target="_blank" rel="nofollow"><img src="https://0.s3.envato.com/files/105480786/80x80.png" alt="Deco Mag - Responsive Magazine Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/magone-magazine-blogger-template/12016203?ref=wam8387" title="MagOne - Magazine Blogger Template" target="_blank" rel="nofollow"><img src="https://thumb-tf.s3.envato.com/files/158263434/MagOne%20-%20Thumbnail.png" alt="MagOne - Magazine Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/maxblog-responsive-magazine-blogger-theme/10887035?ref=wam8387" title="MaxBlog - Responsive Magazine Blogger Theme" target="_blank" rel="nofollow"><img src="https://thumb-tf.s3.envato.com/files/135229485/thumbnail.png" alt="MaxBlog - Responsive Magazine Blogger Theme"></a></li>
    
    <li><a href="http://themeforest.net/item/lara-blogger-template-for-photographers/9312275?ref=wam8387" title="Lara - Blogger Template For Photographers" target="_blank" rel="nofollow"><img src="https://thumb-tf.s3.envato.com/files/118978424/lara-logo.png" alt="Lara - Blogger Template For Photographers"></a></li>
    
    <li><a href="http://themeforest.net/item/slycore-responsive-flatstrap-blogger-template/9697793?ref=wam8387" title="Slycore Responsive Flatstrap Blogger Template" target="_blank" rel="nofollow"><img src="https://thumb-tf.s3.envato.com/files/149867643/thumbnail.png" alt="Slycore Responsive Flatstrap Blogger Template"></a></li>
    
    <li><a href="http://themeforest.net/item/snews-newsmagazine-responsive-blogger-theme/11254865?ref=wam8387" title="SNews - News/Magazine Responsive Blogger Theme" target="_blank" rel="nofollow"><img src="https://thumb-tf.s3.envato.com/files/150202425/SNews-logo.png" alt="SNews - News/Magazine Responsive Blogger Theme"></a></li>
    
    <li><a href="http://themeforest.net/item/louazri-an-elegant-responsive-blogging-theme/9919183?ref=wam8387" title="Louazri - An Elegant Responsive Blogging Theme" target="_blank" rel="nofollow"><img src="https://thumb-tf.s3.envato.com/files/120092949/thumbnail.png" alt="Louazri - An Elegant Responsive Blogging Theme"></a></li>
    
    </ul> 
    </div>
    </div>
    </div>
    </body>
    </html>
    <!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/
    
    Page Caching using disk: enhanced
    Content Delivery Network via cdn.newbloggerthemes.com
    
     Served from: newbloggerthemes.com @ 2016-04-06 08:18:51 by W3 Total Cache -->