Documentation Berita Online atau Magazineweb

HOMEPAGE SECTION SETTINGS

META TAG

<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<meta content='#efefef' name='theme-color'/>
<meta content='#efefef' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#efefef' name='apple-mobile-web-app-status-bar-style'/>

<!-- Leverage browser caching -->
<include expiration='7d' path='/assets/**.css'/>
<include expiration='7d' path='/assets/**.js'/>
<include expiration='3d' path='/assets/**.gif'/>
<include expiration='3d' path='/assets/**.jpeg'/>
<include expiration='3d' path='/assets/**.jpg'/>
<include expiration='3d' path='/assets/**.png'/>

<!-- Title -->
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.pageName == &quot;&quot;'>
<title>All Posts - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<title>Page Not Found - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>

<!-- Meta keywords otomatis homepage, static page, dan post -->
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.title' name='keywords'/>
</b:if>    
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>

<!-- Noindex search page, label, dan arsip -->
<b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:view.isLabelSearch or data:blog.searchQuery'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

<!-- Facebook Open Graph Tag -->
<b:if cond='data:view.isPost'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>

<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'> 
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
</b:if></b:if></b:if>
<b:if cond='data:view.isPost'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
</b:if>
<b:if cond='data:view.isPost'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='530' property='og:image:width'/>
<meta content='280' property='og:image:height'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<meta content='530' property='og:image:width'/>
<meta content='280' property='og:image:height'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJR3LKRrWpNAsGFiAW1zE5OMPygFOtWfA1C9aObmcM1QrL-osu29EBb62z4YmIGyzQYy3OnpraLYoh3C0Ghyphenhyphen-9r6tPFmuruBQ-mNDghzWURrkflBQKQYBq4mPt9h4qrRqQQb1vc9Kg0g/s1600/opengraph-facebook.png' property='og:image'/>
<meta content='530' property='og:image:width'/>
<meta content='280' property='og:image:height'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:view.isPost'>
<meta content='https://www.facebook.com/username' property='article:author'/>
<meta content='https://www.facebook.com/username' property='article:publisher'/>
</b:if>
<meta content='[ Facebook App ID ]' property='fb:app_id'/>
<meta content='[ Admin Profile Facebook ID ]' property='fb:admins'/>
<meta content='[ Admin Profile Facebook ID ]' property='fb:profile_id'/>
<meta content='[ Facebook Fanpage ID ]' property='fb:pages'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>
<meta content='general' name='rating'/>
<b:if cond='data:view.isPost'>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:image:alt'/>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@goomsite' name='twitter:creator'/>

INFORMATION:
Adjust it

LOGO

INFORMATION:
Recommended logo size 208 x 49

MENU OPEN

