<!--<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 » Membuat Widget Recent Post Ongoing

Membuat Widget Recent Post Ongoing

Tutorial Web Desain

December 05, 2018

Share on Facebook Tweet on Twitter  

Membuat Widget Recent Post Ongoing. Yoo kawan yang punya template Fansubs udah gak asing lagi dengan Widget Recent Post Ongoing, super keren ini. Paling di cari untuk mempercantik tampilan Widget kamu xD. Langsung comot ae gan

Langsung cus ke blog kamu, seperti biasa
1. Buka Blogger > Tema > Edit HTML > Cari CSS Body
2. Jika sudah tempelkan code CSS berikut ini diatas CSS body kalian.

3. Woke, langkah berikutnya...
4. Buatlah postingan menggunakan HTML berikut dengan Mode HTML bukan Compose, jangan lupa edit bagian yang sudah ditandai.

5. Jika sudah, liat hasilnya dibagian halaman yang kalian sudah dieksekusi.

Untuk DEMO bisa dilihat 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'] = 'AOuZoY6kag5eg00KSoJixLQ3UT84IiF1xg:1736649864622';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5856770521068785295','//codeperpus.blogspot.com/2018/12/membuat-widget-recent-post-ongoing.html','5856770521068785295');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5856770521068785295', 'title': 'Code Perpus', 'url': 'https://codeperpus.blogspot.com/2018/12/membuat-widget-recent-post-ongoing.html', 'canonicalUrl': 'http://codeperpus.blogspot.com/2018/12/membuat-widget-recent-post-ongoing.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/1643544325195529701/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': '1643544325195529701', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJb6g1BbDB7qtMLfVKBi2cSBYRMKeLdB6U3yGHZZZx1N5q7TWQexfitzjJPhYG2DAA3OQgTHMB8Lp2gTDAGUxpdw8KLYP9iw2vMRzyhR0ZFb6tSWZaSo3k7UFvadkpHc65L-AoVOnKH_M/s72-c/ongoing_me.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJb6g1BbDB7qtMLfVKBi2cSBYRMKeLdB6U3yGHZZZx1N5q7TWQexfitzjJPhYG2DAA3OQgTHMB8Lp2gTDAGUxpdw8KLYP9iw2vMRzyhR0ZFb6tSWZaSo3k7UFvadkpHc65L-AoVOnKH_M/s1600/ongoing_me.jpg', 'pageName': 'Membuat Widget Recent Post Ongoing', 'pageTitle': 'Code Perpus: Membuat Widget Recent Post Ongoing', 'metaDescription': 'Membuat Widget Recent Post Ongoing'}}, {'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 Widget Recent Post Ongoing', 'description': 'Membuat Widget Recent Post Ongoing', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJb6g1BbDB7qtMLfVKBi2cSBYRMKeLdB6U3yGHZZZx1N5q7TWQexfitzjJPhYG2DAA3OQgTHMB8Lp2gTDAGUxpdw8KLYP9iw2vMRzyhR0ZFb6tSWZaSo3k7UFvadkpHc65L-AoVOnKH_M/s1600/ongoing_me.jpg', 'url': 'https://codeperpus.blogspot.com/2018/12/membuat-widget-recent-post-ongoing.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1643544325195529701}}]);
_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>-->

Membuat Widget Recent Post Ongoing

Related Post