Tutorial : Border title Post

Assalamualaikum....✌✌


Nak cantikkan tajuk di post?? jom cuba ni.. πŸ‘‡

  • Log in Blog πŸ‘‰ DashBoard πŸ‘‰ Theme πŸ‘‰ Edit HTML
  • Tekan serentak keypad CTRL + F untuk Search Coding
  • Cari Code 

Code :
h3.post-title {

  • Dah jumpa Code di atas, Copy Code di bawah  dan Paste gantikan code di atas tadi. Pastikan paste di dalam {}..
Code :
h3.post-title {
 border: 3px dotted #FFFFFF
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ITc_dRL6342wxvq_ZGDpe452M4_B7AIh9iaYCLaoyf_AHdxvUXU00F37JhjPbAbIVn9oSn5CyYskbSesbjzw6cogne3Gq8ZCtatola-CBAvsqtbv0hzgnafCkZaw1OfMeIc6ivDOg_c/s1600/RosePolkaPaper2.png);
text-align: center;
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
border-top: 1px dashed #FFFFFF;
border-bottom: 1px dashed #FFFFFF;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px; 
  font: $(post.title.font);
  margin: 0;

  • Note πŸ‘‰ Merah :Code Border ( Solid/Dotted/Dashed).
                   πŸ‘‰ Orange : Code warna Border.

                   πŸ‘‰Ungu: URL GAMBAR.

                   πŸ‘‰Hijau ; Code jenis Border.
  • Preview dan lihat hasilnya. Jika Puas hati boleh SAVE. πŸ’‹



Selamat Mencuba dan berjaya hihihi......πŸ’•πŸ’•



Kisah Aku Dan Dia @ WanNoora