Cara Membuat Gambar Pembuka pada Blog

Oktri Blog | Belajar Blog | Tips dan Trik BLog

Hello Pengunjung Oktri Blog| Tips Blog|Belajar Blog , Pada Postingan Kali ini Oktri akan berbagi cara membuat gambar sebagai pembuka pada blog, mungkin pada postingan sebelumnya yaitu Cara Membuat Alert (Pesan) Konfirmasi Pada Blogger pada tips sebelumnya pesan pembuka berupa belum berupa gambar,  Tutorial dan cara kerja nya ini tidak jauh berbeda dengan tutorial atau tips dan trik blog sebelum nya yaitu Cara Membuat Blog INTRO Tanpa Flash Player mungkin beda nya tidak dimunculkan gambar melaikan hanya judul blog nya saja, cara kerja dari tutorial ini pada saat blog di buka tapi harus di klik supaya bisa masuk.Jadi setiap orang yang berkunjung di blog anda akan melihat "welcome picture" yang anda pasang.Terseerah kalian mau masukkan gambar apa dalam welcome picture tersebut.

Caranya

• Pertama Login ke akun blog kalian
• Selanjutnya klik rancangan dan pilih edit HTML
• Setelah itu centang expand template widget 
• Kemudian cari kode berikut dengan cara menekan Ctrl+F dan pastekan kodenya <b:includable id='main'> (kalau ada lebih dari satu,pilih yang paling atas)
• Letakkan kode ini di bawah kode tadi

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#ffffff;background-image:none;}#oktriblog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#deopradipta{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#deopradipta{display:none;}#oktriblog{display:none;}</style></b:if>

• ganti kode yang berwarna biru dengan warna background,ada baiknya kalau memilih warna sesuai dengan gambar
• Kemudian cari lagi kode ini </body>
• Pastekan kode ini di atas kode tadi 

<div id='oktriblog'><data:blog.pageTitle/></div><div id='deopradipta'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=3&quot;'><blink>Masuk ke Blog</blink></a></div>

• Untuk memasang gambar,ganti kode berwarna merah dengan URL gambar
• Terakhir,klik Simpan template

Terima Kasih Oktri dot co dot cc sudah berganti alamat dengan oktriblogger.blogspot.com

Artikel Terkait:

Tips Blogger

• Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
• Kumpulan Icon Read More Blog
• Cara Membuat Threaded Comment (Fitur Reply)
• Cara Membuat Read More Otomatis Dengan Tombol Gambar
• Cara Membuat Read More Otomatis Di Blog
• Script Anti Klik Kanan + Ctrl U + Ctrl C
• Cara membuat Efek banjir di blog
• Cara Membuat Anti Klik Kanan Dengan Gambar
• Cara Membuat Buku Tamu Yang Keren
• Cara Membuat Buku Tamu Model Sliding
• Cara Mudah Mendapatkan Sitelink Google
• Cara Menampilkan Link Otomatis Saat Blog di Copy Paste
• Cara Membuat Halaman Maintenance Pada Blogspot
• Cara Membuat komentar admin berbeda dengan pengunjung
• Cara Memasang pesan Terimakasih di bawah komentar
• Pasang Avatar Di Kotak Komentar Blog
• Cara Membuat menu slide info di blog dengan css
• Cara Membuat Balon Tooltip Otomatis Ke Semua Title Yg Ada Di Blog
• Cara Membuat Menu Slide melayang di bagian kiri blog dengan css
• Cara membuat zFP menu di Blog
• Javascript Disable Keybord
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG