<!--<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 » DL Box » Tutorial » Web Desain » Membuat Download Box Anime Responsive

Membuat Download Box Anime Responsive

DL Box Tutorial Web Desain

December 07, 2018

Share on Facebook Tweet on Twitter  

Membuat Download Box Anime Responsive. Membuat Download Box Anime Responsive biasanya banyak pemake di kalangan situs Fanshare seperti Mikanime, Meownime, Kusonime dan masih banyak lagi.

Langsung ke Tutorial sadja, seperti biasa capcus ke Blog kamu.

1. Buka Tema > Edit HTML > masukan code CSS nya di atas </b:skin> atau </style>
2. Copy CSS dibawah ini

3. Jika kamu sudah menyimpanya, sekarang copy code HMTL berikut ini.
4. Lalu letakan di Post atau juga bisa di Page/Laman kalian.

Untuk DEMO bisa lihat disini.

Yups! untuk tutorial download box cukup sampe disini semoga bermanfaat :D, jangan lupa mampir lagi~

LABEL : #DL Box #Tutorial #Web Desain

posted by

Krez

at

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1581542668-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6NdkcOjcVnqCAICZO6XHse1YVOLg:1765789311469';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5856770521068785295','//codeperpus.blogspot.com/2018/12/membuat-download-box-anime-responsive.html','5856770521068785295');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5856770521068785295', 'title': 'Code Perpus', 'url': 'https://codeperpus.blogspot.com/2018/12/membuat-download-box-anime-responsive.html', 'canonicalUrl': 'http://codeperpus.blogspot.com/2018/12/membuat-download-box-anime-responsive.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/9034381364886305524/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/ce4a0ba1ae8a0475', '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': '9034381364886305524', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMqEoRLEZApRrMxlOQ-tluqjFPsXm-HvhPTEqDOC2nVG3Va6jBRpApJ5ZOXsfbOlb0N-ASZEzOVTJ6mLM2cyUOKcmR9AB7KZ-4aYNrE9RXcEGjofRSk_IApt9MnnRLnnPVjIpew_Ee4c/s72-c/Cara+Membuat+Download+Box+Anime+Responsive.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMqEoRLEZApRrMxlOQ-tluqjFPsXm-HvhPTEqDOC2nVG3Va6jBRpApJ5ZOXsfbOlb0N-ASZEzOVTJ6mLM2cyUOKcmR9AB7KZ-4aYNrE9RXcEGjofRSk_IApt9MnnRLnnPVjIpew_Ee4c/s1600/Cara+Membuat+Download+Box+Anime+Responsive.png', 'pageName': 'Membuat Download Box Anime Responsive', 'pageTitle': 'Code Perpus: Membuat Download Box Anime Responsive', 'metaDescription': ''}}, {'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': 'Membuat Download Box Anime Responsive', 'description': 'Code Perpus Adalah Tempat Tutorial Blogger, Web Desain \x26 Tips Blogger  Sambil Blajar Ngoding.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMqEoRLEZApRrMxlOQ-tluqjFPsXm-HvhPTEqDOC2nVG3Va6jBRpApJ5ZOXsfbOlb0N-ASZEzOVTJ6mLM2cyUOKcmR9AB7KZ-4aYNrE9RXcEGjofRSk_IApt9MnnRLnnPVjIpew_Ee4c/s1600/Cara+Membuat+Download+Box+Anime+Responsive.png', 'url': 'https://codeperpus.blogspot.com/2018/12/membuat-download-box-anime-responsive.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 9034381364886305524}}]);
_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/2485970545-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-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>-->

Membuat Download Box Anime Responsive

Related Post