<!--<head>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=5856770521068785295&zx=4bdd389c-22c0-4bf8-b813-7fa62a99ee0b' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=5856770521068785295&zx=4bdd389c-22c0-4bf8-b813-7fa62a99ee0b' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2530445587532326&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

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

</head>-->

Home » Tutorial » Web Desain » Cara Membuat Widget Label With Thumbnail Anime di Blogger

Cara Membuat Widget Label With Thumbnail Anime di Blogger

Tutorial Web Desain

December 04, 2018

Share on Facebook Tweet on Twitter  

Cara Membuat Widget Label With Thumbnail Anime. Yo kawan Cara Membuat Widget Label With Thumbnail seperti pada umumnya situs-situs Fanshare & Fansub besar biasanya menggunakan widget label dengan thumbnail. Kalian bisa menggunakan widget dengan thumbnail ini di blog kalian. Yoo langsung sikat saja!.

Seperti biasa langsung cos ke blog kalian ya kawan!
1. Pergi ke Tema > Edit HTML > Cari CSS Body
2. Sekarang letakkan code CSS dibawah ini pada Blog kalian!

3. Jangan lupa Save, Selanjutnya..
4. Kalian ke Tataletak > Tambah Gadget > HTML/Javascript

5. Jika sudah dipasang, silahkan lihat hasilnya dibagian yang kalian pasang.

Untuk DEMO bisa lihat disini.

LABEL : #Tutorial #Web Desain

posted by

Krez

at

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/91768132-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7S87V6TukiB1YXuXDYQtyZCuLh9g:1736658760922';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5856770521068785295','//codeperpus.blogspot.com/2018/12/cara-membuat-widget-label-with-thumbnail-anime.html','5856770521068785295');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5856770521068785295', 'title': 'Code Perpus', 'url': 'https://codeperpus.blogspot.com/2018/12/cara-membuat-widget-label-with-thumbnail-anime.html', 'canonicalUrl': 'http://codeperpus.blogspot.com/2018/12/cara-membuat-widget-label-with-thumbnail-anime.html', 'homepageUrl': 'https://codeperpus.blogspot.com/', 'searchUrl': 'https://codeperpus.blogspot.com/search', 'canonicalHomepageUrl': 'http://codeperpus.blogspot.com/', 'blogspotFaviconUrl': 'https://codeperpus.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\x22Code Perpus - Atom\x22 href\x3d\x22https://codeperpus.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Code Perpus - RSS\x22 href\x3d\x22https://codeperpus.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Code Perpus - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5856770521068785295/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Code Perpus - Atom\x22 href\x3d\x22https://codeperpus.blogspot.com/feeds/3331497395351807945/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-2530445587532326', '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/d2c988fc3a56b1b1', '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': 'item', 'postId': '3331497395351807945', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTojNLe0nBJ4_d1mfzwMb9MYpW64Ang7sQ-wXvB33bSUZINfSc6p2eu5v3ApJ1ERFzYNtoGCmOnsp4xiqKpO7OdrLAydbAmlAsWaQ3hqdWWGF8KwuwXHT4qcNJ6Aqnz5uui3-zt8HMmE/s72-c/label_moecodz.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTojNLe0nBJ4_d1mfzwMb9MYpW64Ang7sQ-wXvB33bSUZINfSc6p2eu5v3ApJ1ERFzYNtoGCmOnsp4xiqKpO7OdrLAydbAmlAsWaQ3hqdWWGF8KwuwXHT4qcNJ6Aqnz5uui3-zt8HMmE/s1600/label_moecodz.jpg', 'pageName': 'Cara Membuat Widget Label With Thumbnail Anime di Blogger', 'pageTitle': 'Code Perpus: Cara Membuat Widget Label With Thumbnail Anime di Blogger', 'metaDescription': 'Yo kawan Cara Membuat Widget Label With Thumbnail Anime seperti pada umumnya situs-situs Fanshare \x26 Fansub besar biasanya menggunakan widget label dengan thumbnail. Kalian bisa menggunakan widget dengan thumbnail ini di blog kalian. Yoo langsung sikat saja!.'}}, {'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 Widget Label With Thumbnail Anime di Blogger', 'description': 'Yo kawan Cara Membuat Widget Label With Thumbnail Anime seperti pada umumnya situs-situs Fanshare \x26 Fansub besar biasanya menggunakan widget label dengan thumbnail. Kalian bisa menggunakan widget dengan thumbnail ini di blog kalian. Yoo langsung sikat saja!.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTojNLe0nBJ4_d1mfzwMb9MYpW64Ang7sQ-wXvB33bSUZINfSc6p2eu5v3ApJ1ERFzYNtoGCmOnsp4xiqKpO7OdrLAydbAmlAsWaQ3hqdWWGF8KwuwXHT4qcNJ6Aqnz5uui3-zt8HMmE/s1600/label_moecodz.jpg', 'url': 'https://codeperpus.blogspot.com/2018/12/cara-membuat-widget-label-with-thumbnail-anime.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3331497395351807945}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'H-Site', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', 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('HTML1', 'grids', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'grids', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
</script>
</body>-->

Cara Membuat Widget Label With Thumbnail Anime di Blogger

Related Post