بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Ass. Rekan Gusti Hadinata.com - Anda yang sudah memiliki blog pasti sangat ingin utak atik template, saran
admin sebaiknya template yang diutak-atik bukan blog utama tetapi buat satu
blog khusus untuk percobaan. Salah satu kegiatan utak-atik template adalah
bagaimana cara menambah sebuah widget persis diatas postingan artikel blog.
Cara Menambah Kolom Widget diatas
Posting Blog
Lihat hasil tata letak / layout
template yang sudah ditambah widget.
Catatan : cara ini hanya bisa
diikuti oleh anda yang menggunakan template standar blogger, atau template
pihak ketiga dengan catatan memiliki kode html yang akan dicari pada langkah
pengerjaannya, jika tidak ketemu atau tidak ada maka cara ini tidak dapat anda
ikuti.
Silahkan ikuti bagaimana Cara Menambah
Satu Kolom Widget Diatas Postingan
- Masuk ke akun blogger anda
- Klik menu Template
>> Edit Html >> tekan Ctrl+F pada keyboard anda
- Cari kode ]]></b:skin>
- Letakkan kode berikut diatas kode ]]></b:skin>
.upperposting{width: 100%;padding:10px 0px 10px
10px;background:#fff;margin:0px 0px 10px 0px;text-align:left;}
.upperposting .widget{}
- Cari kode <div
id='main-wrapper'>
- Letakkan kode berikut ini tepat dibawah kode <div id='main-wrapper'>
<b:section class='upperposting'
id='upperposting' preferred='yes'/>
- Klik Pratinjau terlebih dahulu untuk melihat hasilnya,
jika tidak ada error silahkan Simpan Template anda dan lihat hasilnya di
Tata Letak
Penting: Setiap template memiliki
kode-kode css atau id html yang berbeda jadi sesuaikan setiap kode yang anda
miliki dengan setiap panduan yang anda dapatkan atau sesuaikan setiap kode
panduan dengan kode yang ada ditemplate anda.
Jika ada permasalahan dalam mengikuti panduan cara diatas, silahkan anda tinggalkan
komentar pada artikel ini. Semoga bermanfaat
Wass. Terima Kasih
Title : Cara Menambah Kolom Widget diatas Posting Blog
Description : Ass. Rekan Gusti Hadinata.com - Anda yang sudah memiliki blog pasti sangat ingin utak atik template, saran admin sebaiknya template yang d...