cara membuat Text area keren pada postingan blogger Part 1

Kadek

16px

Ukuran Teks

1

0

Hy semua kali ini saya share cara membuat text area keren pada postingan Blogger Part 1

Baca Juga: Text Area Part 2
kita sering melihat ketika blogwalking ke blog lain di dalam sebuah artikel atau postingan terdapat sebuah teks area atau sebuah teks didalam kode, untuk membuat sebuah teks area cukup gampang yang kalian butuhkan hanya kode berikut ini :
catatan:Tanda # dan spasi dalam kode di hilangkan pada saat pemasangan kode.
keep blogging !!!
KUMPULAN TEKS AREA MWB KEREN

Teks area dengan tampilan yang biasa tentunya sangat membosankan dan untuk itu disini saya akan berbagi kode teks area yang lain dari biasanya :

Text area menggunakan background

Text area dengan border putus''

Text area dengan border warna warni

Text area dengan tampilan keren
000 000
Nb : tanda # di hilangkan!!
Oky shobat semua sampai di sini dulu tutorial cara membuat Text area keren pada postingan blogger Part 1

← 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'] = 'AOuZoY4QoathIGSd8Bu7ohY3k9PqA-mmKg:1772637595009';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4290982982529449959','//bulshitman.blogspot.com/2016/02/cara-membuat-text-area-keren-pada.html','4290982982529449959');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4290982982529449959', 'title': 'BulshitMan', 'url': 'https://bulshitman.blogspot.com/2016/02/cara-membuat-text-area-keren-pada.html', 'canonicalUrl': 'https://bulshitman.blogspot.com/2016/02/cara-membuat-text-area-keren-pada.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/5350538174641724761/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': '5350538174641724761', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4062wSveQHmTldBdA8L_qhNACTM261_ft47NFB6Lr4a3D_K1jgsjcOlVJ5p0CeLS9J4WV0CZKdvcte38exbrlxihIvaom3U8-vQN-hsL8C_sHNdXJIAPkDwsb3D5qZkStMIRywhC5dpd/s72-c/html.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4062wSveQHmTldBdA8L_qhNACTM261_ft47NFB6Lr4a3D_K1jgsjcOlVJ5p0CeLS9J4WV0CZKdvcte38exbrlxihIvaom3U8-vQN-hsL8C_sHNdXJIAPkDwsb3D5qZkStMIRywhC5dpd/s1600/html.png', 'pageName': 'cara membuat Text area keren pada postingan blogger  Part 1', 'pageTitle': 'BulshitMan: cara membuat Text area keren pada postingan blogger  Part 1', 'metaDescription': 'Tutorial Blog, Template Blog, Seo friendly, Responsive, Mobile friendly, Free, Premium Blogger Template, Cara membuat, Cara pasang, Cara menambah, Cara di Blog, Tips and Trik Blog, Widget Blogger, PC Komputer, Laptop, Windows, Android, Game, Gadget, Online, Facebook, Google, Terbaru, 2016'}}, {'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 membuat Text area keren pada postingan blogger  Part 1', 'description': 'Tutorial Blog, Template Blog, Seo friendly, Responsive, Mobile friendly, Free, Premium Blogger Template, Cara membuat, Cara pasang, Cara menambah, Cara di Blog, Tips and Trik Blog, Widget Blogger, PC Komputer, Laptop, Windows, Android, Game, Gadget, Online, Facebook, Google, Terbaru, 2016', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4062wSveQHmTldBdA8L_qhNACTM261_ft47NFB6Lr4a3D_K1jgsjcOlVJ5p0CeLS9J4WV0CZKdvcte38exbrlxihIvaom3U8-vQN-hsL8C_sHNdXJIAPkDwsb3D5qZkStMIRywhC5dpd/s1600/html.png', 'url': 'https://bulshitman.blogspot.com/2016/02/cara-membuat-text-area-keren-pada.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5350538174641724761}}, {'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': '5350538174641724761', 'title': 'cara membuat Text area keren pada postingan blogger  Part 1', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4062wSveQHmTldBdA8L_qhNACTM261_ft47NFB6Lr4a3D_K1jgsjcOlVJ5p0CeLS9J4WV0CZKdvcte38exbrlxihIvaom3U8-vQN-hsL8C_sHNdXJIAPkDwsb3D5qZkStMIRywhC5dpd/s1600/html.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>