Tutorial Date Header Icon

11:43 PTG


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 ;)
 Mula-mula pergi ke dashboard>design>edit HTML

 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 ;)


http://4.bp.blogspot.com/--6x4TiE46tA/TiG2WtbzMPI/AAAAAAAABMA/MoEhjUWnHLQ/s1600/purpledate..png
http://4.bp.blogspot.com/-jk6izCrRAfg/TiG3STTSXCI/AAAAAAAABME/H6FvUZ4MNvA/s1600/pinkdate.png
http://2.bp.blogspot.com/-wGWGJHQC0Pc/TiG3jUWfQhI/AAAAAAAABMI/r0QXCqKgfG8/s1600/orendate..png
http://2.bp.blogspot.com/-WuYb4mLgx-0/TiG30chM9dI/AAAAAAAABMM/L1dMG_nlFl8/s1600/birudate.png
http://3.bp.blogspot.com/-EtCcDmuHBnU/TiG4ALN0GiI/AAAAAAAABMQ/wWNxJmElam8/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 ;) 




Photobucket

You Might Also Like

13 marshmallow komen