Tutorial Date Header Icon
Salam pembuka bicara, mari kawan mari sini.D'ya Marshmello mahu ajar kamu tutorial lagi! Yeyeyeyeh, akak D'ya Marshmello memang baik! Haha, banyak cantik aku ni.Okay, tutorial kali ini ialah tutorial date header icon.Tak tahu sila rajinkan diri anda lihat gambar di bawah ;)
klik untuk tumbesaran yg sehat ;) |
Kemudian sila search code di bawah ini okay
.date-header {
Kalau code di atas tiada, letakkan code di .date-header { bawah code ini :
/* Posts
Kemudian letakkan code ini di bawah code yang anda cari tadi.Ingat okay, jangan tersilap.Pastikan code betul-betul di BAWAH code yang anda cari.
height:40px;margin:-15px -20px -500px -115px;padding: 30px 300px 105px 10px;background: url( URL ICON) no-repeat;position:absolute !important; position:relative; float:right;text-align: center;font-family: tahoma;color: #FFFFFF;Untuk pengguna simple template, sila padam code ini dulu okay
.date-header span { background-color: $(date.header.background.color); color: $(date.header.color); padding: $(date.header.padding); letter-spacing: $(date.header.letterspacing); margin: $(date.header.margin);}
Tukarkan URL ICON dengan url icon anda sendiri.Atau D'ya bagi free je untuk kamu ;)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy3L0FpCZfPbl_yLKFHb_pU09Diu-Pn3FYW07lld9rWBwjcu72ss0Mpr0yrcA1cpTaAsiYJ4xOsjQ_se6glgLVkunEwKeArAA776NHlVfNoNQhhHKVne54MX_x9fKqn0RN3XDvAw6MNhS5/s1600/purpledate..png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIhSAJQ_g8a_vdajpdNO9862gVgpeQvmtMuqRYPKPqY2-DWzUY8w8p6e5UgMyMSHgUjD8ROqiAftj_sQvRTKLWcUbV68uaOQOARMYYUoErK7FMxQXogorxuodoICkKqANNtPqx0tckj1Du/s1600/pinkdate.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDHlCiAx7Qo3rtwLPGnQCoxsXwAamyBKv-NtVICtHrm7ia2oYeRF5JIBnhN04V9PFPAH5kUaYdOtvZMykuL0_a1dD6r96BGDWL8uxUIGF58NFz3LBHws25nZTkWt8VRPSJdDh1kD_PPkva/s1600/orendate..png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDG_CveTNjPxVwhZ4Ihyphenhyphen74EeK-l9J_r5Centtj4SGCnnc9OHNp2ICY_kpG83BNmQ78SD5maRTXhGIGAEwSZS7eq8CXgZpLx7nJxNSHkZnAHpeOK_uHKCRZDf5CkkOL87rm2Uil3ohoeDO/s1600/birudate.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJgLIbUte7-4mEJYvZ9jp6xOdjWX0-01hzot8jSLxhf5nCYf0VK9QkdP9dCK7CuyTML94N-8jH1bFzb6drFiMIa39K6VGnvwr5tXBFpETliF4bu4s0snubAdu7jYHGQ1s1q1aD8VDiPPD1/s1600/greendate.png
Paham? Kalau dah dapat bolehlah preview dan save! Suka tak tutorial ni? Kalau suka sila picit like dan comment tauu ! Selamat mencuba ;)
13 marshmallow komen