<style>/*<link href='https://draft.blogger.com/dyn-css/authorization.css?targetBlogID=947114194705154883&zx=b726aee6-0517-41a2-bd1f-44e0e4c309f0' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://draft.blogger.com/dyn-css/authorization.css?targetBlogID=947114194705154883&zx=b726aee6-0517-41a2-bd1f-44e0e4c309f0' 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>*/</style>

Re-Shared, Membuat Kolom Widget Tepat Diatas Postingan

Safelinkdroid

29 Apr, 2019

FAST DOWNLOADads

Untuk membuat widget tepat diatas postingan pastikan anda cari coding ini terlebih dahulu :

]]></b:skin>
<div class='main-wrapper'>

Tujuanya adalah untuk mengetahui dimana anda harus meletakan CSS dan perintah pembuatan widgetnya. Posisi pencarian dari dashboard silahkan menuju bagian template, klik Edit HTML.

Contoh hasilnya, sudah menambahkan widget HTML/JavaScript.

Untuk membuat widget tepat diatas postingan pastikan anda cari coding ini terlebih dahulu Re-Shared, Membuat Kolom Widget Tepat Diatas Postingan

Kita buat CSS nya terlebih dahulu untuk style widget tepat diatas main atau postingan.
Misalkan standar saja seperti ini :
Tahap pertama copy css dibawah ini.

#satu_kolom{
width:100%;
}

.satukolomsajalah {font:10px Arial}
.satukolomsajalah h2{text-align:center;font:18px}

Pastekan coding tersebut tepat diatas ]]></b:skin>
Jika anda menginginkan style sendiri silahkan rubah saja css nya.

Tahap kedua copy coding dibawah ini.

<b:section class='satukolomsajalah' id='satu_kolom' preferred='yes' showaddelement='yes'></b:section>

Pastekan coding tersebut tepat dibawah <div class='main-wrapper'>
Tahap terakhir silahkan save template/simpan template dan lihat hasilnya, melihat hasil, anda bisa langsung menuju Tata Letak (layout) jika sukses maka dibagian atas tepat main (postingan) akan ada muncul kolom baru yang ready diisi widget.FAST DOWNLOADads

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5SkE2LSKC8pMlHQ2xLWR4pexPr_w:1732572027003';_WidgetManager._Init('//draft.blogger.com/rearrange?blogID\x3d947114194705154883','//vocaloidjogja.blogspot.com/2019/04/re-shared-membuat-kolom-widget-tepat.html','947114194705154883');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '947114194705154883', 'title': 'Vocaloid Jogja', 'url': 'https://vocaloidjogja.blogspot.com/2019/04/re-shared-membuat-kolom-widget-tepat.html', 'canonicalUrl': 'https://vocaloidjogja.blogspot.com/2019/04/re-shared-membuat-kolom-widget-tepat.html', 'homepageUrl': 'https://vocaloidjogja.blogspot.com/', 'searchUrl': 'https://vocaloidjogja.blogspot.com/search', 'canonicalHomepageUrl': 'https://vocaloidjogja.blogspot.com/', 'blogspotFaviconUrl': 'https://vocaloidjogja.blogspot.com/favicon.ico', 'bloggerUrl': 'https://draft.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', '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\x22Vocaloid Jogja - Atom\x22 href\x3d\x22https://vocaloidjogja.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Vocaloid Jogja - RSS\x22 href\x3d\x22https://vocaloidjogja.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Vocaloid Jogja - Atom\x22 href\x3d\x22https://draft.blogger.com/feeds/947114194705154883/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Vocaloid Jogja - Atom\x22 href\x3d\x22https://vocaloidjogja.blogspot.com/feeds/8332552614061786453/comments/default\x22 /\x3e\n', 'meTag': '', '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/1339d576f20ca433', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke 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: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '8332552614061786453', 'postImageThumbnailUrl': 'http://4.bp.blogspot.com/-pGV9l4MvCmo/VZuV2e0yY7I/AAAAAAAABrU/8a1x7Ay98yk/s72-c/widget%2Bdiatas%2Bpost.jpg', 'postImageUrl': 'http://4.bp.blogspot.com/-pGV9l4MvCmo/VZuV2e0yY7I/AAAAAAAABrU/8a1x7Ay98yk/s320/widget%2Bdiatas%2Bpost.jpg', 'pageName': 'Re-Shared, Membuat Kolom Widget Tepat Diatas Postingan', 'pageTitle': 'Vocaloid Jogja: Re-Shared, Membuat Kolom Widget Tepat Diatas Postingan'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', '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': 'Re-Shared, Membuat Kolom Widget Tepat Diatas Postingan', 'description': 'Untuk membuat widget tepat diatas postingan pastikan anda cari coding ini terlebih dahulu :   ]]\x3e\x3c/b:skin\x3e  \x3cdiv class\x3d\x27main-wrapper\x27\x3e  Tuju...', 'featuredImage': '//4.bp.blogspot.com/-pGV9l4MvCmo/VZuV2e0yY7I/AAAAAAAABrU/8a1x7Ay98yk/s320/widget%2Bdiatas%2Bpost.jpg', 'url': 'https://vocaloidjogja.blogspot.com/2019/04/re-shared-membuat-kolom-widget-tepat.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8332552614061786453}}, {'name': 'widgets', 'data': [{'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '6662914343080467869'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '8332552614061786453', 'title': 'Re-Shared, Membuat Kolom Widget Tepat Diatas Postingan', 'featuredImage': '//4.bp.blogspot.com/-pGV9l4MvCmo/VZuV2e0yY7I/AAAAAAAABrU/8a1x7Ay98yk/s320/widget%2Bdiatas%2Bpost.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Label:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Label:'}]}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Himouto Umaru Chan Himouto Ikusei Keikaku', 'id': 1359222164612344872}, {'title': 'Diabolik Lovers Night Fate', 'id': 2945514191560216079}, {'title': 'Kaleido Eve', 'id': 917383727569691088}, {'title': 'Sol Trigger [English Patched]', 'id': 8569811596552116682}, {'title': 'Widgets Odyssey', 'id': 2395640239411087735}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'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('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>