Kuasai Kode di Balik Tampilan Blogger Anda.

Pahami struktur XML, tag kondisional, dan elemen data dengan panduan yang jelas. Ubah template apa pun sesuai keinginan Anda tanpa rasa bingung.

Pelajari Sekarang

Pilih Topik yang Ingin Anda Pelajari

</>

Tag

Tag adalah elemen dasar dalam XML Blogger seperti <b:if>, <b:loop>, <b:section>, dan <b:includable> yang berfungsi sebagai struktur utama untuk membangun layout, menampilkan data, serta mengontrol logika dalam tema Blogger.

Pelajari Sekarang

</>

Operator

Operator adalah simbol atau kata kunci logika seperti ==, !=, and, or, not, dan ternary (? :) yang digunakan di dalam atribut expr: untuk membuat kondisi, perbandingan, serta operasi data secara dinamis.

Pelajari Sekarang

</>

Atribut

Atribut adalah parameter yang disisipkan pada tag XML Blogger seperti cond, expr:, name, var, dan maxwidgets untuk mengatur perilaku, memberikan nilai dinamis, serta mengontrol kondisi tampilan suatu elemen.

Pelajari Sekarang

</>

Material

Kumpulan komponen siap pakai seperti widget kustom, snippet kode, layout section, dan desain elemen UI yang bisa langsung diterapkan atau dimodifikasi ke dalam tema Blogger kalian dari level dasar hingga lanjutan.

Pelajari Sekarang

</>

Tools

Berbagai alat bantu seperti XML formatter, kode generator, validator tema, dan converter yang dirancang untuk mempermudah proses pengembangan, debugging, serta optimasi tema XML Blogger kalian.

Pelajari Sekarang

Kenapa Belajar di Sini?

💡 Penjelasan Jelas

Materi disajikan secara lugas dan mudah dipahami, bahkan untuk pemula.

🚀 Konten Terbaru

Panduan selalu diperbarui mengikuti tren dan versi terbaru teknologi.

💻 Contoh Praktis

Setiap konsep disertai dengan contoh kode yang bisa langsung Anda coba.

Project Admin

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1678292640-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7zEAaDLPQMg-LiMT0hRqgdZ06Lsw:1771621074017';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1641777030104490399','//www.rasgane.com/','1641777030104490399');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1641777030104490399', 'title': 'rasgane', 'url': 'https://www.rasgane.com/', 'canonicalUrl': 'https://www.rasgane.com/', 'homepageUrl': 'https://www.rasgane.com/', 'searchUrl': 'https://www.rasgane.com/search', 'canonicalHomepageUrl': 'https://www.rasgane.com/', 'blogspotFaviconUrl': 'https://www.rasgane.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': true, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22rasgane - Atom\x22 href\x3d\x22https://www.rasgane.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22rasgane - RSS\x22 href\x3d\x22https://www.rasgane.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22rasgane - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1641777030104490399/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1642946798396491', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/348c32271c6ca451', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, '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': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to 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: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'pageName': '', 'pageTitle': 'rasgane', 'metaDescription': 'Rasgane Tempat download Blogger Template Fansub, Streaming, Gambar, Blogger, Anime, Movies, Manga dan lainnya Free and Premium.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', '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': 'rasgane', 'description': 'Rasgane Tempat download Blogger Template Fansub, Streaming, Gambar, Blogger, Anime, Movies, Manga dan lainnya Free and Premium.', 'url': 'https://www.rasgane.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'Settings', 'type': 'LinkList', 'sectionId': 'Thema_Setting', 'id': 'LinkList1'}, {'title': 'rasgane (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Menu Thema', 'type': 'LinkList', 'sectionId': 'header', 'id': 'LinkList2'}, {'title': 'Button Dark Mode', 'type': 'LinkList', 'sectionId': 'header', 'id': 'LinkList3'}, {'title': 'Info Index Bagian Atas', 'type': 'HTML', 'sectionId': 'hero', 'id': 'HTML1'}, {'title': 'Pilih Topik yang Ingin Anda Pelajari', 'type': 'HTML', 'sectionId': 'featured-topics', 'id': 'HTML2'}, {'title': 'Kenapa Belajar di Sini?', 'type': 'HTML', 'sectionId': 'key-features', 'id': 'HTML3'}, {'title': 'Project Admin', 'type': 'HTML', 'sectionId': 'featured-project', 'id': 'HTML4'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'Konten', 'id': 'Blog1', 'posts': [{'id': '2385355789055784715', 'title': 'Dokumentasi Tag \x26lt;b:comment\x26gt; Dalam Template Blogger', 'showInlineAds': false}, {'id': '1420042449794445393', 'title': 'Dokumentasi  Tag \x26lt;b:class\x26gt; dalam Template Blogger', 'showInlineAds': false}, {'id': '7630305927149080838', 'title': 'Dokumentasi: Versi Template Blogger (XML)', 'showInlineAds': false}, {'id': '6065971111053250949', 'title': 'Dokumentasi  Tag \x26lt;b:attr\x26gt; dalam Template Blogger', 'showInlineAds': false}, {'id': '2154676645959207684', 'title': 'Mengakses Data Global Widget di Blogger', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'comments'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'author', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'comments'}, {'name': 'labels', 'label': ''}, {'name': 'location', 'label': 'Location:'}]}]}]);
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'Thema_Setting', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'header', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'header', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'hero', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'featured-topics', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'key-features', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'featured-project', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Konten', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2197748272-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
</script>
</body>