Belajar dan sharing HTML & CSS – Lightweight Template Blogger

Cara membuat menu vertical dengan CSS

Cara membuat menu vertical dengan CSS

Setelah sekian lama tidak posting sebuah artikel, kali ini saya akan mencoba membuat tutorial cara membuat menu vertical dengan CSS , karen...

Rangga 21 Mar, 2016 2

Struktur Dasar HTML

Struktur Dasar HTML

Struktur Dasar HTML , pada kesempatan kali ini saya akan mencoba memberikan informasi tentang struktur HTML. Seharusnya informasi ini diberi...

Rangga 29 May, 2014 20

Cara Membuat Search Form Responsive

Membuat sebuah Search form adalah hal sederhana yang mungkin orang-orang yang mengenal HTML dan CSS bisa membuatnya. Namun kali ini saya i...

Rangga 9 Apr, 2014 7

Cara mengetahui font yang digunakan website

Cara mengetahui font yang digunakan website

Pada artikel kali ini saya akan berbagi pengetahuan saya tentang bagaimana mengetahui font yang digunakan pada sebuah website. Terkadang ke...

Rangga 11 Feb, 2014 8

Cara membuat menu Dropdown dengan CSS

Cara membuat menu Dropdown dengan CSS

Pada artikel kali ini saya akan mencoba berbagi tutorial tentang membuat menu dropdown dengan CSS . Sesuai dengan judulnya jadi disini kita ...

Rangga 13 May, 2014 62

Tutorial membuat template website

Tutorial membuat template website

Sebuah template website memang berbeda-beda, namun dibalik perbedaan itu ada satu hal persamaan pada setiap website . Ya, mereka selalu me...

Rangga 7 Jan, 2020 18

Cara menambah code css di Blogger

Pada artikel sebelumnya yang berjudul " Cara membuat box code di blogger " kita diharuskan menambahkan code css pada blogger, namu...

Rangga 22 Jan, 2014 38

