Tutorial : Cara nak buat DATE pada luar body

Assalamualaikum dan Salam 1 Malaysia

Biasa tutorial ini yang nak kan kelainan pada bahgian date entri dimana ia terletak diluar body main blog. Biasa dan tempat asalnya di atas tajuk entri kali ni disebelah tepi dan boleh kita cantikkan lagi dengan mengenakan background/hiasan pada date itu nanti. Jom kita mulakan Tutorialnya

Langkah 1.

login blog >> design >> editHTML

Langkah 2

Cari kod ini dibahagian Posts

.date-header {

Langkah 3

Dah jumpa kod yang nak dicari 

Langkah 4 

Buang dulu kod yang asal seperti gambar 1 dibawah 

Langkah 5

Copy dan paste code di bawah ini dan gantikan pada tempat code yang dibuang tadi seperti gambar 2.

height:40px; margin:-15px -20px -500px -170px; padding: 65px 300px 105px 65px; background: url(letak LINK GAMBAR) no-repeat;position:absolute !important; position:relative; float:right;text-align: center;font-family: tahoma; color: #000000; font-size: 18px;

• Warna Biru tu bleh ubah warna nya mengikut kesukaan kamu. Klik HTML color code untuk code warna
• Warna Hijau bleh dapat tu ada link kat bawah ney dah disediakan .owkey

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSrdR_EuSnMSM-MJnH5-Mqckga2B6tTwjowWYYZ6itBDxYfIHqL_iHYFqY2BmxFyRTQ1mqDyU4EQRvdaEjfjfyHSbbOj1_fAu8PnXZpSSXhHt3T6KKlTPM2WGgNBw6fkh4OEhnuiukMgI/s1600/date1.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs8dzpPNcRNC69-26waE41SGm0069_sO_-Uila4Ukki6Ghw7eCDUBekfddi-VaDOfQNK_1sLHd6r-vPtRLJcwD95VrnruHoZirppgs-IU8B_ohl2xn20z2tiOLWkMAOL_eDQY3WOYfAhc/s1600/date2.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWNmAJopPRWGAFfhpnkzcqWyrlxzG5xsEDGtD0VxPOWze_JYrDt2Xr0wfqELMZhoDYzx6UUNUQA_jGkwyPdpr8spZ6uC0kB0srcYotSPDbaAh3Zzjc0G98vaDPO2t4G6FlBEojqTU_DGE/s1600/date3.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2t0q2qbXKMst4waB2xHAvSNiFsRMQsBOMjo1NO9rx1-0T9aXrFwmxktdmPiHbdQC3AUp3z0zSBMpojHho8f0_4dQOCWwFVZMuiZkqzNh9zb0EjiDspcsvvKelIbjV2ojaD6ml3ddeMOw/s1600/date4.png




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBkfTUff5V_eSsA8URYTFOvXZxL4Yvb1AXb2cIQmY2YrRtiUlOffiKkH8XpUiTEeUAA6B2ZT9koQKDnXrVuRYiSu18II28gmrYk9xdo3ymG9E3P5pR-93OyP0730VyCIgSn121oDJio_A/s1600/date5.png


Dah siap edit dibahagian editHTML korang edit pula bahagian >> page elements!




Masuk page elements >> Blog posts >> edit >>

Pilih tarikh seperti dalam gambar diatas ok :)

Owkey siap,preview dulu kalau jadi save ok!

Ranking: 5