<div class='overlay'>
<div class='menu'>
<div class='container'>
<ul>
<li><span>International</span>
<ul>
<li><a href='#' itemprop='url'>Asean</a></li>
<li><a href='#' itemprop='url'>Asia Pacific</a></li>
<li><a href='#' itemprop='url'>the middle East</a></li>
<li><a href='#' itemprop='url'>Europe</a></li>
<li><a href='#' itemprop='url'>America</a></li>
</ul>
</li>
<li><span>National</span>
<ul>
<li><a href='#' itemprop='url'>Political</a></li>
<li><a href='#' itemprop='url'>Law</a></li>
<li><a href='#' itemprop='url'>Criminal</a></li>
<li><a href='#' itemprop='url'>Economy</a></li>
<li><a href='#' itemprop='url'>Exchange</a></li>
</ul>
</li>
<li><span>Technology</span>
<ul>
<li><a href='#' itemprop='url'>Information</a></li>
<li><a href='#' itemprop='url'>Science</a></li>
<li><a href='#' itemprop='url'>Medical</a></li>
<li><a href='#' itemprop='url'>Microsoft</a></li>
<li><a href='#' itemprop='url'>Samsung</a></li>
</ul>
</li>
<li><span>Life Style</span>
<ul>
<li><a href='#' itemprop='url'>Style</a></li>
<li><a href='#' itemprop='url'>Culinary</a></li>
<li><a href='#' itemprop='url'>Traveling</a></li>
<li><a href='#' itemprop='url'>Parenting</a></li>
<li><a href='#' itemprop='url'>Inspirational and unique</a></li>
</ul>
</li>
<li><span>Soccer</span>
<ul>
<li><a href='#' itemprop='url'>Premier League</a></li>
<li><a href='#' itemprop='url'>Italian League</a></li>
<li><a href='#' itemprop='url'>German League</a></li>
<li><a href='#' itemprop='url'>Spanish League</a></li>
<li><a href='#' itemprop='url'>French League</a></li>
</ul>
</li>
<li><span>Automotive</span>
<ul>
<li><a href='#' itemprop='url'>prototype</a></li>
<li><a href='#' itemprop='url'>Accessories</a></li>
<li><a href='#' itemprop='url'>Workshop</a></li>
<li><a href='#' itemprop='url'>Service</a></li>
<li><a href='#' itemprop='url'>Parts</a></li>
</ul>
</li>
<li><span>Science</span>
<ul>
<li><a href='#' itemprop='url'>Tsunami</a></li>
<li><a href='#' itemprop='url'>Earthquake</a></li>
<li><a href='#' itemprop='url'>Tornado</a></li>
<li><a href='#' itemprop='url'>Fire</a></li>
<li><a href='#' itemprop='url'>Accident</a></li>
</ul>
</li>
<li><span>Economy</span>
<ul>
<li><a href='#' itemprop='url'>Macro</a></li>
<li><a href='#' itemprop='url'>Bursa</a></li>
<li><a href='#' itemprop='url'>Bitcon</a></li>
<li><a href='#' itemprop='url'>Business</a></li>
<li><a href='#' itemprop='url'>Go-pay</a></li>
</ul>
</li>
<li><span>Property</span>
<ul>
<li><a href='#' itemprop='url'>Architecture</a></li>
<li><a href='#' itemprop='url'>Consultation</a></li>
<li><a href='#' itemprop='url'>Occupancy</a></li>
<li><a href='#' itemprop='url'>News</a></li>
<li><a href='#' itemprop='url'>Tips</a></li>
</ul>
</li>
<li><span>Education</span>
<ul>
<li><a href='#' itemprop='url'>Campus</a></li>
<li><a href='#' itemprop='url'>School</a></li>
<li><a href='#' itemprop='url'>College student</a></li>
<li><a href='#' itemprop='url'>Student</a></li>
<li><a href='#' itemprop='url'>Private teacher</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>

INFORMATION:
Change the # sign with Url / Link

NAVIGATION

<nav id='menu'>
<input type='checkbox'/>
<label><i aria-hidden='true' class='fa fa-align-left'/></label>
<ul>
<li class='logomenu'><a href='/'><img alt='logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXW7d2mlTM1coYZRnsvVKI8qD-6LTxTkmKvdXlo-r-bCXTxpmOZCxZEbGWusZT1AgTY7gT_2kWjFtd31XZTQPMmKbFYH23PpjsIup5rSsHseLT6o_hNjz8-G4NdZDne55fbCKhtTIP1k8n/s1600/favicon.png' title='home'/></a></li>
<li><a href='/'>Home</a></li>
<li><a href='#' itemprop='url'>Politcs</a></li>
<li><a href='#' itemprop='url'>Economy</a></li>
<li><a href='#' itemprop='url'>Elections</a></li>
<li><a href='#' itemprop='url'>Sport</a></li>
<li><a href='#' itemprop='url'>Technology</a></li>
<li><a href='#' itemprop='url'>Movie</a></li>
<li><a href='#' itemprop='url'>Life Style</a></li>
<li><a href='#' itemprop='url'>Video</a></li>
<li><a class='dropdown' href='#'>Entertainment</a>
<ul class='menus'>
<li><a href='#' itemprop='url'>Film</a></li>
<li><a href='#' itemprop='url'>Music</a></li>
<li><a href='#' itemprop='url'>Radio</a></li>
</ul>
</li>
</ul>
</nav>

INFORMATION:
Please change the # sign with url / link and the yellow one is the logo / favicon image of the blog

SOCIAL MODERN

