Membuat Blog Intro (Gambar) di Blog

       Sebuah blog jarang di temukan menggunakan intro blog, karena mungkin memang susah membuatnya di blog tidak seperti di web.  Kebanyakan blog mulai dari halaman sampai halaman akhir template nya tidak berubah sama sekali, tetap itu aja seperti di halaman awal.  Sudah tau apa itu intro blog ?  Intro blog ini adalah template awal saat kita membuka blog, mungkin bisa di pasang gambar, banner blog ataupun hanya sekedar judul blog.

        Kadang desain atau tampilan blog yang berbeda dari blog lain itu sangat sering di kunjung, karena memang terlihat unik dan menarik perhatian pengunjung agar datang ke blog lagi dan lagi.  Nah.. salah satunya adalah membuat intro blog.  Demo nya bisa di lihat di link berikut http://mencobago.blogspot.com/ , tertarik kagak ? pastinya dong ^_^

Berikut langkah - langkah membuat intro blog
  1. Login ke blogger
  2. Lalu klik 'Design' > 'Edit HTML' > centang 'Expand Widget Templates'
  3. Letakkan kode berikut di bawah kode <b:includable id='main'> (yang paling atas)

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <style>body{background-color:#ffffff;background-image:none;}#akatsukiblog{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;color:#ffffff;</style><b:else/><style>#deopradipta{display:none;}#akatsukiblog{display:none;}</style></b:if>

    #Ganti kode yang berwarna hijau dengan kode warna yang sesuai dengan gambar

  4. Setelah itu letakkan lagi kode berikut di bawah kode <body>

    <div id='akatsukiblog'><data:blog.pageTitle/></div><div id='deopradipta'><a href='http://dopind.blogspot.com/'><blink>Masuk ke Akasuki Blog&#8482;</blink></a></div>

    #Jika ingin memasang gambar ganti kode yang berwarna ungu dengan kode gambar
    #Ganti kode yang berwarna putih dengan link blog kalian
  5. Setelah itu 'Save Template' dan lihat hasilnya .. makasih ^_^

Artikel Terkait

38 komentar:

MUXLIMO mengatakan...

hoho!! ini yang ane cari2 dari dulu! makasih Bro.. ur genius! :D :D segera ane jajal! :D

universal testing machine mengatakan...

langsung coba gan makasih tipsnya XD

timbangan mengatakan...

kalo kasih kursor emoticon gimana ya???

inverter mengatakan...

blognya keren ada petir petirnyya (0-0_p

sd mengatakan...

kode gambar kode HTML? bukan link ya?

Deo Pradipta mengatakan...

@muxlimo : senang bisa membantu sob :D
@universal : sama2 sob ^_^
@timbangan : kesini aja sob http://dopind.blogspot.com/2011/07/mengganti-cursor-di-blog-normal-dan.html
@inverter : hoho.. makasih sob..mau cari efek hujan gak nemu2 ini XD
@farhan : bukan sob.. kode HTML nya.. :)

MUXLIMO mengatakan...

Wedew, pasang gambar tapi berupa kode HTML?? gemana tu Bro? binun hamba.. XD bagi contohnya dunk :D

MUX SPARROW mengatakan...

ooh, ngatrti deh.. kayak yang di photobucket yah :D

Deo Pradipta mengatakan...

kayak gini sob.. <img src="bla.. bla.. bla..."/ paham ?

Inspirasiku mengatakan...

banyuwangi genteng ane bos!!!
ente banyuwangi mn??

Deo Pradipta mengatakan...

hoho.. banyuwangi kota.. wahh.. kita wakil dari banyuwangi neh sob :3

Anonim mengatakan...

Maaf Bagi Pemilik BLog ini
ini template killer light Ya hahahaha

Deo Pradipta mengatakan...

wakawaka .. be ge te ^_^

Fazri mengatakan...

wah bisa langsung dicoba ya gan. blognya serem amat.. ane takut kesambar tuh sama petirnya, hahaha

Deo Pradipta mengatakan...

oke dah sob ^_^ .. wah.. jangan takut sob.. petirnya aman kok XD

Deo Pradipta mengatakan...

hohoho.. iya sob.. sama_sama ^_^ :3

eimapiz mengatakan...
Komentar ini telah dihapus oleh pengarang.
Deo Pradipta mengatakan...

waduh.. apa gara2 postingan ini sob ? :o
gak tau ane sob :/

LKP Remaja Indah mengatakan...

thx bgt.. ni aku masih tahap belajar.. sangat meembantu

Deo Pradipta mengatakan...

hoho.. sama gue juga belajar kok sob.. tapi ya pokoknya berbagi itu indah lah.. ^_^

adwy blog mengatakan...

blognya keren gan.. mau dong diajarin.. ckck

Deo Pradipta mengatakan...

makasih sob ^^ ajarin ? wani piro ? hohoho ^^
ya cari aja sob tutorial2nya disini.. klw ada kesulitan tinggal hubungi ane :D

Unknown mengatakan...

Permisiii gan,, numpang nannya nh, kox halaman introna malah muncul di halaman blog paling bawah y??
jd klo dh dimasukin kodena tuh, background blog jd pth smua, tp postingan sma widgetna kliatan, trus perintah "klik di sini" untuk masuk adanya d bgian bwah blog. klo d klik, tampilan blog baru normal,, knapa yh gan ??
maaph crewet & ngrepotin nh ..

Deo Pradipta mengatakan...

kok ane yg jadi bingung sendri yahh ? -_-' lewat FB aja dah dibahas satu2.. add FB gw ^^

Unknown mengatakan...

wkwkwk.. ea dh gan kalo getoh,, dh d add tuh..
trs mulai dr mna?? O_____O?

Deo Pradipta mengatakan...

ya dari chat facebook aja biar gampang ^^

Unknown mengatakan...

Cara ngambil kode HTML pada gambar gmna sob?
NIe blog'q...
http://dhiva-trouble-maker.blogspot.com

Deo Pradipta mengatakan...

sebenarnya gak usah sulit2 kok.. di blogger sudah di sediakan..

silahkan klik gambar -> masukan link gambar -> ambil deh kode htmlnya di postingan itu atau di 'edit HTML' tab yg pertama :)

Unknown mengatakan...

gak ngerti gw =="

Deo Pradipta mengatakan...

wkwkwk.. kasian.. liat contoh nya disini ya http://mencobago.blogspot.com/ :D

Kang Hilman mengatakan...

wah, keren nih tutorialnya gan..
bermanfaat banget...

kunjung balik n comment balik ya gan, hehe ^_^

Deo Pradipta mengatakan...

weheeehee .. wokee sob.. makasih yak :D

3gp Movie mengatakan...

kalo intro gambar yang kaya di blog ini gimana sob??

Deo Pradipta mengatakan...

blog ini gaada intro blognya sob.. yg ada disini nih -> matehidupka.blogspot.com

panji mengatakan...

untuk intro website ato blog bisa ditampilkan dalam bentuk seperti ini. Intruksinya mudah, dan tidak perlu paham php. kunjungi di http://blog.panjidamar.net/?p=86#more-86

Deo Pradipta mengatakan...

wah.. ini lebih simple jugaa.. hehe.. tapi agak bingung ane sob u,u

Unknown mengatakan...

itu cuma bisa petir doang ya gambarnya?

Deo Pradipta mengatakan...

bisa di ganti kok sob , silahkan ganti URL gambarnya :)

Posting Komentar

Askorus Distro Askorus Distro
Copyright 2010 - 2012 ^ Akatsuki Blog™ - Compatible with Chrome 1024 x 768 -