cara menampilkan widget pada versi mobile

Kadek

16px

Ukuran Teks

1

0

Hallo sehabat Blogger semua.... Ketemu lagi nh bersama saya Admin BulshitMan kali ini saya akan coba membahas caa menampilkan widget pada versi mobile,, sebenarnya hal ini cukup basi bagi blogging yang sudah mahir dalam mengutak utik tampilan bloggernya... Namun kali ini saya punya tujuan tertentu dalam membagikan artikel ini..
memang sebagian besar blogging yang sudah mahir mengganggap hal yang seperti ini itu udha biasa,, namun sebagai blogging pemula tentu ini sangat di butuhkan,,, di karenakan banyak blogging pemula yang masih penasaran akan hasil-hasil yang menabjubkan pada tampilan blognya...

Nah Tak ingin menunggu lama langsung saja kita menuju ke TKP:

buka dasboard blog anda
pilih tata-letak
klik edit pada widget yang ingin di tampilkan

==>Lihat ode widget yang akan anda tampilkan pada version mobile

Lalu buka Template klik edit HTML pada tampilan template
Lompat Ke Id widget yang Tadi anda cari

==>Sebagai contoh saya gunakan widget populert post yang akan saya tampilkan di versi mobile

Berikut kurang lebih Codenya kayak gini

<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>

Nah yang perlu kita lakukan adalah menambahkan sedikit code modifikasi yang akan merubah code ini hingga menghasilkan widget yang akan bisa tampil di versi mobile

<b:widget id='PopularPosts3' mobile='yes' locked='false' title='Entri Populer' type='PopularPosts'>

Code di atas adalah code untuk tidak menampilkan widget pada versi mobile

<b:widget id='PopularPosts3' mobile='no' locked='false' title='Entri Populer' type='PopularPosts'>

sedangkan code untuk yang di atas ini adalah code untuk tidak menampilkan  widget pada fersi mobile namun tidak tampil di versi web

← 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'] = 'AOuZoY7lqs7rKhdCIfOMquwQu4ASyMGPRw:1772637518329';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4290982982529449959','//bulshitman.blogspot.com/2016/03/cara-menampilkan-widget-pada-versi.html','4290982982529449959');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4290982982529449959', 'title': 'BulshitMan', 'url': 'https://bulshitman.blogspot.com/2016/03/cara-menampilkan-widget-pada-versi.html', 'canonicalUrl': 'https://bulshitman.blogspot.com/2016/03/cara-menampilkan-widget-pada-versi.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/5069801295470921227/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': '5069801295470921227', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvC_cQvcs4j461aIhfdU4Xtnnn2RXKC9ad-URQRjtsJMhaXFn3LVy_Cjqa2Igvz56nCQ1WQAStZPX0zdgKomuYjiLEgc9ZBUejbuE5MXiTdYPDLSuOoLdI5MC7j8hBqW9PryOG20bq03lA/s72-c/ssss.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvC_cQvcs4j461aIhfdU4Xtnnn2RXKC9ad-URQRjtsJMhaXFn3LVy_Cjqa2Igvz56nCQ1WQAStZPX0zdgKomuYjiLEgc9ZBUejbuE5MXiTdYPDLSuOoLdI5MC7j8hBqW9PryOG20bq03lA/s320/ssss.png', 'pageName': 'cara menampilkan widget pada versi mobile', 'pageTitle': 'BulshitMan: cara menampilkan widget pada versi mobile', 'metaDescription': 'BulshitMan kali ini saya akan coba membahas caa menampilkan widget pada versi mobile,, sebenarnya hal'}}, {'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 menampilkan widget pada versi mobile', 'description': 'BulshitMan kali ini saya akan coba membahas caa menampilkan widget pada versi mobile,, sebenarnya hal', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvC_cQvcs4j461aIhfdU4Xtnnn2RXKC9ad-URQRjtsJMhaXFn3LVy_Cjqa2Igvz56nCQ1WQAStZPX0zdgKomuYjiLEgc9ZBUejbuE5MXiTdYPDLSuOoLdI5MC7j8hBqW9PryOG20bq03lA/s320/ssss.png', 'url': 'https://bulshitman.blogspot.com/2016/03/cara-menampilkan-widget-pada-versi.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5069801295470921227}}, {'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': '5069801295470921227', 'title': 'cara menampilkan widget pada versi mobile', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvC_cQvcs4j461aIhfdU4Xtnnn2RXKC9ad-URQRjtsJMhaXFn3LVy_Cjqa2Igvz56nCQ1WQAStZPX0zdgKomuYjiLEgc9ZBUejbuE5MXiTdYPDLSuOoLdI5MC7j8hBqW9PryOG20bq03lA/s320/ssss.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>