Assalamualaikum Wr. Wb.
Halo sobat D3Putri ^ _ ^ Kali ini, admin akan memposting mengenai Cara Membuat Kotak Banner 88x31 Di Sidebar. Kotaknya ada disidebar blog ini yang berbentuk miring. Sobat mau mencobanya? Ikuti cara-caranya dibawah ini ya.....
1. Pertama, yang jelas sobat harus buka akun bloggernya dulu. Setelah itu, pergi ke menu Template
2. Kedua, pilih Edit HTML dan menjadi seperti ini
3. Ketiga, centang Expand Template Widget atau tekan CTRL+A, CTRL+C, dan CTRL+V agar semua kode terbuka
4. Keempat, taruh kode ini diatas kode ]]></b:skin>
#bannerkx{border:5px solid #ff0000;opacity: 1;margin-left: -130px;z-index:999;margin-top:200px;background-size:100px;position: absolute;border-radius:0px 0px 0px 0px;width: 88px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;text-align: center;font-size: 0px;background:#fff;}#bannerkx img{opacity:.3;width:88px;height:31px;margin-bottom:0px-webkit-transition:All;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}#bannerkx img:hover{opacity:1.0;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}
5. Kelima, cari kode <div id='content-wrapper'> atau semacamnya dan taruh kode ini diatas kode <div id='content-wrapper'>
<div id='bannerkx'>
<a href='http://v-nomz.blogspot.com' title='V-NOMZ 48 | Extreme Live Creative'><img src='https://i.imgur.com/d8UAwwt.gif'/></a>
<a href=' http://aditya-survival.blogspot.com/ ' target='_blank'><img alt='Aditya Blogger' border='0' src=' http://i.imgur.com/5Uu151G.gif '/></a>
<a href='http://iz-darkness.blogspot.com' target='_blank'><img alt='I.z Darkness' src='http://i.imgur.com/NMZ18K0.gif?1' title='I.z Darkness | Go For Your Inspiration'/></a>
<a href='http://anonymous-accelerator.blogspot.com/' target='_blank'><img alt='ACCELERATOR' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5LByATK9-kllaUAXA0LyZw81UXtoHbjF3xboFrqcungSSYtPfISmOSU2YjiTuR-wisgaoNpQ13Wk_ADiTS-XQS7JfQNpT6g7klK4f9GiSsCxPvb1sKcHHfsfQ2oUek1zomuH8d_r4o0/s1600/Banner-V.8-88.gif' title='NOTHING TO DO HERE'/></a>
<a href='http://naruto-loverz551.blogspot.com/'><img height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSuvFs8WjqyKS3kY4NR2YVpTPigzt1jEEqr5NyJoT1WvqSFLe1yCQVrAmfBZq9K5LFi94sqft6KGFOnrn3THilumIvLBaVxrGHI0nwEre3XhSCFm8QaPpj9n1AQYQ41ExwClmPA9yUMl4/s1600/nl3.gif' title='All About Naruto' width='88'/></a>
<a href='http://dont-mover.blogspot.com/' target='_blank'><img alt='D-M' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMdsR24CYnQ3A_0-2koBVDZSTgCBSaQUqcODqqWaS6vlCdUuQXx-qe3WitZLwQabYrA71-o_Z_Q_ONXXizqhuzQCAdXAww7_ba_PK5Mkl9FIkuokQF1RmPRgu5DPF_u81bKTAsD_BNLo/s1600/88-X-31.gif' title='Simple Creative'/></a>
<a href='http://fajar-pkp.blogspot.com' target='_blank'><img border='0' src='http://i.imgur.com/3i3CXWt.png' title='Why are you so serious?'/></a>
<a href=' http://otd-blogger.blogspot.com/ ' target='_blank'><img alt='OTD' border='0' src=' http://i.imgur.com/aPwt3UG.gif '/></a>
<a href='http://blue4art.blogspot.com/' title='THIS MY ART'><img alt='Download Cheater' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMZj2KWTZyKloRK4qvIM7xQONqaTcTuR0FY_RKLpLSnJkChX8WkSS7-8mBRdXfJ8hEB966TYwK23RPGKuq9-Rv2t0eMsTf_1oA2zaqQKDGI4b4MGY2PMqrBwkPgp05rtNcFg8H4Fkawk/s1600/88x31.gif'/></a>
</div>
Kode yang berwarna merah bisa diganti dengan banner sobat
6. Terakhir, simpan template sobat. Mudah kan???