Script HTML Awal Buat Template di Blogger - Tutorial Website, Wordpress & BloggerFerlyando Sandala : Tutorial Pemula Blogging
False

Pagination

HIDE

ARTIKEL TERBARU:

latest
Make Image responsive

Script HTML Awal Buat Template di Blogger

Ini adalah langkah pertama menuju pembuatan template Blogger sendiri. Template kosong Ini adalah konfigurasi minimum template Blogger. ...


Ini adalah langkah pertama menuju pembuatan template Blogger sendiri.
Template kosong
Ini adalah konfigurasi minimum template 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\x7566974762786104814','//
ferlyandosandala.blogspot.com/','7566974762786104814');_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7566974762786104814', 'title': 'Aurealisa', 'url': 'https://ferlyandosandala.blogspot.com/', 'canonicalUrl': 'https://ferlyandosandala.blogspot.com/', 'homepageUrl': 'https://ferlyandosandala.blogspot.com/', 'searchUrl': 'https://ferlyandosandala.blogspot.com/search', 'canonicalHomepageUrl': 'https://ferlyandosandala.blogspot.com/', 'blogspotFaviconUrl': 'https://ferlyandosandala.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-150838812-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\x22ferlyandosandala - Atom\x22 href\x3d\x22https://ferlyandosandala.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22ferlyandosandala - RSS\x22 href\x3d\x22https://ferlyandosandala.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ferlyandosandala - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7566974762786104814/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-9034214255690794', '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': 'ferlyandosandala', 'description': 'Menyediakan Informasi, Pengetahuan, Kutipan, \x26amp; hal-hal yang mungkin belum anda ketahui.', 'url': 'https://ferlyandosandala.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: version='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>

Untuk script SEO html nya disini.

Referensi : Blogger Blank Theme