Sevida

Adapted The New York Times - Best Online Magazine of World

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnqu5oQx8XfNtmaoiTqyrytHhPq4E-PCIIFjsyc-ViOUna4KzQl-JaGJxN5VOGEx2AA73iP9nPR5asdgxCCb2bc6Fzjkxqvrf5CE_Dp1Q5PEfJaK-aDoPLEYBkrqbppUc5DnSXPDpzmAw/s1600/nytime-logo.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnqu5oQx8XfNtmaoiTqyrytHhPq4E-PCIIFjsyc-ViOUna4KzQl-JaGJxN5VOGEx2AA73iP9nPR5asdgxCCb2bc6Fzjkxqvrf5CE_Dp1Q5PEfJaK-aDoPLEYBkrqbppUc5DnSXPDpzmAw/s1600/nytime-logo.jpg" /></a>  This design is usually used for magazine, news and blogging websites, the The New York Times is the best online newspaper of world is also using this layout. It's attractive for with smart layout on wide header section and stylish widgets in main column section.  <a name="more"></a>  <script type='text/javascript'>// premade style $('head').append('<link href="https://fonts.googleapis.com/css?family=Paytone+One" rel="stylesheet" type="text/css">        <style type="text/css">#footer .widget.social_icons li a:hover,.color,.header-social-icons ul li a:hover,.social_counter,a:hover,body{color:#000}body{font:normal normal 12px Georgia,Utopia,\'Palatino Linotype\',Palatino,serif;background:center center no-repeat #fff}a:link,a:visited{text-decoration:none;color:#000}.border{border-color:#000}.bg{background-color:#000}.header-bg,.wrapper{background-color:#fff}.wrapper{max-width:100%;margin:auto}#footer .FollowByEmail .follow-by-email-submit,#sidebar .widget.FollowByEmail .follow-by-email-submit,.feed.widget.box-title h2.widget-title,.owl-dot.active,.slider-item .item-readmore:hover,.social_counter .button{background:#000}.post-body{font:italic 400 14px Paytone One}.main-menu{border-top:1px solid #000}.main-menu ul.sub-menu li:hover>a{border-left:2px solid #000}.main-menu .menu-item-mega>.menu-item-inner>.sub-menu{border-top:2px solid #000}.main-menu .menu-item-mega>.menu-item-inner>.sub-menu>li li:hover a{border-left:1px solid #000}.main-menu .menu-item-mega>.menu-item-inner>.sub-menu,.main-menu .menu-item-mega>.menu-item-inner>.sub-menu>li li:hover a,.main-menu ul.sub-menu li:hover>a{border-color:#000!important}.feed-widget-header .widget-title{font:italic 700 20px Paytone One}#sidebar .feed-widget-header,#sidebar .feed-widget-header h2,#sidebar .widget>h2{font:italic 700 14px Paytone One}a.comments-title.active{border-bottom:2px solid #fff!important}h1.post-title{font:italic 700 40px Paytone One}.feed.widget .feed-widget-header{border-color:#000}.header-button{height:40px;line-height:40px}.header-button .inner{padding-top:10px;padding-bottom:10px}#Header1{height:40px;display:none}.header-social-icons ul li{height:35px;line-height:35px}.top-bar{border-bottom:1px solid #DDD;margin:0 0 10px}.top-bar .header-social-icons{float:left}.top-bar #search-toggle{height:35px}.top-bar #search-toggle .inner{padding:0;line-height:40px}.top-bar .header-social-icons ul li{height:35px;line-height:35px}.wrapper{padding-top:0}.top-page-wrapper{padding-bottom:10px}@media screen and (max-width:1009px){#Header1{display:block}.main-menu-toggle.header-button .inner span{display:inline}} .feed.widget.list .td, .feed.widget.blogging .widget-content,.feed.widget.three .item-sub, .feed.widget.one .item-sub { padding-left: 0;padding-right: 0;}.solid-white .main-menu ul.menu > li > a {background: #000; color: white!important;}.solid-white #header-section .PageList, .solid-white #header-section .LinkList {background: #000}.main-menu ul.menu > li.menu-item-current > a:hover,.solid-white .main-menu ul.menu > li > a:hover {#000}</style>');  // premade for top bar $('<div class=\'top-bar\'><div class=\'clear\'></div></div>').insertBefore($('.top-page-wrapper'));  // premade for logo and ads $('.top-page-wrapper').addClass('auto-height').html('<div class="table">\     <div class="tr">\       <div class=\'td\' id=\'top-page-logo\'>\       </div>\       <div class=\'section\' id=\'top-page\' name=\'Page Top\'>\       </div>\     </div>\   </div>');  // premade for logo $('.blog-title a img').attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUC9_icMcVsOOH_XG9940FEpsfllse0Fx9D_JNRf4mxfxC1lweSX91G9HTKynUd3KCejXcMFoxLzmdyb2RKrwkKBMNZhczHCN5JLu9e-oRrtr13IgRuTQcP43RK3WGIXog_JmEgaeqda1/s1600-r/nyt-logo-379x64.png').removeAttr('height').removeAttr('width');  // natural code from real setting $('.blog-title').appendTo($('#top-page-logo')); if ($('.section#top-page .widget').length) {  $('.section#top-page').addClass('td');       } else {  $('.section#top-page').remove();  $('.top-page-wrapper.auto-height .table, .top-page-wrapper.auto-height .tr, .top-page-wrapper.auto-height .td').css('display', 'block');  $('.blog-title').css({  'width': '100%',  'text-align': 'center'  }); }  $('#search-toggle').prependTo($('.top-bar'));  $('.header-social-icons').prependTo($('.top-bar'));       // FlatNews Pack var LAYOUT = {  'header-wide' : {   'HTML20' : {    'content' : '<a href="http://themeforest.net/item/magone-magazine-blogger-template/12016203?ref=tiennguyenvan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYPbG2vrs9am3oDwz0k6_Q6pQOexVNvsDTf-0Betje1Z31JUZqYZDO_t8Y9H0XhB3OL7eMwVK-SxzyOeFIJNCLJv03I28bsAtmt56ohZsdar_k5l0XrMV17ym-1MY_DuI05Oe1qLGcwyN9/s1600/MagOne-97090.jpg" /></a>'   }   },  'content-section-wide-top': {   'Label21' : {    'title' : '$type=one$count=1',    'content' : '<ul><li><a dir="ltr" href="http://magonedemo.blogspot.com/search/label/Architecture">Architecture</a></li></ul>'   },   'Label22' : {    'title' : 'Open News$type=blogging$cate=2$count=7$va=0',    'content' : '<ul><li><a dir="ltr" href="http://magonedemo.blogspot.com/search/label/Guest%20Posts">Guest Posts</a></li></ul>'   },   'Label23' : {    'title' : 'More News$type=list$au=0$va=0$count=12',    'content' : 'all-labels'   },   'Label24' : {    'title' : '$type=three$author=hide$comment=hide$rm=hide$count=3',    'content' : '<ul><li><a dir="ltr" href="http://magonedemo.blogspot.com/search/label/Technology">Technology</a></li></ul>'   },   'Label27' : {    'title' : 'JUST UPDATED$type=two$count=4',    'content' : 'all-labels'   }  },  'footer-wide': {   'Label25' : {    'title' : 'Times Features$type=slider$snippet=hide$cate=0$h=500$va=0$rm=0',    'content' : '<ul><li><a dir="ltr" href="http://magonedemo.blogspot.com/search/label/Features">Features</a></li></ul>'   },   'Label26' : {    'title' : 'Inside NYTimes$type=carousel$sn=0$cols=4$va=0$count=12',    'content' : '<ul><li><a dir="ltr" href="http://magonedemo.blogspot.com/search/label/Abstract">Abstract</a></li></ul>'   }  } }; /*  Step 1: please using SpotSetting to change Header layout to "Auto Logo Height and Top Bar Header Layout" (Read documentation: Section G - Header Layout / Part 3)  Step 2: Set title font to Paytone One  Step 3: Access Layout and make sure all sections must have similar below structure: In 'Header Wide' section:  HTML widget with content : <a href="http://themeforest.net/item/magone-magazine-blogger-template/12016203?ref=tiennguyenvan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYPbG2vrs9am3oDwz0k6_Q6pQOexVNvsDTf-0Betje1Z31JUZqYZDO_t8Y9H0XhB3OL7eMwVK-SxzyOeFIJNCLJv03I28bsAtmt56ohZsdar_k5l0XrMV17ym-1MY_DuI05Oe1qLGcwyN9/s1600/MagOne-97090.jpg" /></a> In 'Home Only Content' section:  Label widget with title : $type=one$count=1  Label widget with title : Open News$type=blogging$cate=2$count=7$va=0  Label widget with title : More News$type=list$au=0$va=0$count=12  Label widget with title : $type=three$author=hide$comment=hide$rm=hide$count=3 In 'Footer Wide' section:  Label widget with title : Times Features$type=slider$snippet=hide$cate=0$h=500$va=0$rm=0  Label widget with title : Inside NYTimes$type=carousel$sn=0$cols=4$va=0$count=12 */ </script>

This design is usually used for magazine, news and blogging websites, the The New York Times is the best online newspaper of world is also...

Labels

Layout

Post Style

Technology

Breaking News

2000

Author Name

Formulir Kontak