<div id='socialdrop'>
<ul>
<li><span><i aria-hidden='true' class='fa fa-facebook'/>facobook</span>
<ul class='socialdrops'>
<li><a href='https://www.facebook.com/' itemprop='url' rel='nofollow' target='_blank'>Facebook</a></li>
<li><a href='https://www.facebook.com/' itemprop='url' rel='nofollow' target='_blank'><i aria-hidden='true' class='fa fa-newspaper-o'/> See News Feed</a></li>
<li><a href='https://www.facebook.com/notifications' itemprop='url' rel='nofollow' target='_blank'><i aria-hidden='true' class='fa fa-globe'/> See Notifications</a></li>
<li><a href='https://www.facebook.com/messages' itemprop='url' rel='nofollow' target='_blank'><i aria-hidden='true' class='fa fa-comments'/> See Message</a></li>
<li><a href='https://www.facebook.com/friends/requests' itemprop='url' rel='nofollow' target='_blank'><i aria-hidden='true' class='fa fa-user-circle'/> Confirm friend request</a></li>
<li><a href='https://www.facebook.com/xxxxx/' itemprop='url' rel='nofollow' target='_blank'>Likes <data:blog.title/> on Facebook</a></li>
</ul>
</li>
<li><span><i aria-hidden='true' class='fa fa-twitter'/>Twitter</span>
<ul class='socialdrops' id='twit'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwENaCei2TEcg58tWMBp9kWaT-XBb1qxN_ceGhTGlgrS-fMNDsLKVGiOH84xuuEfJ1MGVAetn7bKhJpJCPajQt6kFo740e79YIGsWSZhogWdbTbdQYlnmtOg8kYNm4Vlr8PFdvWA6zi4Y/s1600/tw.jpg'/>
<h4>FOLLOW THE <data:blog.title/> AT TWITTER TO GET THE LATEST INFORMATION OR UPDATE</h4>
<li><a href='https://twitter.com/xxxxx' itemprop='url' target='_blank'>Follow our twitter</a></li>
</ul>
</li>
<li><span><i aria-hidden='true' class='fa fa-instagram'/>Instagram</span>
<ul class='socialdrops' id='ins'>
<li><a href='https://www.instagram.com/explore/' itemprop='url' rel='nofollow' target='_blank'><i aria-hidden='true' class='fa fa-compass'/> Explor Instagram</a></li>
<li><a href='https://www.instagram.com/accounts/activity/' itemprop='url' rel='nofollow' target='_blank'><i aria-hidden='true' class='fa fa-heart-o'/> activity instagram</a></li>
<li><a href='https://www.instagram.com/xxxxx' itemprop='url' rel='nofollow' target='_blank'><i aria-hidden='true' class='fa fa-user-o'/> About instagram</a></li>
<li><h4>Follow <data:blog.title/> on Instagram to get the latest information or updates</h4><p><a href='https://www.instagram.com/xxxxx/' itemprop='url' rel='nofollow' target='_blank'>Follow our Instagram</a>
</p></li>
</ul>
</li>
</ul>
</div>

INFORMATION:
Adjust it

RECENT NEW

<span data-type="newsite" data-label="National"></span>

INFORMATION:
Enter the above script in the widget that has been provided while National is the label that will be displayed

CAROUSEL 1

<span data-type="carousel" data-label="Economy" data-no="6"></span>

INFORMATION:
Enter the above script in the widget that has been provided while Economy is the label that will be displayed and number 6 is the number displayed

RECENT LABEL 2

<span data-type="goom" data-label="Technology"></span>

INFORMATION:
Enter the script above in the widget that has been provided while Technology is the label that will be displayed

CAROUSEL 2

<span data-type="carousel" data-label="Politics" data-no="6"></span>

INFORMATION:
Enter the above script in the widget that has been provided while Politics is the label that will be displayed and number 6 is the number displayed

RECENT VIDEO

<span data-type="box" data-label="Video"></span>

INFORMATION:
Enter the above script in the widget provided while the Video is the label that will be displayed

RECENT PHOTO/GALLERY

<span data-type="gallery" data-label="Photos"></span>

