Saturday 3 August 2013

Cara Membuat Layar Awal Pada Blog



Kembali lagi di j21-info , nah kali ini saya akan berbagi Ilmu tutorial Blog , yaitu Layar Pembuka Sebelum masuk Ke Blog ..

langsung saja tidak pakek lama ^_^

1) Login Ke Blog Sobat
2) Pilih Template
3) Edit HTML  ( Jangan lupa , klik cawang utk Expand Widget )
4) Cari Kode Berikut  (lebih mudah dgn Ctrl + F )

<b:includable id='main'>

5)setelah itu paste Kode script dibawah ini .. dibawah kode diatas !

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#F2F2F2;background-image:none;}#intro-blog{font-size:200px;padding-top:100px;text-align:center;color:#FFFFFF;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#es{padding-top:20px;text-align:center;font-size:15px;font-weight:bold;</style><b:else/><style>#es{display:none;}#intro-blog{display:none;}</style></b:if>


6) Jika Sudah , Cari kode Berikut

<body>

7) Paste kan Kode ini , Tepat Dibawah nya

<div id='intro-blog'><img alt='davotmarbun' border='0' src='URL GAMBAR' style='width: 500px; height: 200px;'/></div><div id='es'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=0&quot;'><blink>ENTER THIS SITE</blink></a></div>



Dan ini Hasil nya ...


NB :
kuning : Ganti Alamat gambar mu ^^ 
* jika ingin berupa kalimat dapat di ganti dgn Kode berikut :

<img alt='davotmarbun' border='0' src='URL GAMBAR' style='width: 450px; height: 330px;'/>

dengan kode dibawah inidibawah ini :

<data:blog.pageTitle/>

~~~~~~~~~~~
merah : Kalimat mu sendiri ^^

SELAMAT MENCOBA ^^







1 comment:

  1. wah tutroialnya sangat menarik kak:) kakak-nya siswa sma kak? saya dari sman 20 surabaya. Kita sedang mengadakan lomba "BLOG DESAIN & WALLPAPER DESAIN" kak:) bertemakan : future goes nature . pengumpulan terakhir 30 april kak :) more info : sman20surabaya.com :) terima kasih

    ReplyDelete