<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=3337850430345522936&zx=5a2cf260-20aa-4f7f-adcd-6671bf7a95e7' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=3337850430345522936&zx=5a2cf260-20aa-4f7f-adcd-6671bf7a95e7' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-9501973303319252 -->

</head><body>
*/</style>

HTML Dasar Template Blogspot

Raffa Prb

13 Feb, 2022

Struktur Dasar HTML Template Blogspot (xml)

Setelah mengetahui bagan struktur template blogspot pada postingan sebelumnya. Sekarang kita akan membahas kode dasar html template blogspot (xml), yaitu ada 3 bagian penting yang ada dalam template blog standar blogspot.

kode htm xml blogspot

Bagian 1 Header

Kode Header. Pada dasarnya ini berisi informasi penting tentang kode template dan judul blog Anda. . Ini adalah header standar untuk semua template. Satu-satunya waktu Anda menambahkan beberapa kode di sini adalah ketika Anda ingin menempatkan beberapa meta tag (informasi tambahan tentang blog Anda untuk SEO).

Bagian 2 CSS

Ini adalah Seksi Styling CSS. CSS singkatan dari Cascading Style Sheets, bahasa web yang digunakan untuk mengontrol gaya dokumen HTML. Ini adalah bagian yang ingin Anda tahu sebagian besar, jika Anda ingin memodifikasi template yang ada atau mendesain template baru. Meskipun itu adalah kode pemrograman web, Anda masih bisa melakukan banyak hal pada Anda desain template jika Anda memahami struktur bagian ini tanpa mengetahui banyak tentang HTML dan CSS.

Bagian 3 Body

Ini adalah tubuh atau Data kode - bagian terpenting yang mengambil semua konten Anda dari database Blogger dan meletakkannya di tempat yang tepat ke blog Anda ketika seseorang sedang melihat blog Anda. Ini juga merupakan bagian yang memberitahu blog Anda bagian mana yang lebih dulu - Header, Sidebars, Main, Post, Footer, dll Tapi bagian 3 ini tidak mengatur tampilan blog yang akan terlihat seperti di internet (karena sebagiannya dikendalikan oleh bagian styling CSS).

Tag :
HTML Dasar Template Blogspot
Template Blogspot
Kode Template Blogspot
HTML Template Blogspot
CSS Template Blogspot
Header Template Blogspot
Struktur Template Blogspot
Bagan Template Blogspot

HTML Dasar Template Blogspot

HTML Dasar Template Blogspot

Harga : *Belum termasuk Ongkos kirim

Pesan via whatsapp Pesan via Email

Spesial Promo

5 ^% off

Paket Pasang Parabola Mini dan Jaring.

Dapatkan Sekarang

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/91768132-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4FZ5ZQ-axTirmwzN2n7Pe-a8HUnA:1737176464297';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3337850430345522936','//raqysa.blogspot.com/2013/03/html-dasar-template-blogspot.html','3337850430345522936');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3337850430345522936', 'title': 'Raqysa Blog', 'url': 'https://raqysa.blogspot.com/2013/03/html-dasar-template-blogspot.html', 'canonicalUrl': 'https://raqysa.blogspot.com/2013/03/html-dasar-template-blogspot.html', 'homepageUrl': 'https://raqysa.blogspot.com/', 'searchUrl': 'https://raqysa.blogspot.com/search', 'canonicalHomepageUrl': 'https://raqysa.blogspot.com/', 'blogspotFaviconUrl': 'https://raqysa.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-22113466-12', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Raqysa Blog - Atom\x22 href\x3d\x22https://raqysa.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Raqysa Blog - RSS\x22 href\x3d\x22https://raqysa.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Raqysa Blog - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3337850430345522936/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Raqysa Blog - Atom\x22 href\x3d\x22https://raqysa.blogspot.com/feeds/8676429536551574261/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-9501973303319252', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d2c988fc3a56b1b1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '8676429536551574261', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TMg9BWbzhULlW4CMYthSM6uj81Z9vnS3NtIb3VXycvMhe7dVGfWtrODW_bw0ZHJQhBUrYeLl_H7eOAaopVacAd5nxUXzRYWKVzi-HqD4R0qyQvye2nMv3bV_xUHixjGKQ6q_WDbDNhg/s72-w351-c-h400/kode+html+template.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TMg9BWbzhULlW4CMYthSM6uj81Z9vnS3NtIb3VXycvMhe7dVGfWtrODW_bw0ZHJQhBUrYeLl_H7eOAaopVacAd5nxUXzRYWKVzi-HqD4R0qyQvye2nMv3bV_xUHixjGKQ6q_WDbDNhg/w351-h400/kode+html+template.jpg', 'pageName': 'HTML Dasar Template Blogspot', 'pageTitle': 'Raqysa Blog: HTML Dasar Template Blogspot', 'metaDescription': 'Struktur Kode Dasar HTML Template Blogspot,struktur template blogspot,kode dasar html,template blogspot'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, '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': 'HTML Dasar Template Blogspot', 'description': 'Struktur Kode Dasar HTML Template Blogspot,struktur template blogspot,kode dasar html,template blogspot', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TMg9BWbzhULlW4CMYthSM6uj81Z9vnS3NtIb3VXycvMhe7dVGfWtrODW_bw0ZHJQhBUrYeLl_H7eOAaopVacAd5nxUXzRYWKVzi-HqD4R0qyQvye2nMv3bV_xUHixjGKQ6q_WDbDNhg/w351-h400/kode+html+template.jpg', 'url': 'https://raqysa.blogspot.com/2013/03/html-dasar-template-blogspot.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8676429536551574261}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '380045519077312987'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '8676429536551574261', 'title': 'HTML Dasar Template Blogspot', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TMg9BWbzhULlW4CMYthSM6uj81Z9vnS3NtIb3VXycvMhe7dVGfWtrODW_bw0ZHJQhBUrYeLl_H7eOAaopVacAd5nxUXzRYWKVzi-HqD4R0qyQvye2nMv3bV_xUHixjGKQ6q_WDbDNhg/w351-h400/kode+html+template.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Tabel Spesifikasi Nex Parabola Mini', 'id': 2279328533419267694}, {'title': 'Widget Script Menghilangkan  Kode ?m\x3d1 dan ?m\x3d0 di Blogspot', 'id': 3314566178597241548}, {'title': 'Asmaa\x27ul Husna ', 'id': 380045519077312987}, {'title': 'Test Buta Warna - SIM', 'id': 2136753427811757243}, {'title': 'Cara Membuat Widget Pop Up Flash Sale di Blog', 'id': 3414806409035780080}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': 'Hashtag', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label11'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/599103511-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label11', 'sidebar-static', document.getElementById('Label11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>