INFORMATION:
Enter the above script in the widget that has been provided while Photos is the label that will be displayed

RECENT LIST

<span data-type="list-box" data-label="International"></span>

INFORMATION:
Enter the script above in the widget that has been provided while International is the label that will be displayed

RECENT GROUP

RECENT LEFT

<span data-type="goomsite" data-label="Intertainment"></span>

RECENT CENTER

<span data-type="goomsite" data-label="Sport"></span>

RECENT RIGHT

<span data-type="goomsite" data-label="Election"></span>

INFORMATION:
Enter the above script on each widget that has been provided and the yellow label, please replace it with each label of your blog

TOTAL POST RECENT

var recent_num = 5; // show number of results recent labels, default is "5"
var new_num = 4; // show number of results new recent, default is "4"
var video_num = 4; // show number of results video, default is "4"
var box_num = 4; // show number of results box, default is "4"
var gallery_num = 6; // show number of results gallery, default is "6"
var list_num = 3; // show number of results recent list, default is "3"
var related_number = 6; // show number of results related posts, default is "6"

INFORMATION:
To set the number of each recent post per label above, please set the script above

RECENT SIDEBAR

<div class="recents_web">
<h2>General election</h2>
<script src="/feeds/posts/default/-/Intertainment?orderby=updated&amp;alt=json-in-script&amp;callback=showlatestposts">
</script>
</div>

INFORMATION:
Enter the above script in the widget that has been provided while Intertainment is the label that will be displayed

COMMENTS DISQUS

<b:includable id='comments' var='post'>
  <div class='comments-block' id='comments-block'>
<div id='disqus_thread'/>
<script type='text/javascript'>
var mql = window.matchMedia(&#39;screen and (min-width: 350px)&#39;);if (mql.matches){
var disqus_loaded = false;
var disqus_shortname = &#39;magazineweb&#39;; //Add your shortname here
var disqus_url = disqus_blogger_current_url;
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = &quot;<data:blog.url/>&quot;; }
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
function disqus() {
    if (!disqus_loaded)  {
        disqus_loaded = true;
        var e = document.createElement(&quot;script&quot;);
        e.type = &quot;text/javascript&quot;;
        e.async = true;
        e.src = &quot;//&quot; + disqus_shortname + &quot;.disqus.com/embed.js&quot;;
        (document.getElementsByTagName(&quot;head&quot;)[0] || document.getElementsByTagName(&quot;body&quot;)[0])
        .appendChild(e);
        //Hide the button after opening
        document.getElementById(&quot;show-comments&quot;).style.display = &quot;none&quot;;document.getElementById(&quot;comments-block&quot;).style.display = &quot;block&quot;;
    }
}
//Opens comments when linked to directly
var hash = window.location.hash.substr(1);
if (hash.length &gt; 8) {
    if (hash.substring(0, 8) == &quot;comment-&quot;) {
        disqus();
    }}}
</script>
  </div>
</b:includable>

INFORMATION:
Replace Shortname Disqus (magazineweb) with your Disqus shortname

~~full-width~~

Like Fanpage

Documentation Berita Online atau Magazineweb

HOMEPAGE SECTION SETTINGS

META TAG

LOGO

MENU OPEN

NAVIGATION

SOCIAL MODERN

RECENT NEW

CAROUSEL 1

RECENT LABEL 2

CAROUSEL 2

RECENT VIDEO

RECENT PHOTO/GALLERY

RECENT LIST

RECENT GROUP

TOTAL POST RECENT

RECENT SIDEBAR

COMMENTS DISQUS

Banner

Carousel

نموذج الاتصال

Like Fanpage

Documentation Berita Online atau Magazineweb

HOMEPAGE SECTION SETTINGS

META TAG

LOGO

MENU OPEN

NAVIGATION

SOCIAL MODERN

RECENT NEW

CAROUSEL 1

RECENT LABEL 2

CAROUSEL 2

RECENT VIDEO

RECENT PHOTO/GALLERY

RECENT LIST

RECENT GROUP

TOTAL POST RECENT

RECENT SIDEBAR

COMMENTS DISQUS

Artikel Terkait

Banner

Carousel

نموذج الاتصال