Home » Blogger » Cara Membuat Blog Menjadi Versi Mobile

Cara Membuat Blog Menjadi Versi Mobile

Anonymous Thursday, January 5, 2012 Blogger

Kali ini saya akan share sebuah tips tentang blog, mungkin tips ini sudah lama dan mungkin saja juga sudah banyak yang tau hehehe. Yaitu seperti yang kita tahu jika kita memiliki blog Wordpress maka akan secara otomatis menyesuaikan tampilan. Jika kita menggunakan ponsel maka Wordpress akan berubah menjadi tampilan ponsel, namun bagaimana halnya dengan blogger ?

Ternyata Blogger juga memiliki fitur tersebut namun tidak otomatis seperti Wordpress. Kita juga dapat menikmati blogger dalam versi mobile dengan menambahkan ?m=1 di akhir url blog.

Contohnya :
Link blog biasa
http://mainpedia.blogspot.com/

Link blog tampilan ponsel
http://mainpedia.blogspot.com?m=1

Sekian tips yang saya share kali ini, semoga bermanfaat

source:http://4serangkai-blog.blogspot.com/2011/03/bikin-blogmu-jadi-versi-mobile.html

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5i-nytcn7YWdGpvQZSQX_w3l5TPQ:1732632738566';_WidgetManager._Init('//draft.blogger.com/rearrange?blogID\x3d4403484816579580377','//seputarteknologi10.blogspot.com/2012/01/cara-membuat-blog-menjadi-versi-mobile.html','4403484816579580377');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4403484816579580377', 'title': 'Seputar Teknologi', 'url': 'https://seputarteknologi10.blogspot.com/2012/01/cara-membuat-blog-menjadi-versi-mobile.html', 'canonicalUrl': 'http://seputarteknologi10.blogspot.com/2012/01/cara-membuat-blog-menjadi-versi-mobile.html', 'homepageUrl': 'https://seputarteknologi10.blogspot.com/', 'searchUrl': 'https://seputarteknologi10.blogspot.com/search', 'canonicalHomepageUrl': 'http://seputarteknologi10.blogspot.com/', 'blogspotFaviconUrl': 'https://seputarteknologi10.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': '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\x22Seputar Teknologi - Atom\x22 href\x3d\x22https://seputarteknologi10.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Seputar Teknologi - RSS\x22 href\x3d\x22https://seputarteknologi10.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Seputar Teknologi - Atom\x22 href\x3d\x22https://draft.blogger.com/feeds/4403484816579580377/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Seputar Teknologi - Atom\x22 href\x3d\x22https://seputarteknologi10.blogspot.com/feeds/6171094469457311164/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1737490680038700', '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/02de2df73990045b', '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': '6171094469457311164', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3r47H_HXbXIbmqKGxjXsDSXMIL3lYwgNC7StB4eRyDoziryOai52Jav6fvlxtdAU3qG99hGRicpVZF5WhDKIR_9NM1S010EEp2XqafYtXjeVg99tONhtd_zzuPMSUmb_Ez6R7iUt1dVY/s72-c/mainpedia-mobile-blog.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3r47H_HXbXIbmqKGxjXsDSXMIL3lYwgNC7StB4eRyDoziryOai52Jav6fvlxtdAU3qG99hGRicpVZF5WhDKIR_9NM1S010EEp2XqafYtXjeVg99tONhtd_zzuPMSUmb_Ez6R7iUt1dVY/s200/mainpedia-mobile-blog.jpg', 'pageName': 'Cara Membuat Blog Menjadi Versi Mobile', 'pageTitle': 'Seputar Teknologi: Cara Membuat Blog Menjadi Versi Mobile', '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': false, '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 Blog Menjadi Versi Mobile', 'description': 'Seputar Teknologi', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3r47H_HXbXIbmqKGxjXsDSXMIL3lYwgNC7StB4eRyDoziryOai52Jav6fvlxtdAU3qG99hGRicpVZF5WhDKIR_9NM1S010EEp2XqafYtXjeVg99tONhtd_zzuPMSUmb_Ez6R7iUt1dVY/s200/mainpedia-mobile-blog.jpg', 'url': 'https://seputarteknologi10.blogspot.com/2012/01/cara-membuat-blog-menjadi-versi-mobile.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6171094469457311164}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'largebanner', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', 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('HTML80', 'recent-post-one-thumb-1', document.getElementById('HTML80'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML81', 'recent-post-one-thumb-2', document.getElementById('HTML81'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sideba', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'panel-1', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'panel-2', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'panel-2', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'panel-3', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull'));
</script>
</body>-->