Menaruh Widget di atas Postingan
Setelah saya menerangkan Cara Membuat Elemen di atas elemen post kini saatnya saya menerangkan cara Menambah elemen di atas post. Pada waktu itu ada yang bertanya juga kepada saya cara menambah elemen di atas post gimana sih gan? sebenarnya sih mudah hanya memerlukan kode widget yang nanti akan di taruh di atas postingan dan sedikit modifikasinya. Untuk contoh dari post ini sobat bisa lihat gambar di bawah ini
Tangan yang berwarna hijau menunjukan elemen yang telah di tambahkan sedangkan tangan yang berwarna merah menunjukan postingan, sekarang kita lihat cara pembuatannya yuk!
Tangan yang berwarna hijau menunjukan elemen yang telah di tambahkan sedangkan tangan yang berwarna merah menunjukan postingan, sekarang kita lihat cara pembuatannya yuk!
- Seperti biasa login ke blogger
- Masuk ke Tata Letak => Edit HTML
- Setelah itu siapkan kode widget yang akan di taruh
- setelah menyiapkannya, sekarang cari kode <div id='main-wrapper'> lalu taruh kode Widget yang sudah di siapkan tepat di bawahnya, contoh lihat ke bawah
<b:if cond='data:blog.pageType == "item"'>
<div style='height:130px; width:570px; padding-bottom:30px; background:#fff url(http://oketrik.googlecode.com/files/Logo%20oketrik.gif) left bottom no-repeat;'> <p style='font-weight:bold;font-size:15px;color:#0000ff;'>Kumpulan Trik Blog dan Free Templates</p> <p style='color:#000;padding-left:130px;'>Anda Pengunjung pertama blog ini? jangan pergi dulu, karena trikdisini menarik-menarik loh, g percaya coba saja di cek dan anda juga bisa berkonsultasi tentang trik-trik yang ada di sini, jangan sungkan-sungkan untuk bertanya oke coy <img alt=':))' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eC8xPC5S5AAQFBAXrzn1x8rOstWbwyPiHLuICAIMn6yUUWRXlKbIVjdeQdlW_hQrT6TtLce4quvMR0rVeQUp2Txaiyzl4n0YZDi4yf0AB3uxEnB4INIawGbgpZSctk68OQDCLYZqNAjl/'/></p> </div>
</b:if> - kode yang berwarna merah sobat ganti dengan kode widget yang tadi sudah di siapkan
- setelah menaruhnya silahkan sobat simpan dan lihat hasilnya
- selesai deh
Tidak ada komentar:
Posting Komentar