• pasang iklan

Cara Membuat Template Kosong di Blogger

Sabtu, 06 April 2019

Cara Membuat Template Kosong di Blogger Special Terbaru 2017


Ini Template Kosong Blogger, Ini Adalah HTML, CSS, JS dan jQuery Ini Template Kosong. Ini Template W3CSS, Bootstrap Ini CSS dan JS. Ini Judul SEO, Tag SEO, Media Sosial. Ini Font Keren, Ionik, Ikon Bahan dan Lain-lain. Cara Membuat Template Kosong Di Blogger Ini Adalah. Posting Blog Ini Tambah Artikel Blog Itu. Ini Template Responsif Ganti Viewport. Siapa Apakah Itu.

Cara Membuat Template Kosong di Blogger

Kode Lengkap Template Kosong di Blogger

<?xml version="1.0" encoding="UTF-8" ?> <html 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> <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <meta charset='utf-8'/> <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin> <![CDATA[ #layout ul { display: none; } ]]> </b:skin> </head> <body> <b:section class='main' id='main' showaddelement='yes'/> </body> </html>

Ganti Viewport Untuk Responsif

Sebelumnya Viewport Kode
<b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if>
Sesudahnya Viewport Kode
<meta content='width=device-width, initial-scale=1' name='viewport'/>

Tambah Kode SEO

Bagian 1

Ganti Sebelum Judul SEO
<title><data:blog.pageTitle/></title>
Telah ditambahkan Kode SEO
<link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <meta content='ID Google Verification' name='google-site-verification'/> <meta content='ID Bing Verification' name='msvalidate.01'/> <meta content='ID Yandex Verification' name='yandex-verification'/> <meta content='ID Alexa Verification' name='alexaVerifyID'/> <link href='https://plus.google.com/ID Google Plus/posts' rel='publisher'/> <link href='https://plus.google.com/ID Google Plus/about' rel='author'/> <link href='https://plus.google.com/ID Google Plus' rel='me'/> <!-- SEO Meta Tag --> <b:if cond='data:blog.homepageUrl == data:blog.url'> <meta expr:content='data:blog.pageTitle' name='keywords'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageName' name='keywords'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:blog.searchLabel'> <meta content='noindex,nofollow' name='robots'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.isMobile'> <meta content='noindex,nofollow' name='robots'/> </b:if> <meta content='Indonesia' name='geo.placename'/> <meta content='Nama Author' name='Author'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/> <!-- SEO Meta Tag end --> &lt;script type=&quot;text/javascript&quot;&gt;(function() { var a=window,c=&quot;jstiming&quot;,d=&quot;tick&quot;;var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d](&quot;start&quot;,null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&amp;&amp;a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0&lt;k&amp;&amp;l&gt;=k&amp;&amp;(j[d](&quot;_wtsrt&quot;,void 0,k),j[d](&quot;wtsrt_&quot;,&quot;_wtsrt&quot;,l),j[d](&quot;tbsd_&quot;,&quot;wtsrt_&quot;))} try{var m=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(m=Math.floor(a.chrome.csi().pageT));null==m&amp;&amp;a.gtbExternal&amp;&amp;(m=a.gtbExternal.pageT());null==m&amp;&amp;a.external&amp;&amp;(m=a.external.pageT);m&amp;&amp;(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750&gt;=b&amp;&amp;a[c].load[d](&quot;aft&quot;)};var p=!1;function q(){p||(p=!0,a[c].load[d](&quot;firstScrollTime&quot;))}a.addEventListener?a.addEventListener(&quot;scroll&quot;,q,!1):a.attachEvent(&quot;onsFroll&quot;,q); })();&lt;/script&gt; <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]--> <!-- SEO Title Tag --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <title> <data:blog.title/> </title> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <title> <data:blog.pageName/> | <data:blog.title/> </title> </b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <title> Archive for <data:blog.pageName/> </title> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <title> <data:blog.pageName/> </title> </b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:blog.searchLabel'> <title> <data:blog.title/> - <data:blog.pageName/> </title> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title> Page Not Found </title> </b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:blog.url != data:blog.homepageUrl'> <title> <data:blog.pageTitle/> - All Post </title> </b:if> </b:if> <!-- Facebook Open Graph --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta content='ID Facebook' property='fb:admins'/> <meta content='ID APP' property='fb:profile_id'/> <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 cond='data:blog.pageName'> <meta expr:content='data:blog.pageName' property='og:title'/> </b:if> <meta content='website' property='og:type'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if> </b:if> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]-->

atau Bagian 2

Ganti Sebelum Judul SEO dan Semua Konten Kepala
<b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title>

Telah Diganti Telah ditambahkan Tag SEO dan Media Sosial
<!-- [ Meta Tag SEO ] --> <meta content='blogger' name='generator'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link expr:href='data:blog.url' rel='canonical'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>Page Not Found - <data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <meta content='noindex' name='robots'/> </b:if> <b:if cond='data:blog.searchLabel'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.isMobile'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/> </b:if></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Aikatsu Idol Academy Template Blogger' name='keywords'/></b:if> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if></b:if> <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://plus.google.com/ID-POFILE-GOOGLEPLUS/posts' rel='publisher'/> <link href='https://plus.google.com/ID-POFILE-GOOGLEPLUS/about' rel='author'/> <link href='https://plus.google.com/ID-POFILE-GOOGLEPLUS' rel='me'/> <meta content='xxxxx' name='google-site-verification'/> <meta content='xxxxx' name='msvalidate.01'/> <meta content='xxxxx' name='alexaVerifyID'/> <meta content='Indonesia' name='geo.placename'/> <meta content='xxxxx' name='Author'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <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 cond='data:blog.pageName'> <meta expr:content='data:blog.pageName' property='og:title'/> </b:if></b:if></b:if></b:if> <meta expr:content='data:blog.pageTitle' property='og:title'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/> <b:else/> <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/> </b:if></b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta content='Aikatsu Idol Academy Responsive Blogger Template' property='og:description'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='xxxxx' property='fb:app_id'/> <meta content='xxxxx' property='fb:admins'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='id_ID' property='og:locale:alternate'/> <meta content='summary' name='twitter:card'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='xxxxx' name='twitter:site'/> <meta content='xxxxx' name='twitter:creator'/>

Posting Blog

Sebelumnya Tambah Posting Blog
<b:section class='main' id='main' showaddelement='yes'/>
Diganti Adalah Tambahan Posting Blog
<b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section>

Tambah perpustakaan W3CSS atau Bootstrap

Tutorial Cara W3CSS

Perbarui W3Sekolah Ini Tambahkan Ini Aman Untuk https 
Lama Versi 3
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css"/>
Baru Versi 4
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
Terbaru Github W3CSS 
Segera 

Tutorial Cara Bootstrap

Ini Bootstrap Ini Terbaru 
<!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"/> <!-- Latest compiled JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Tambah jQuery Library

Lama jQuery 2.1.3

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

Baru jQuery 3.2.0

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

Tambah Font Ikon Perpustakaan

Jenis Huruf Cara Yang Luar Biasa

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>

Ikon Cara Ionik

<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"/>

Ikon Bahan Google Ikon Cara

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>

Cara Memasang Blogger Kode Ketentuan dan Bagian

MTT Tambah Bagian 
Gagaje Menampilkan Widget Di Halaman Tertentu

Selamat Memcoba Template Kosong

0 komentar:

Posting Komentar