Home » Blogger » Cara Menambahkan Background Anime Di Blog

Cara Menambahkan Background Anime Di Blog

Bekicot Kamis, 01 Maret 2018 Blogger Edit

Cara Menambahkan Background Anime Di Blog

Bagi kamu yang pecinta anime pasti pingin menambahkan Background Anime di blog yang ada di samping kiri dan kanan dengan karakter Anime favoritmu. Tentu saja ini juga sangat bagus sekali digunakan bagi kamu yang blognya berniche Anime seperti Fanshare, Fansubs, Fanscover..

Untuk memasang Background Anime ini sangat mudah sekali karena hanya menggunakan CSS saja tidak menggunakan HTML yah karena kita hanya akan menambahkan CSS pada kode Tag body saja.

Menambahkan Background Anime

1. Masuk dulu ke Dashboard blog kamu blogger.com

2. Klik Template/Tema > Klik Edit HTML > cari kode #body or .body setelah ketemu tambahkan kode dibawah ini.

background: #eef3f6;background: url(https://s5.postimg.org/kxe0l7qnb/Right_Winter_2018.png),url(https://s5.postimg.org/6e6vjspsn/Left_Winter_2018.png);background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;
background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-repeat: no-repeat;background-position: right -80px bottom -80px,left 0 bottom 0;background-color: #f6f7f9;background-attachment: fixed;

3. Jika kamu ngak mau ribet bisa langsung tambahkan kode dibawah ini tepat dibawah kode <style> or <b:skin>

body{background: #eef3f6;background: url(https://s5.postimg.org/kxe0l7qnb/Right_Winter_2018.png),url(https://s5.postimg.org/6e6vjspsn/Left_Winter_2018.png);background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;
background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-repeat: no-repeat;background-position: right -80px bottom -80px,left 0 bottom 0;background-color: #f6f7f9;background-attachment: fixed;}

4. Simpan Template/Tema

5. Selesai

Nah sekarang Tampilan Background Blog kamu sudah terlihat ada Anime di sebelah Kanan dan Kiri pada blog.

0 Response to "Cara Menambahkan Background Anime Di Blog"

Posting Komentar

Langganan: Posting Komentar (Atom)

<!--
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6Q6CekGajDAIGT-K8uUtS4iJUh8Q:1714597350664';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2169839582378808761','//healthproblematica.blogspot.com/2018/03/cara-menambahkan-background-anime-di.html','2169839582378808761');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2169839582378808761', 'title': 'Healt Alfa', 'url': 'http://healthproblematica.blogspot.com/2018/03/cara-menambahkan-background-anime-di.html', 'canonicalUrl': 'http://healthproblematica.blogspot.com/2018/03/cara-menambahkan-background-anime-di.html', 'homepageUrl': 'http://healthproblematica.blogspot.com/', 'searchUrl': 'http://healthproblematica.blogspot.com/search', 'canonicalHomepageUrl': 'http://healthproblematica.blogspot.com/', 'blogspotFaviconUrl': 'http://healthproblematica.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': '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\x22Healt Alfa - Atom\x22 href\x3d\x22http://healthproblematica.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Healt Alfa - RSS\x22 href\x3d\x22http://healthproblematica.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Healt Alfa - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2169839582378808761/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Healt Alfa - Atom\x22 href\x3d\x22http://healthproblematica.blogspot.com/feeds/594019416366243792/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-6708914629014549', '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/a26ecadc30bb77e6', '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': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', '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': '594019416366243792', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXsmvhoAzUlKpY_-DNrxz-VyxAC8bfuSK7HPcRGAZksnlq0DIOqnnur7SAESu5I6HkoQ29K_P3x7-DE1k4a0e_E6CrCIJ4EwgKPv7yDqcIZVgjtdHOZnVEWb6DytbpCOvGZpAXRGrAlMj/s72-c/BackgroundNime.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXsmvhoAzUlKpY_-DNrxz-VyxAC8bfuSK7HPcRGAZksnlq0DIOqnnur7SAESu5I6HkoQ29K_P3x7-DE1k4a0e_E6CrCIJ4EwgKPv7yDqcIZVgjtdHOZnVEWb6DytbpCOvGZpAXRGrAlMj/s320/BackgroundNime.png', 'pageName': 'Cara Menambahkan Background Anime Di Blog', 'pageTitle': 'Healt Alfa: Cara Menambahkan Background Anime Di Blog'}}, {'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': 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 Menambahkan Background Anime Di Blog', 'description': 'Bagi kamu yang pecinta anime pasti pingin menambahkan Background Anime di blog yang ada di samping kiri dan kanan dengan karakter Anime favo...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXsmvhoAzUlKpY_-DNrxz-VyxAC8bfuSK7HPcRGAZksnlq0DIOqnnur7SAESu5I6HkoQ29K_P3x7-DE1k4a0e_E6CrCIJ4EwgKPv7yDqcIZVgjtdHOZnVEWb6DytbpCOvGZpAXRGrAlMj/s320/BackgroundNime.png', 'url': 'http://healthproblematica.blogspot.com/2018/03/cara-menambahkan-background-anime-di.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 594019416366243792}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, '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': 'Memuat\x26hellip;'}, 'displayModeFull'));
</script>
</body>-->