Pada kesempatan ini Fhadhil's Casper Migimigi
Inggin memberi tahu pada kalian cara "Mempercantik Blog"

Berikut beberapa Artikel Cara Mempercantik Blog anda

Lansung aja yah .. nihh

Cara Membuat Read More di Postingan Blog - Simak baik-baik ya?

1. Pertama tentu saja kita masuk ke blog masing-masing. Login ke Blogspot disini.
2. Setelah masuk kita membuat postingan baru atau bisa juga mengedit postingan yang telah ada.
3. Arahkan kursor ke salah satu baris, ambil beberapa baris saja dan jangan terlalu banyak, terus di klik. Setelah itu lihat sebuah icon kertas terpotong dua bagian lalu klik icon itu.

4. Maka postingan kita suadah terpotong dengan aktifnya garis read more, simpan dan terbitkan entri. Anda harus melakukan langkah ini setiap anda membuat postingan baru.

5. Untuk mengatur jumlah artikel atau postingan di halaman Home, kita bisa menuju ke bagian rancangan.

6. Kita bisa mengedit pada bagian elemen posting blog.

7.Kita bisa atur berapa jumlah posting pada halaman pertama, dan kita bisa mengganti teks tautan "read more" lalu SIMPAN.

8.Maka kalau kita membuka halaman depan atau home blog kita, postingan kita terpotong dengan adanya fungsi read more.

Cukup mudah bukan..? semoga bermanfaat. Salam Fhadhil's Casper Migimigi

Cara memasang Widget Garuda Indonesia

Klik "Rancangan"..
Klik "Elemen Laman"..
Klik "Tambah Gadget"..
Pada laman baru,, Klik "Tambah HTML/JavaScript"..
Pada kolom "Konten",, paste-kan kode berikut..

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>
Lalu klik "Simpan"..
Kamu juga bisa mengganti kode tersebut dengan kode widget yang lain..
Kunjungi http://oridwidget.blogspot.com/ sebagai salah satu penyedia widget-widget blogger..

Cara membuat judul blogger bergerak

Log In ke blogger.
Kemudian klik Tata Letak / Rancangan Kemudian Klik Lagi Edit HTML.
Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>
Hapus Kode Tersebut dan ganti dengan Kode berikut ini..

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
Kamu bisa mengganti angka 100 yang berwarna Hijau tersebut dengan keinginan kamu. Angka tersebut adalah kecepatan pergerakan judul blog kamu.
Klik SAVE TEMPLATE. *tips buat langkah ke-3: gunakan Ctrl + F untuk mencari kode tersebut secara cepat!! Semoga bermanfaat!?

Cara membuat menu dibawah header blog (Versi 1)

Langkah - langkah membuat menu dibawah header blog adalah :

Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML, centang 'Expand Template Widget'
Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>
Jika sudah selanjutnya sobat cari kode ]]></b:skin>
Hapus kode tersebut dan ganti dengan kode dibawah ini.

a.navigation {
background: #3333ff ;
color: #ffffff ;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

]]></b:skin>

Keterangan :
- Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
- Kode warna biru adalah warna tulisan
- Silahkan diganti dengan warna yang sobat inginkan. Untuk melihat kode warna HTML-nya, silahkan kunjungi Situs Berikut.
Save template lalu klik Elemen Laman atau klik rancangan.
Kemudian klik "tambah gadget" kemudian pilih "HTML/JavaScript"
Copykan kode berikut kedalam kotak tersebut

<a href="http://sae497.blogspot.com " class="navigation">HOME</a>
<a href="http://dia497.blogspot.com/ " class="navigation">DIARY</a>
<a href="http://situsdownloadgamegratis.blogspot.com/ " class="navigation">GAME</a>
<a href="http://gce8632natarian.blogspot.com/ " class="navigation">GCE</a>
<a href="http://tt497.blogspot.com/ " class="navigation">TT</a>

Keterangan : Ganti yang warna merah dengan URL menu, dan warna biru adalah nama menu.
SAVE lalu lihat hasilnya..!?

Cara mengganti kursor Blogger dengan sebuah icon

Buka "Rancangan" blog yang akan diganti kursor-nya.
Klik "Elemen Laman"..
Klik "Tambah HTML/JavaScript"..
Paste-kan kode berikut pada kolom konten..

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAsHzjkoqO7R12y2Ghc_SbGSUOQNvfcCZE2fG9hJhJAbrgo_R4sPpCtGymLXOmmLwayZ5uz5s2KIKGtx2i0ZSluZRL0AgUIOiHOZvPrMFijQIoKcPtyhyWgNJ6Dg6VjBqH2rpmWkOPpe2u/s1600/pedang.ico"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAsHzjkoqO7R12y2Ghc_SbGSUOQNvfcCZE2fG9hJhJAbrgo_R4sPpCtGymLXOmmLwayZ5uz5s2KIKGtx2i0ZSluZRL0AgUIOiHOZvPrMFijQIoKcPtyhyWgNJ6Dg6VjBqH2rpmWkOPpe2u/s1600/pedang.ico"), auto;}
</style>

Ganti kode yang berwarna Biru dengan alamat tempat penyimpanan icon-mu.. Klik Disini untuk tips upload icon-mu di blogger..
Lalu klik "Simpan"..

Cara memasang teks pada kursor Blogger

Klik "Rancangan"..
Klik "Elemen Laman"..
Klik "Tambah Gadget"..
Pada laman baru,, Klik "Tambah HTML/JavaScript"..

Pada kolom "Konten",, paste-kan kode berikut..

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = " Text yang anda inginkan ";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

Ganti kode berwarna biru dengan kode warna pilihan-mu,, lihat kode HTML-nya Disini..,, Sedangkan kode berwarna hijau diganti dengan Teks Pilihan-mu..

Klik "Simpan"..

Cara memasang pesan Welcome Blogger

Klik "Rancangan"..
Klik "Elemen Laman"..
Klik "Tambah Gadget"..
Pada laman baru,, Klik "Tambah HTML/JavaScript"..
Pada kolom "Konten",, paste-kan kode berikut..

<SCRIPT language='JavaScript'>alert("Welcome");</SCRIPT>

Ganti kode yang berwarna biru dengan kata yang kamu inginkan..
Klik "Simpan"..

Cara memasang Widget Pesawat Oleng

Klik "Rancangan"..
Klik "Elemen Laman"..
Klik "Tambah Gadget"..
Pada laman baru,, Klik "Tambah HTML/JavaScript"..
Pada kolom "Konten",, paste-kan kode berikut..

<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> <img src="http://content.sweetim.com/sim/cpie/emoticons/00020388.gif" border="0" /></div>
Ganti kode berwarna biru dengan LEFT jika ingin menaruh widgetnya di sebelah kiri..
Klik "Simpan"..

Cara memasang Widget Answers

Klik "Rancangan"..
Klik "Elemen Laman"..
Klik "Tambah Gadget"..
Pada laman baru,, Klik "Tambah HTML/JavaScript"..
Pada kolom "Konten",, paste-kan kode berikut.

<style type="text/css">@import url(http://site.answcdn.com/main/css/answ_box.css);</style><div class="answ_maindivbox10"><a href="http://www.answers.com" target="_blank"><img id="answ_blank1box10" src="http://site.answcdn.com/main/images/answerboxes/clear.gif" /></a><div class="answ_formdivbox10"><form id="answ_boxformbox10" method=post action="http://www.answers.com/main/ntquery" target="_blank"><input onkeydown="return answ_KeyDown('answ_boxformbox10',event)" onblur="answ_onBlurHandler('answ_boxformbox10',event)" id="answer_sbox10" name="s" autocomplete="off" type="text" /><input type="hidden" name="method" id="answ_method" value="22" disabled="true" /><input type="hidden" name="initiator" id="initiator" value="AnswerBox_SpeechBubble" /> <input type="hidden" name="afid" value="6059" /><input type="image" id="answ_blank2box10" onclick="submitGoButton(document.getElementById('answ_boxformbox10'));" src="http://site.answcdn.com/main/images/answerboxes/clear.gif" /> </form><script type="text/javascript" src="http://site.answcdn.com/main/js/anistip.js"></script><script>answ_InitForm('answ_boxformbox10','autodiv1box10','down');</script><div id="autodiv1box10"></div></div></div><div id="answ_foo"> Kunjungi <a href="http://www.answers.com" target="_blank" >Sae497.blogspot.com</a></div>
Klik "Simpan"..

Cara Membuat Efek Hati Bertaburan di Blog

cara membuat efek hati cara mudah dan cepat untuk membuat efek hati bertaburan ini, dimana juga saya sebelumnya sudah membahas mengenai cara membuat efek berkedip dan bintang ,efek salju dan efek kembang api di blog, nah kali ini saya akan membahas Cara Membuat Efek hati Bertaburan di Blog juga berguna bagi yang ingin mempercantik blog, caranya :

-Login terlebih dahulu ke Blog Anda
-Kemudian masuk ke Pengaturan > Template > Edit HTML
-Jangan lupa backup terlebih dahulu template sobat
-Setelah itu di halaman HTML, cari kode <head> di bagian atas,gunakan ctrl f
-Setelah itu copy kode berikut tepat di bawah tags <head>

<script src='http://www.geocities.com/ridwanox/efekhati.js' type='text/javascript'></script>

nah demikian tutorial saya mengenai cara memasang efek hati pada blog, semoga bermanfaat .

Cara Mudah Membuat Efek Kembang Api di Blog

cara membuat efek kembang api cara mudah dan cepat untuk membuat efek kembang api ini, dimana juga saya sebelumnya sudah membahas mengenai cara membuat efek berkedip dan bintang di blog, nah kali ini saya akan membahas Cara Membuat Efek Bintang Bertaburan di Blog juga berguna bagi yang ingin mempercantik blog, caranya :

-Login terlebih dahulu ke Blog Anda -Kemudian masuk ke Pengaturan > Template > Edit HTML
-Jangan lupa backup terlebih dahulu template sobat -Setelah itu di halaman HTML, cari kode <head> di bagian atas,gunakan ctrl f
-Setelah itu copy kode berikut tepat di bawah tags <head>

<script src='http://www.geocities.com/ridwanox/bintangjatuh.js' type='text/javascript'></script> nah demikian tutorial saya mengenai cara memasang efek kembang api pada blog, semoga bermanfaat .

Cara Mudah Membuat Efek Salju di Blogspot

cara membuat efek salju cara mudah dan cepat untuk membuat efek salju ini, dimana juga saya sebelumnya sudah membahas mengenai cara membuat efek berkedip dan bintang dan efek kembang api di blog, nah kali ini saya akan membahas Cara Membuat Efek salju Bertaburan di Blog juga berguna bagi yang ingin mempercantik blog, caranya :

-Login terlebih dahulu ke Blog Anda -Kemudian masuk ke Pengaturan > Template > Edit HTML
-Jangan lupa backup terlebih dahulu template sobat -Setelah itu di halaman HTML, cari kode <head> di bagian atas,gunakan ctrl f
-Setelah itu copy kode berikut tepat di bawah tags <head>

<script src='http://www.geocities.com/ridwanox/saljubesar.js' type='text/javascript'></script>

nah demikian tutorial saya mengenai cara memasang efek salju pada blog, semoga bermanfaat .

UPDATE :
bila cara diatas tdk berhasil gunakan trik www.masterendi.com .
pilih tata letak ,kemudian add gadget, pilih html'javascript dan copas kode ini

<script src="http://masterendi.googlecode.com/files/salju.js"></script>

lalu save .

Cara Membuat Efek Daun Berjatuhan Di Blog

Cara Membuat Efek Daun Berjatuhan Di Blog – Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek bintang bertaburan yang saya posting sebelum ini. Trik membuat efek daun berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.

Cara Membuat Efek Daun Berjatuhan :

1. Seperti biasa login dulu ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Cari kode </head> pada template dengan menggunakan Ctrl+F.

4. Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .

5. Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Nah itu tadi langkah-langkah bagaimana cara membuat efek daun berjatuhan di blog, cukup mudah bukan ? Jangan lupa daun-daunnya kalo sudah kebanyakan yang jatuh sambil di sapu ya he he…

Cara Mudah Membuat Pesan Pembuka di Blogspot

Baik sobat semua yang mau tau Cara Mudah Membuat Pesan Pembuka di Blogspot yang berguna ntuk mempercantik atau memperunik tampilan blog sobat . seperti misalnya kalau kita pergi ke kondangan ada kata sambuta welcome, dan ternyata di blog bisa jula lo kayak gitu ,heheehe. mau coba ? baik saya akan kasih tau tric membuat pesan pembuka tersebut di blog , semoga ini bisa bermanfaat untuk sobat semua , berikut caranya :

Pertama, sobat log in dulu ke akun sobat .

Kedua, pilih design, di design pilih edit html .

Ketiga, setelah itu centang expand template widget .

Keempat,cari kode </head> dan letakkan kode dibawah ini di atas kode head tersebut .

<SCRIPT language='JavaScript'>alert(&quot;(TULIS PESAN PEMBUKA YG ANDA INGIN KAN DISINI&quot;);</SCRIPT>

semoga ini bermanfaat untuk sobat semua cara buat pesan Penutup & Pembuka di blog dengan mudah dan cepat .

Membuat Kotak Pesan Diblog

Kotak Pesan,jejak pengunjung atau istilah lainnya shout box, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka, lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu yang jago pemrograman java script mungkin bisa membuatnya sendiri dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang nggak jago nggak usah kuatir karena sekarang ini banyak situs internet yang menyediakan layanan ini, salah satunya yaitu Shoutmix . Caranya adalah sebagai berikut :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa

Text Berjalan di Bar menu

Teman blogger beberapa hari yang lalu mengirimkan email kepada saya yang isinya menanyakan tentang cara membuat text berjalan yang ada pada bar menu bawah seperti halnya pada blog milik saya ini. Pertanyaan tersebut sudah saya jawab langsung melalui email juga dan sekarangpun pada saat artikel ini di buat, sobat Ochim sudah berhasil membuat bar menu blognya ada tulisan berjalan.

Seperti biasanya, jika ada pertanyaan melalui email maka jawaban dari pertanyaan tersebut akan saya posting melalui blog ini. Nah jika sobat sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca artikel ini sampai tuntas.

Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.

Untuk template klasik silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger dengan id sobat
2. Klik menu Template
3. klik menu Edit HTML

Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula

Copy kode berikut ini lalu paste di atas kode </head>

<script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

6. Klik tombol Save Template Changes
7. Selesai.

Cara ke dua ini untuk template baru silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML
4. Klik tulisan Download Full Template, lalu save data tersebut.
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template
5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk
memberi tanda centang.
Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
6. Tunggu beberapa saat sampai proses selesai

7. Simpan kode berikut di bawah kode </body> , kode ini letaknya berada paling bawah
sebelum kode </html>

<script language='javascript'>
message = "Tulis text pertama yang ingin muncul disini ^" +
"Tulis text kedua disini ^" +
"Tulis text ketiga disini ^" +
"Tulis text keempat disini ^"

scrollSpeed = 130
lineDelay = 0

// Do not change the text below //

txt = ""

function scrollText(pos) {
if (message.charAt(pos) != '^') {
txt = txt + message.charAt(pos)
status = txt
pauze = scrollSpeed
}
else {
pauze = lineDelay
txt = ""
if (pos == message.length-1) pos = -1
}
pos++
setTimeout("scrollText('"+pos+"')",pauze)
}
scrollText(0)
</script>

8. Klik tombol SAVE TEMPLATE

9. Selesai

sedikit CATATAN, pada kode diatas ada tulisan yang saya buat Biru , nah tulisan tersebut harus sobat ganti dengan tulisan yang sobat inginkan. contoh : selamat datang di blog saya. atau apa saja yang menurut sobat layak untuk di tulis di situ. contoh yang saya berikan diatas memuat pesan atau text sebanyak empat tulisan, jika sobat ingin lebih banyak itu bisa dilakukan dengan menambah baris tulisan seperti kode sebelumnya.Untuk kode --> scrollSpeed = 130 . angka "130" merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin cepat text berjalan, dan semakin besar nilainya maka text akan semakin lambat. Silahkan sesuaikan dengan keinginan sobat.
Seperti yang saya katakan di awal artikel bahwa kode yang saya berikan di atas hasil efeknya tidak sama dengan yang ada di blog ini, untuk melihat hasil nyatanya, silahkan sobat klik di sini.

Semoga Bermanfaat bagi anda Semua .Follow nya jangan Lupa ya!!!
Fhadhil's Casper Migimigi

Fhadhils Casper Migimigi

welcome to my blog

Jumat, 09 Maret 2012

Mempercantik Blog