Cara Membuat Loading Page Dark style For Blogger Version

Kadek Putu Sedane

16px

Ukuran Teks

1

0

Membuat Loading Page Dark style For Blogger Version, Setelah sebelumnya BulshitMan membagikan Cara Membuat Efek Loading Di Blogger Keren, Kini BulshitMan akan coba membagikan Cara Membuat Loading Page Dark style For Blogger Version.
Loading kali ini mempunyai tampilan yang berbeda denga perpaduan Style Color Dark End Gree, Loading Page ini ringan untuk di gunakan pada blog kamu, Kegunaan Memasang Page Loading agar pada saat Page blog kamu sedang di load, pengunjung tidak melihatnya. pengunjung akan otomatis melihat page loading yang kamu pasang ini. untuk pemasangan ikuti Tutor di bawah ini:

Cara Membuat Loading Page Dark style di blog/website

Cara Membuat Loading Page Dark style For Blogger Version

Memasang Loading Page Dark style For Blogger Version

1. Masuk terlebih dahulu ke blogger kamu,
2. Pilih Menu Template==Edit HTML
3. Lalu Letakan kode di bawah ini Tepat di atas kode </head>

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js' type='text/javascript'></script>
<script src='https://cdn.rawgit.com/Brando07/share/newbe/loading-seocips.js' type='text/javascript'></script>
<link href='https://cdn.rawgit.com/Brando07/share/newbe/loading-seocips.css' rel='stylesheet' type='text/css'/>

Jika Pada Blog kamu sudah terpasang code jquery maka code yang berwarna mera di atas tidak perlu di pasang lagi.
4. Letakan code di bawah ini tepat pada bagian bawah code <body>

<div id="element" class="introLoading"></div>

Jika Code di atas semua sudah terpasang sekarang silahkan anda Save/simpan

← Newer Older →

Fitur Lagu

<head>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4290982982529449959&zx=6f42ea7f-abff-4381-a012-9221778ce160' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4290982982529449959&zx=6f42ea7f-abff-4381-a012-9221778ce160' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/432983155-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7aWDo5PeJCYfd8dcj3ekJ1-xtFfQ:1772637439557';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4290982982529449959','//bulshitman.blogspot.com/2016/03/cara-membuat-loading-page-dark-style.html','4290982982529449959');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4290982982529449959', 'title': 'BulshitMan', 'url': 'https://bulshitman.blogspot.com/2016/03/cara-membuat-loading-page-dark-style.html', 'canonicalUrl': 'https://bulshitman.blogspot.com/2016/03/cara-membuat-loading-page-dark-style.html', 'homepageUrl': 'https://bulshitman.blogspot.com/', 'searchUrl': 'https://bulshitman.blogspot.com/search', 'canonicalHomepageUrl': 'https://bulshitman.blogspot.com/', 'blogspotFaviconUrl': 'https://bulshitman.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-75988145-1', '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\x22BulshitMan - Atom\x22 href\x3d\x22https://bulshitman.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22BulshitMan - RSS\x22 href\x3d\x22https://bulshitman.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BulshitMan - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4290982982529449959/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BulshitMan - Atom\x22 href\x3d\x22https://bulshitman.blogspot.com/feeds/6426868189886882004/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-5276079497297713', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/6beca970cf22277c', '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': true, 'jumpLinkMessage': 'Lihat Lebih Lengkap', 'pageType': 'item', 'postId': '6426868189886882004', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJFOO6em3HA7tuGFEx5nGfRREjhMrtoG_MhcNdRiemE8Nr8qiFOyH75SE-_o7FqdQP-1ZflESyyuuNyS_tbxP-pDRKiUGTIpwzIVyU4gytgr-SNWk1j8W1Xpf4Xnyqh4jryEr98TPojI/s72-c/Reload+Page+Dark+style.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJFOO6em3HA7tuGFEx5nGfRREjhMrtoG_MhcNdRiemE8Nr8qiFOyH75SE-_o7FqdQP-1ZflESyyuuNyS_tbxP-pDRKiUGTIpwzIVyU4gytgr-SNWk1j8W1Xpf4Xnyqh4jryEr98TPojI/s1600/Reload+Page+Dark+style.png', 'pageName': 'Cara Membuat Loading Page Dark style For Blogger Version', 'pageTitle': 'BulshitMan: Cara Membuat Loading Page Dark style For Blogger Version', 'metaDescription': 'Membuat Loading Page Dark style For Blogger Version, Setelah sebelumnya BulshitMan membagikan Cara Membuat Loading Page Dark style For Blogger Version.'}}, {'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': 'Cara Membuat Loading Page Dark style For Blogger Version', 'description': 'Membuat Loading Page Dark style For Blogger Version, Setelah sebelumnya BulshitMan membagikan Cara Membuat Loading Page Dark style For Blogger Version.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJFOO6em3HA7tuGFEx5nGfRREjhMrtoG_MhcNdRiemE8Nr8qiFOyH75SE-_o7FqdQP-1ZflESyyuuNyS_tbxP-pDRKiUGTIpwzIVyU4gytgr-SNWk1j8W1Xpf4Xnyqh4jryEr98TPojI/s1600/Reload+Page+Dark+style.png', 'url': 'https://bulshitman.blogspot.com/2016/03/cara-membuat-loading-page-dark-style.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6426868189886882004}}, {'name': 'widgets', 'data': [{'title': 'Header Utama', 'type': 'HTML', 'sectionId': 'header-top-section', 'id': 'HTML98'}, {'title': 'Menu Navigasi', 'type': 'LinkList', 'sectionId': 'header-nav-section', 'id': 'LinkList1'}, {'title': 'Hero', 'type': 'HTML', 'sectionId': 'hero', 'id': 'HTML99'}, {'title': 'Kategori', 'type': 'Label', 'sectionId': 'sidebar-left', 'id': 'Label1'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main_content_area', 'id': 'Blog1', 'posts': [{'id': '6426868189886882004', 'title': 'Cara Membuat Loading Page Dark style For Blogger Version', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJFOO6em3HA7tuGFEx5nGfRREjhMrtoG_MhcNdRiemE8Nr8qiFOyH75SE-_o7FqdQP-1ZflESyyuuNyS_tbxP-pDRKiUGTIpwzIVyU4gytgr-SNWk1j8W1Xpf4Xnyqh4jryEr98TPojI/s1600/Reload+Page+Dark+style.png', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted'}, {'name': 'timestamp', 'label': 'Upload'}, {'name': 'comments', 'label': '$type\x3d{blogger}'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Recommendation for you'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted'}, {'name': 'timestamp', 'label': 'Upload'}, {'name': 'comments', 'label': '$type\x3d{blogger}'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Recommendation for you'}]}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML98', 'header-top-section', document.getElementById('HTML98'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'header-nav-section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML99', 'hero', document.getElementById('HTML99'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-left', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main_content_area', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/611711711-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
</script>
</body>