Setelah sahabat berhasil membuat kotak berlangganan dibawah postingan blog, tentunya sahabat berkeinginan mempercantik tampilan kotak berlangganan tersebut bukan, agar sedap dipandang dan pengunjungpun betah berlama-lama di blog kita.
OK... lansung ke TKP saja bos...
1. Masuklah ke akun blogger sahabat
2. Klik Tema
3. Klik [Edit HTML] jangan [Sesuaikan]
4. Cari kode ]]></skin> untuk mempercepat pencarian gunakan [Control+F]
5. Letakkan kode dibawah ini diatasnya
6. Jangan lupa Save/Simpan
7. Coba sahabat perhatikan... sekarang Kotak berlangganannya sudah keren abis y).
Sekali lagi apa yang sampaikan akan bekerja optimal, jika sahabat sudah memasang kotak berlangganan dalam blog sahabat :).
OK... lansung ke TKP saja bos...
1. Masuklah ke akun blogger sahabat
2. Klik Tema
3. Klik [Edit HTML] jangan [Sesuaikan]
4. Cari kode ]]></skin> untuk mempercepat pencarian gunakan [Control+F]
5. Letakkan kode dibawah ini diatasnya
.berlangganan-box {
background: #0099FF;
color: #FFFFFF;
padding: 15px;
margin: 20px 0;
text-align: center;
}
.berlangganan-box p {
margin:15px 0;
}
.berlangganan-box input.email-address[type="text"] {
width: 60%;
padding: 10px;
text-align: center;
border-radius: 2px;
border: none;
outline: none;
}
.berlangganan-box input.submit-email[type="submit"] {
background: #FFFFFF;
padding: 10px 15px;
border-radius: 2px;
color: #333333;
border: none;
outline: none;
}
.berlangganan-box input.submit-email[type="submit"]:hover {
background:#0099FF;
color: #FFFFFF;
cursor: pointer;
}
.berlangganan-box input.email-address[type="text"]:focus {
background: #FFFCDD;
}
7. Coba sahabat perhatikan... sekarang Kotak berlangganannya sudah keren abis y).
Sekali lagi apa yang sampaikan akan bekerja optimal, jika sahabat sudah memasang kotak berlangganan dalam blog sahabat :).
Belum ada tanggapan untuk "Mempercantik Tampilan Kotak Berlangganan di Blog"
Post a Comment