Ini loh Cara Buat Template di Blogger

Ini loh Cara Buat Template di Blogger

Cara Membuat Template di Blogger Terbaru

Template kosong

Ini adalah konfigurasi minimum templat Blogger.

Kriteria untuk template kosong adalah sebagai berikut. Silakan merujuk ke bahan referensi untuk detailnya.
  • Berisi <b:skin>
  • Berisi <b:section>
  • Tetapkan ID unik untuk setiap bagian
  • Sintaksnya benar

Jika kriteria di atas tidak terpenuhi, menyimpan templat akan gagal.
<?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>
<b:skin></b:skin>
</head>
<body>
<b:section id='main' showaddelement='yes'/>
</body>
</html>

Keluarkan template kosong

Output dari template kosong adalah sebagai berikut. Blogger standar CSS dan JS adalah output dalam bentuk banyak saling menempel.
<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>
<link href='https://www.blogger.com/static/v1/widgets/2549344219-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<style id='page-skin-1' type='text/css'><!--

--></style>

</head>
<body>
<div class='no-items section' id='main'></div>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/640298382-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5wBwOhp16l9U1lvi7e2SSvcHuXfQ:1571247701999';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4820893236779245790','//aurealisa.blogspot.com/','4820893236779245790');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4820893236779245790', 'title': 'Aurealisa', 'url': 'https://aurealisa.blogspot.com/', 'canonicalUrl': 'https://aurealisa.blogspot.com/', 'homepageUrl': 'https://aurealisa.blogspot.com/', 'searchUrl': 'https://aurealisa.blogspot.com/search', 'canonicalHomepageUrl': 'https://aurealisa.blogspot.com/', 'blogspotFaviconUrl': 'https://aurealisa.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-148030444-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Aurealisa - Atom\x22 href\x3d\x22https://aurealisa.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Aurealisa - RSS\x22 href\x3d\x22https://aurealisa.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Aurealisa - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4820893236779245790/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/c467b5cc6c1a4a9d', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Aurealisa', 'metaDescription': 'Menyediakan Informasi, Pengetahuan, Kutipan, \x26amp; hal-hal yang mungkin belum anda ketahui.'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Aurealisa', 'description': 'Menyediakan Informasi, Pengetahuan, Kutipan, \x26amp; hal-hal yang mungkin belum anda ketahui.', 'url': 'https://aurealisa.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
</script>
</body>
</html>

Hapus CSS dan JS standar

<?xml version="1.0" encoding="UTF-8" ?>
<html b:css='false' b:js='false' 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>
<b:skin></b:skin>
&lt;/head&gt;&lt;!--</head>--&gt;
<body>
<b:section id='main' showaddelement='yes'/>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>

Keluaran dengan CSS standar dan JS dihapus
<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>
<style id='page-skin-1' type='text/css'><!--

--></style>
</head><!--
</head>-->
<body>
<div class='no-items section' id='main'></div>
<!--
</body>--></body>
</html>

* Pada tahap template kosong, CSS dan JS dapat dihilangkan dengan hanya b:css dan b:js dari html. Namun, karena dapat ditambahkan tergantung pada pengaturan lain, itu lebih aman untuk memproses tag head dan body pada akhirnya.
Tambahkan widget

Kamu dapat menambahkan widget sebagai berikut: (Deskripsi standar widget akan ditambahkan tanpa izin)
  • Ganti kode berikut dengan pernyataan <b:section> dan simpan.
  • Tutup editor sekali
  • Buka editor lagi
<b:section id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

Kompatibel dengan versi terbaru

Versi terbaru
  • Tema: b:version='2'
  • Templat: b:b:templateVersion='1.3.0'
  • Layout: b:layoutsVersion='3'
  • Widget: vversion='2'
  • Skin: version='1.3.0'
<?xml version="1.0" encoding="UTF-8" ?>
<html b:css='false' b:defaultwidgetversion='2' b:js='false' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.3.0' b:version='2' 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>
<b:skin version='1.3.0'><![CDATA[
]]></b:skin>
&lt;/head&gt;&lt;!--</head>--&gt;
<body>
<b:section id='main' showaddelement='yes'>
</b:section>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>

* Jika kamu menambahkannya ke template di atas menggunakan prosedur "Tambahkan widget", widget versi 2 akan ditambahkan.
* Tampaknya berfungsi tanpa <b:defaultmarkups>

Referensi : Blogger Blank Theme

0 Response to "Ini loh Cara Buat Template di Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel