Cara Membuat Info, Tips, dan Peringatan Ala Fansub

Kali ini Ane mau berbagi trick cara membuat Info, Tips, dan Peringatan Ala Fansub 


Widget ini sudah langsung menyesuaikan lebar dan tingginya,
jadi kalian tidak perlu mengatur ukurannya lagi.

DEMO

Maaf, untuk Para Pengunjung atau Bagi yang Sudah Request Tutorial / Render , Maaf agak Telat Soalnya, Karna Admin iMoechan sedang Sakit. Harap Dimaklumin ya :'3, Ntar Kalau sudah sembuh, Saya bakal buat Tutorial yg Baru dan pasti Menarik
Binggung cara Download ?, silahkan baca FAQ Page yang telah kami siapkan untuk menuju kesana silahkan klik disini
Dilarang komentar SPAM, SARA dan Pornografi, silahkan berkomentar dengan baik dan sopan



Pertama - tama Silahkan kalian letakan CSS dibawah ini diatas </b:skin> / </style>


.info, .tips, .warning {
font-family: 'Open Sans', "Segoe UI" ,Arial,Tahoma, sans-serif;
font-weight:400;
font-size:13px;
line-height: 22px;
min-height: 38px;
padding: 10px 12px 12px 68px;
margin: 5px 0;
}
.info, .tips, .download {
color: #fff
}
.info li {
list-style: none;
width: 80px;
margin: 3 0 0 7px;
}
.info {
background: #91C9E8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAVt05Ekrb76FchpkKk3AtpbIpFRS-X4829wCAAfR6k2cEivmNIsJLxycVd4H4pomazExDyZsyo6jCVFuVBvMhFgIBTPOvHC61zSgTBfdT_peY-HikHkhgv6_EgJXi_GiW1Wp009l5sqg/s1600/info.png) no-repeat 12px 8px;
color: #fff
}
.tips {
background: #7CADDE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9COK25v5Ud7GEbKH8yzLQ8XAQsYXWFd9uZDrYkF9lcIcaHGcHwOJCQP4isbI9VwMWlh6beM_CyaYdqkCrNMXfI_ri_crZf5DP5IrttyD-E2aVFQKSGMpS80rb784i6SZmbZpQndrUwZk/s1600/tips.png) no-repeat 12px 8px;
color: #fff;
}
.warning {
background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tb3N825hvxGryR0puxZByhwJWj7U5ZyyvXsuSk-WTc8TR0FdoRJOfsC1JTWMaFOT_XolfgeHw4W-QTFQcyzlf06qguHCzb2uY3emxElgJPmFlYRagSRGNgXp7WWOAIDAUFcL1uyVrL0/s1600/warning.png') no-repeat 12px 8px;
color: #fff;
}
Lalu Copykan kode dibawah ini pada postingan kalian


<div class="info">
Maaf, untuk Para Pengunjung atau Bagi yang Sudah Request Tutorial / Render , Maaf agak Telat Soalnya, Karna Admin iMoechan sedang Sakit. Harap Dimaklumin ya :'3, Ntar Kalau sudah sembuh, Saya bakal buat Tutorial yg Baru dan pasti Menarik</div>
<div class="tips">
Binggung cara Download ?, silahkan baca FAQ Page yang telah kami siapkan untuk menuju kesana silahkan <a href="https://www.blogger.com/faq-page">klik disini</a></div>
<div class="warning">
Dilarang komentar SPAM, SARA dan Pornografi, silahkan berkomentar dengan baik dan sopan</div>

7 Comments for "Cara Membuat Info, Tips, dan Peringatan Ala Fansub"

avatar

Mantap Bro.. Gue Tunggu Episode Berikutnya :V

avatar

bagaimana yah cara menampilkan info ini di semua bagian bawah postingan?

avatar

Letakkan saja dibawah , jika ketemu 2 ~
Silahkan pilih yg ke - 2