Efek Blogspot

A.Membuat profil 

1.Masuk ke Blog

2.Masuk ke edit profile

3.Isi profile yang ingin diisi

4 Kalau mau masukin foto tinggal upload

B.Membuat judul yang diinginkan

1.Masuk ke Blog

2.Cari blog yang ingin di edit

3.Masuk ke Design

4.Edit header dengan suatu kalimat yang diinginkan

C.Membuat Judul Blog berjalan

1. Masuk ke Design
2. Klik ke edit HTML
3. Silahkan cari di dalam template anda kode dengan cara CTRL+F cari
    <title><data:blog.pageTitle/></title> 

4. Ganti kode tersebut dengan script berikut ini:

<script language='JavaScript'> 

var txt="<data:blog.pageTitle/>"; 
var kecepatan=300;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0); 
segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); 

</script>

7. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
8. Klik Preview untuk melihat apakah sudah ada perubahan sesuai dengan yang kita inginkan
9. Jika sudah bagus dan jalan, klik Save Template
10. View Blog
sumber : http://www.blogtopsites.com/outpost/48a31aa9e44aab473d1c0f5798642d2b

D. Mengganti Template Blog
1.Masuk Blog

2.Klik Design
3.Masuk edit Html
4.Upload data jika ada yang filenya(.XML)
5.Selesai di upload save Template

E.Memberi efek Daun berjatuhan
1.Masuk Blog
2.Maku ke Design
3.Masuk edit Html
4.Masukkan data berikut
<script src='http://arti.master.irhamna.googlepages.com/daun.js' type='text/javascript'>
</script>
5. Taruh di atas </body>

F.Memberi Music di Blog
1.Masuk Blog 
2.Masuk Design
3.Masuk Page Elements
4.Masuk Add Gadget
5.Cari Musik Add dan save

G.Cara Mengganti Posting 

1. Login to Blogger kemudian pilih "Design"
2. Klik pada "Edit HTML" trus kasih centang tanda "Expand Widget Templates"
3. Cari kode ini

<b:includable id='nextprev'> 

4. Dibawah kode tersebut ada kode ini

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

+ Kode yang warna Merah adalah kode Link Newer Post (Postingan Terbaru)
+ Kode yang warna Biru adalah kode Link Older Post (Postingan Lama)
+ Kode yang warna Ungu adalah kode Home

Untuk mengganti tulisan Link Newer Post (Postingan Baru), Home dan Older Post (Postingan Lama) seperti ini:

+ <data:newerPageTitle/> ganti dengan nama sesuai keinginanmu, misal Next Post
+ <data:olderPageTitle/> ganti dengan nama sesuai keinginanmu, misal Back Post
+ <data:homeMsg/> pada baris pertama atau kode yang berkedip-kedip ganti dengan nama sesuai keinginanmu, misal My Home

H.Menggati Icon di Blog

1. Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas

2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan register disini

3.Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file

4.Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image saya

5.Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut

</head>

6. Setelah itu letakkan kode dibawah ini sebelum kode diatas
<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi 

7.Kemudian Save Setting,Selesai.

I.Menghilangkan Bar atau Auto hide
1. Mengganti warna Navigasi Blog


+ Login to Blogger kemudian pilih "Layout"
+ Klik "Edit" pada Navigasi Bar yang terletak diatas Header, kemudian ada pilihan 4 warna seperti gambar diatas. Pilih Salah satu, sesuaikan dengan tema lay out mu.
+ Save Template


2. Menghilangkan Navigasi Blog

+ Login to Blogger kemudian pilih "Layout"
+ Klik pada "Edit HTML"

-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru merupakan nama template mu,setiap template berbeda namanya.
+ Save Template

Atau letakkan seperti ini

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

]]></b:skin>
</head>

3. Autohide Navigasi Blog

-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru merupakan nama template mu,setiap template berbeda namanya.
+ Save Template

Atau letakkan seperti ini

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

]]></b:skin>

</head>

J. Membuat Welcome Message, cari javascript, pastekan kode di bawah: 

 <script type='text/javascript'>
var name = prompt("Welcome!! Your Name", "Your Name ");
alert("Salam Kenal "+name)
alert("!Welcome To My Blog!")
</script>