0 Cara Buat Judul Posting Rata Tengah

 

Cara Buat Judul Posting Rata Tengah

Written by : Andy-screams

Posted on : MULTI PASTE, Updated at: 7:17 AM 

Bismillahirrahmanirrahim

MULTI PASTE - Jika Anda menggunakan template yang disediakan oleh blogger, maka secara default seluruh judul posting yang anda publish akan ditampilkan berjajar rata  di sebelah kiri. Untuk mengatur tampilan judul posting ini, misalnya untuk membuatnya menjadi berjajar rata di tengah, sebenarnya tidaklah terlalu sulit, kita hanya perlu menambahkan sedikit kode pada template yang kita gunakan.

Penambahan kode untuk membuat judul posting menjadi rata tengah, memang tidaklah sulit, tetapi yang rumit adalah membuat tutorial ini, bagaimana menempatkan kode tersebut di dalam elemen kode HTML template blog yang kita gunakan, karena template blog yang digunakan oleh para blogger sangatlah beragam.

Ok.. kita langsung mempraktekannya :

• Login ke blogger dengan ID Anda

• Sebaiknya sebelum melakukan perubahan backup terlebih dahulu template anda lihat artikel Cara Backup dan Restore Template Blogger

• Klik Template >> Edit HTML >> Proceed/Lanjutkan

• Cari kode .post-title kemungkinan anda akan menemukan lebih dari satu kode tersebut, pusatkan perhatian pada kode h3 atau h2, karena kemungkinan akan berbeda untuk setiap template.  Sebagai contoh lihat kode di bawah ini :

• h3.post-title {
  font: $(post.title.font);
  margin: 0;
  }

• Untuk membuat judul artikel menjadi rata tengah tambahkan kode text-align:center; sehingga kodenya menjadi seperti ini :

• h3.post-title {
  font: $(post.title.font);
  margin: 0;
  
  text-align:center;
  }

• Atau kemungkinan anda akan menemukan kode seperti di bawah ini :

• h2.date-header{margin:1.5em 0 .5em;display:none;} .post-title{margin:0 0 8px 0;padding:10px;line-height:24px;font-size:24px;font-family:Kaushan Script,Arial,Helvetica,Sans-serif;color:#303030;font-weight:bold;text-align:left;text-shadow: 4px 4px 4px #aaa;}

• Maka anda tinggal merubah kode text-align:left menjadi text-align:center

• h2.date-header{margin:1.5em 0 .5em;display:none;} .post-title{margin:0 0 8px 0;padding:10px;line-height:24px;font-size:24px;font-family:Kaushan Script,Arial,Helvetica,Sans-serif;color:#303030;font-weight:bold;text-align:center;text-shadow: 4px 4px 4px #aaa;}

• Setelah selesai merubahnya klik tombol Simpan template >> Tutup jendela kode HTML

• Silahkan periksa tampilan blog Anda, jika berhasil ucapkan Alhamdulillah