Home » » Cara Membuat Gambar Pembuka pada Blog

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:

1 komentar:

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri