Powered by Blogger.

Total Pageviews

Posted by On 19:58 with 4 comments

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
  • 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

semoga bermanfaat

ayo tukaran link dengan blog ku

cara membuat link friend

Masukkan email untuk mendapatkan update artikel Wayan Aplikasi.

Next
« Prev Post
Previous
Next Post »

4 comments

Gan, ane mau nanya, kalo buat widget TOTAL PENAYANGAN jadi rata di tengah gimana,,,??? BUKAN JUDUL WIDGETNYA LO....

kl it emang langsung gan, saya aja pas prtma bwat lngsung rata tengah dy gan , , ,

Gan tlong share cara buat Gadget ganti background ithu dong :D

@rendi, iy gan tnggu aja ia nnti saya posting cara nya , , ,