<!--

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6POGnXPLYFRBUCGqwhARvY0lN_Rw:1732142065482';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5425990543451317889','//ngajarcss.blogspot.com/','5425990543451317889');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5425990543451317889', 'title': 'Belajar dan sharing HTML \x26amp; CSS', 'url': 'https://ngajarcss.blogspot.com/', 'canonicalUrl': 'http://ngajarcss.blogspot.com/', 'homepageUrl': 'https://ngajarcss.blogspot.com/', 'searchUrl': 'https://ngajarcss.blogspot.com/search', 'canonicalHomepageUrl': 'http://ngajarcss.blogspot.com/', 'blogspotFaviconUrl': 'https://ngajarcss.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', '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\x22Belajar dan sharing HTML \x26amp; CSS - Atom\x22 href\x3d\x22https://ngajarcss.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Belajar dan sharing HTML \x26amp; CSS - RSS\x22 href\x3d\x22https://ngajarcss.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Belajar dan sharing HTML \x26amp; CSS - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5425990543451317889/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/13940521608029039853\x22 /\x3e\n', '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/8f7002974bbf4dbb', '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': 'Belajar dan sharing HTML \x26amp; CSS', 'metaDescription': 'Belajar dan Sharing HTML \x26 CSS'}}, {'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': 'Belajar dan sharing HTML \x26 CSS', 'description': 'Belajar dan Sharing HTML \x26 CSS', 'url': 'https://ngajarcss.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML50'}, {'title': 'Menu', 'type': 'PageList', 'sectionId': 'header-main', 'id': 'PageList50'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'icons', 'id': 'HTML58'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML51'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML52'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog50', 'posts': [{'id': '7686459779127438112', 'title': 'Cara membuat menu vertical dengan CSS ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNdFtB8UEGq0bz4Qz3Ww6GZPc8KX9zgfNeIwt2NgVUmcaHOa-y9vsIFMi0r9R8hrvQl1jsWATT9DWowQ3wp8hN9CTUxKGb2fSy4lHrB8T-tJV7Zn0YY1cxXnn5MCtEWclKWpVFL2J4AeQ/s320/Cara+membuat+menu+vertical+dengan+CSS_1.png', 'showInlineAds': false}, {'id': '7962970490313354625', 'title': 'Struktur Dasar HTML', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCOiKy9L-nDIAlDrfqJjoRgmoxD85IlFPwmt5orrx4J3mZABK3XOSiSgn6wgGZ3lh7wiUst6brvmV_2DgVt9I6uquj57o_1UHtrknpl-ueedF4zmbUiE2gZIMVoFAbZcgLuKvkYTc0cN0/s1600/Struktur+HTML-+Title.png', 'showInlineAds': false}, {'id': '6033898889577391252', 'title': 'Cara Membuat Search Form Responsive', 'showInlineAds': false}, {'id': '2267400367532156073', 'title': 'Cara mengetahui font yang digunakan website', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXrw1CG6WVj4KhtHb6Utu8I5EBJJAWpyeDDtdIxLOiBfOc3OgH84dzZmC7ycdxwWc34zS-u0GSsnM5uFri9JAzV9GfRy_tRtK1APvAOXvcFQbpvDtWCHoEDowKlOysrECWsHrgnvUXBbI/s1600/Klik+kanan+pada+text.png', 'showInlineAds': false}, {'id': '8294348496910947434', 'title': 'Cara membuat menu Dropdown dengan CSS', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDF73YWTa5DkLhHZyj2UwKai7kGlYkBOYH08PVP26pbynJKIY7jC0qotseDGy6KKj07C5PUDy3L6UAKII66Vwjq7VOICcodr7klMdRE5ndtJObPSdc9VMLT776fyaNROCZ_hWj_0pn9Q/s400/dropdown-menu-dengan-css.png', 'showInlineAds': false}, {'id': '5228265653078266363', 'title': 'Tutorial membuat template website', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDbONFevZwzY7pjdEUdUJ8lflxUTOLRnKEGN1n4rM59byHlfB9cBVHdoXxxzjLZ6c-2ICX5lxr2qlgbKa3f6f3_IprN4JSjgdienrMwyJc3sNcdFNCAmvQJ5OJZMY6zO8grno-iGffjgw/s400/goal+dasar+layout+website.png', 'showInlineAds': false}, {'id': '4619051004402469340', 'title': 'Cara menambah code css di Blogger', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'comments', 'label': 'Review'}, {'name': 'icons', 'label': ''}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'comments', 'label': 'Review'}, {'name': 'icons', 'label': ''}]}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts50', 'posts': [{'title': 'Cara membuat menu vertical dengan CSS ', 'id': 7686459779127438112}, {'title': 'Struktur Dasar HTML', 'id': 7962970490313354625}, {'title': 'Tutorial membuat template website', 'id': 5228265653078266363}, {'title': 'Cara menambah code css di Blogger', 'id': 4619051004402469340}, {'title': 'Cara membuat menu Dropdown dengan CSS', 'id': 8294348496910947434}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label50'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML53'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML55'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList50'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList51'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML56'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'header-main', document.getElementById('HTML50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList50', 'header-main', document.getElementById('PageList50'), {'title': 'Menu', 'links': [{'isCurrentPage': true, 'href': 'https://ngajarcss.blogspot.com/', 'title': 'Home'}, {'isCurrentPage': false, 'href': '/p/about.html', 'title': 'About'}, {'isCurrentPage': false, 'href': '/search/label/Tech?max-results\x3d10', 'title': 'Tech'}, {'isCurrentPage': false, 'href': '#sub-start', 'title': 'Sub Menu 1'}, {'isCurrentPage': false, 'href': '#', 'title': 'Dropdown'}, {'isCurrentPage': false, 'href': '#sub-start', 'title': 'Dropdown-2'}, {'isCurrentPage': false, 'href': '#', 'title': 'Dropdown'}, {'isCurrentPage': false, 'href': '#', 'title': 'Dropdown'}, {'isCurrentPage': false, 'href': '#sub-end', 'title': 'Dropdown-#2'}, {'isCurrentPage': false, 'href': '#', 'title': 'Dropdown'}, {'isCurrentPage': false, 'href': '#sub-end', 'title': 'Sub Menu #1'}, {'isCurrentPage': false, 'href': '/p/contact.html', 'title': 'Contact'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML58', 'icons', document.getElementById('HTML58'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML51', 'before-blog', document.getElementById('HTML51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML52', 'before-post', document.getElementById('HTML52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog50', 'blog-post', document.getElementById('Blog50'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts50', 'sidebar-static', document.getElementById('PopularPosts50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label50', 'sidebar-static', document.getElementById('Label50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML53', 'sidebar-sticky', document.getElementById('HTML53'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML55', 'footer-widget', document.getElementById('HTML55'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList50', 'footer-widget', document.getElementById('LinkList50'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList51', 'footer-widget', document.getElementById('LinkList51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML56', 'copyright', document.getElementById('HTML56'), {}, 'displayModeFull'));
</script>
</body>

-->