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.
Telah Diganti Telah ditambahkan Tag SEO dan Media Sosial
Lama Versi 3
Segera
Gagaje Menampilkan Widget Di Halaman Tertentu
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 + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/> <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'> <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 == "index"'> <b:if cond='data:blog.searchLabel'> <meta content='noindex,nofollow' name='robots'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "archive"'> <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 --> <script type="text/javascript">(function() { var a=window,c="jstiming",d="tick";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]("start",null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&&a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))} try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT);m&&(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>=b&&a[c].load[d]("aft")};var p=!1;function q(){p||(p=!0,a[c].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",q,!1):a.attachEvent("onsFroll",q); })();</script> <!--[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 == "item"'> <title> <data:blog.pageName/> | <data:blog.title/> </title> </b:if> <b:if cond='data:blog.pageType == "archive"'> <title> Archive for <data:blog.pageName/> </title> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <title> <data:blog.pageName/> </title> </b:if> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.searchLabel'> <title> <data:blog.title/> - <data:blog.pageName/> </title> </b:if> </b:if> <b:if cond='data:blog.pageType == "error_page"'> <title> Page Not Found </title> </b:if> <b:if cond='data:blog.pageType == "index"'> <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 == "item"'> <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 == "item"'> <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 == "index"'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == "error_page"'> <title>Page Not Found - <data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == "archive"'> <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 != "error_page"'> <meta expr:content='data:blog.metaDescription' name='description'/> <script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + 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 + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/> <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <b:if cond='data:blog.pageType == "item"'> <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 == "item"'> <b:if cond='data:blog.pageType == "static_page"'> <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 == "item"'> <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 httpsLama 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 BagianGagaje Menampilkan Widget Di Halaman Tertentu



.jpg)




0 komentar:
Posting Komentar