Langkah-Langkah Membuat Drop Down Menu

3. Letakkan kode cascading style sheet dibawah kode yang diberi lingkaran seperti ditunjukkan oleh gambar berikut.

Gambar Letak Kode CSS

Cara membuatnya mudah. Cukup Anda copy dan paste code html berikut ke sidebar blog atau di manapun sesuai keinginan Anda:

<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="80%">
(teks atau link tulis di sini)</MARQUEE>

<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()'
onmouseout='this.start()' width="100%">

<a href="http://fatihsyuhud.com" target="new">- Blogger Indonesia -</a>
<a href="http://afatih.wordpress.com target="new">- Refleksi dan Blog Tutorial -</a>
<a href="http://www.jobvacancycareer.com/ target="new">- Jobs Info -</a>
<a href="http://www.beasiswas.com/ target="new">- Beasiswa -</a>
<a href="http://www.beasiswas.net/ target="new">- Beasiswa -</a>

<a href="http://www.beasiswas.info/ target="new">- Beasiswa -</a>
<a href="http://www.beasiswas.org/ target="new">- Beasiswa -</a>
<a href="http://lowonganbeasiswa.com/ target="new">- Beasiswa -</a>
<a href="http://beasiswa.blogs.ie/ target="new">- Beasiswa -</a>
<a href="http://www.lowongankerjas.com/ target="new">- Loker -</a>

<a href="http://www.lowongankerjas.net/ target="new">- Loker -</a>
<a href="http://www.lowongankerjas.org/ target="new">- Loker -</a>

</MARQUEE>

Catatan:

1. Kode <br /> adalah singkatan dari (line break) atau ganti garis, supaya setiap link tidak numpuk dalam satu baris. Bila jarak satu link dg link yg lain dianggap terlalu sempit, bisa ditambah dg kode <br /> lagi. Sesuai selera.
2. Kode target="new" atau target="_blank" berfungsi agar supaya tercipta window baru ketika ada yg mengklik link yg ada dalam marquee sehingga pengunjung tidak meninggalkan blog Anda.
   

Contoh Marquee untuk teks:

<MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%">Mengutip sebagian
atau keseluruhan isi blog ini ke blog Anda dipersilahkan ASAL menyebut URL
sumber tulisan dan/atau permanent link artikel yg dikutip.
<br>

Komentar, saran atau pertanyaan dapat diajukan melalui bukutamu, kotak komentar
blog atau email ke: admin@jasaadsense.com.
</MARQUEE>

Catatan:

Jangan lupa untuk menyelipkan kode <br /> untuk ganti garis atau paragraf.

TIP PENTING:

1. Tag atau kode: direction=”up” artinya tulisan/teks bergerak ke atas seperti di blog ini, jadi kode “up” bisa diganti dg “down” bila ingin link/teks bergerak ke bawah; dan ganti menjadi “left” supaya bergerak ke kiri dan “right” supaya bergerak ke kanan.
2. Marquee hanya dapat digunakan di blogspot, self-hosted wordpress, dll.

• Untuk di blogspot, klik Elemen -> Teks -> pasang kode marquee di atas.
• Untuk self-hosted wordpress -> aktifkan widget -> naikkan widget text -> pasang kode marquee.
• blogsome.com, blogs.ie dan self-hosted wordpress: klik manage -> files -> pasang kode marquee di sidebar.

Semoga bermanfaat

Source : jasaadsense.com

Tulisan ini diperuntukan bagi Bloger pemula yang sedang belajar ngeblog.Tips ini ditulis karena banyak blogger pemula yang ingin membuat header blog bisa bergerak.

Cara ini hanya bermodalkan keatifitas dan sedikit kemampuan memahami Aplikasi Coreldraw/photoshop dan PhotoScape karena dengan aplikasi corel anda dapat mendisain gambar sesuka Anda, sedangkan photoscape Anda dapat membuat gambar foto Anda bergerak, dengan cara inilah Gambar bisa bergerak tersebut dalam bentuk GIF. Seandainya Anda belum mempunyai Aplikasi Photoscape Anda dapat mendownload di link ini klik disini .

Ketika anda membuka aplikasi photoscape maka pilihlah icon Angif untuk anda membuat gambar dalam bentuk GIF seperti yang nampak pada gambar di bawah ini.

Nah, setelah gambar Gif Anda jadi tinggal Anda masuk ke Dashboard Blog anda kemuldian klik Theme pada appearance lalu anda akan masuk ke costum header tinggal anda pilih choose file lalu upload gambar Gif dari Computer yang anda buat tadi setelah itu tinggal anda save change maka masuklah ke halaman utama blog anda maka header anda sudah terpampang dengan apik. Ini jika Anda menggunakan blog di WordPress. Bagi yang di Blogspot lebih gampang lagi, masuk ke dashboard pilih “rancangan/Plan” di bagian atas laman utama blogspot anda kemudian klik tambah widget dan pilih Header halaman tapi kalau yang sudah punya header tinggal klik edit kemudian upload lah gambar Gif tadi dari computer Anda. Selesai

• Script Efek Pelangi Pada Mouseover Teks Link
  
  <script src="http://monozcore-project.googlecode.com/files/rainbow.js" type="text/javascript"/>
  
  
  Taruh script ini diatas </body>
  
  
  




• Script Efek Salju Kecil
  <script src="http://monozcore-project.googlecode.com/files/snow.js" type="text/javascript">
  
  
  Taruh script ini diatas </body>
  
  
  
  




• Script Efek Salju Besar
  <script src="http://monozcore-project.googlecode.com/files/Snowstorm.js" type="text/javascript">
  
  
  Taruh script ini diatas </body>
  
  
  




• Script Efek Bintang
  <script src="http://monozcore-project.googlecode.com/files/bintang.js" type="text/javascript">
  
  
  
  Taruh script ini diatas </body>
  
  
  




• Script Efek Daun Berguguran
  <script src="http://monozcore-project.googlecode.com/files/daungugur.js" type="text/javascript">
  
  
  Taruh script ini diatas </body>
  
  
  




• Script Efek Color Red Star
  <script src="http://monozcore-project.googlecode.com/files/ColoredStars.js" type="text/javascript">
  
  
  
  Taruh script ini diatas </body>
  
  
  




• Script Efek Faling Love Heart
  <script src="http://monozcore-project.googlecode.com/files/LoveHeart.js" type="text/javascript">
  
  
  Taruh script ini diatas </body>
  
  
  
  
  
  

• Text Alert ( peringatan saat buka blog )
  <body onLoad="alert('SELAMAT DATANG Jangan lupa isi Buku Tamu ya!!!');"></body>
  Taruh script diatas pada tag <body>
  

• Text Alert Saat Mau keluar Blog
  <body onUnLoad="alert('Kapan2 mampir Lagi ya');"></body>
  Taruh script diatas pada tag <body>
  
  




• Teks alert onLoad dan unLoad (Gabungan)
  <script type="text/javascript"><br><!– Welcome Alert –><br>alert("Selamat datang diblognya saya, moga bermanfaat")<br><!– Goodbye Alert –><br>function goodBye(){<br>alert("Terima kasih sudah mau mampir, take care")<br>}<br>window.onunload=goodBye<br></script>
  Taruh script ini diatas tag </head>
  




• Teks alert pada Link ( saat kita klik link maka akan ada peringatan muncul )
  
  <a href="http://monozcore.blogspot.com" onClick="alert('Siapa...silahkan masuk'); return true">JUDUL LINK</a>
  Taruh script diatas pada tag link
  

• Teks jalan dari kanan ke kiri
  <marquee bgcolor="red" direction="left" scrolldelay="280">Kata2 anda disini</marquee>




• Teks jalan bolak balik lambat (santai)
  <marquee bgcolor="red" behavior="alternate" scrolldelay="280">Kata2 anda disini</marquee>
  
  - direction :
  
  
  
  • direction="left" (Arah dari Kanan ke Kiri)
  
  
  
  • direction="right" (Arah dari Kiri ke Kanan)
  
  
  • direction="up" (Arah dari Bawah ke Atas)
  
  
  • direction="down" (Arah dari Atas ke Bawah)
  
  
  
  - bgcolor (Warna latar belakang teks)
  
  
  - scrolldelay (Kecepatan gerak teks)
  
  - behavior (Gerakan teks)

• Script Anti Copy-Paste
  <script type="text/javascript"><br><br>/***********************************************<br>* Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)<br>* This notice MUST stay intact for legal use<br>* Visit http://www.dynamicdrive.com/ for full source code<br>***********************************************/<br><br>//form tags to omit in NS6+:<br>var omitformtags=["input", "textarea", "select"]<br><br>omitformtags=omitformtags.join("|")<br><br>function disableselect(e){<br>if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)<br>return false<br>}<br><br>function reEnable(){<br>return true<br>}<br><br>if (typeof document.onselectstart!="undefined")<br>document.onselectstart=new Function ("return false")<br>else{<br>document.onmousedown=disableselect<br>document.onmouseup=reEnable<br>}<br><br></script>
  
  Taruh script ini diatas </Head>
  
  




• Me-Nonaktifkan Klik Kanan
  <script language=JavaScript><br><!--<br><br>//Disable right mouse click Script<br>//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive<br>//For full source code, visit http://www.dynamicdrive.com<br><br>var message="ganti tulisan ini dengan pesan Anda";<br><br>///////////////////////////////////<br>function clickIE4(){<br>if (event.button==2){<br>alert(message);<br>return false;<br>}<br>}<br><br>function clickNS4(e){<br>if (document.layers||document.getElementById&&!document.all){<br>if (e.which==2||e.which==3){<br>alert(message);<br>return false;<br>}<br>}<br>}<br><br>if (document.layers){<br>document.captureEvents(Event.MOUSEDOWN);<br>document.onmousedown=clickNS4;<br>}<br>else if (document.all&&!document.getElementById){<br>document.onmousedown=clickIE4;<br>}<br><br>document.oncontextmenu=new Function("alert(message);return false")<br><br>// --> <br></script>
  
  Taruh script ini diatas </Head>
  

• Tulisan berjalan untuk status bar blog/web
  <SCRIPT><br><br>function scrollit(seed) {<br>var m1 = "Selamat datang di www.web site kamu .com";<br>var m2 = " Terima kasih atas kunjungannya";<br>var m3 = " Saya harap dapat bermanfaat!";<br>var m4 = "";<br>var msg=m1+m2+m3+m4;<br>var out = " ";<br>var c = 1;<br>if (seed > 100) {<br>seed--;<br>cmd="scrollit("+seed+")";<br>timerTwo=window.setTimeout(cmd,100);<br>}<br>else if (seed <= 100 && seed > 0) {<br>for (c=0 ; c < seed ; c++) {<br>out+=" ";<br>}<br>out+=msg;<br>seed--;<br>window.status=out;<br>cmd="scrollit("+seed+")";<br>timerTwo=window.setTimeout(cmd,100);<br>}<br>else if (seed <= 0) {<br>if (-seed < msg.length) {<br>out+=msg.substring(-seed,msg.length);<br>seed--;<br>window.status=out;<br>cmd="scrollit("+seed+")";<br>timerTwo=window.setTimeout(cmd,100);<br>}<br>else {<br>window.status=" ";<br>timerTwo=window.setTimeout("scrollit(100)",75);<br>}<br>}<br>}<br><br></SCRIPT>
  
  
  
  Taruh script ini dibawah <body> dan pada <body> anda rubah menjadi <body onLoad="scrollit(100)">
  
  
  




• Tulisan berjalan untuk status bar blog/web efek ketik
  <SCRIPT><br><br> // All you have to do is put another text in the variable message.<br> // Don't forget to break all lines with a ^<br> // When you do not place a ^ at the end of all the message, the<br> // message will not repeat<br><br> message = "ini adalah contoh status bar dengan effect ketik^" +<br> "kamu bisa mengganti tulisan ini sesuka kamu^" +<br> "terima kasih atas kunjungan nya^" +<br> "semoga bermanfaat^" +<br> "thanks for visit my blog www.monozcore.blogspot.com^" +<br> "^"<br> scrollSpeed = 25<br> lineDelay = 1500<br><br> // Do not change the text below //<br><br> txt = ""<br><br> function scrollText(pos) {<br> if (message.charAt(pos) != '^') {<br> txt = txt + message.charAt(pos)<br> status = txt<br> pauze = scrollSpeed<br> }<br> else {<br> pauze = lineDelay<br> txt = ""<br> if (pos == message.length-1) pos = -1<br> }<br> pos++<br> setTimeout("scrollText('"+pos+"')",pauze)<br> }<br><br>scrollText(0)<br> </SCRIPT>
  Taruh script ini diatas </Head>
  
  




• Tulisan berjalan untuk status bar blog/web efek datang baertautan
  <SCRIPT LANGUAGE="JavaScript"><br><br><br>// set speed of banner (pause in milliseconds between addition of new character)<br>var speed = 10 <br><br>// decrease value to increase speed (must be positive)<br>// set pause between completion of message and beginning of following message<br>var pause = 1500 <br><br>// increase value to increase pause<br>// set initial values<br>var timerID = null<br>var bannerRunning = false<br><br>// create array<br>var ar = new Array()<br><br>// assign the strings to the array's elements<br>ar[0] = "Welcome to my home page"<br>ar[1] = "I hope you enjoy "<br>ar[2] = "terima kasih atas kunjungan nya"<br>ar[3] = "semoga bermanfaat!"<br><br>// assign index of current message<br>var message = 0<br><br>// empty string initialization<br>var state = ""<br><br>// no value is currently being displayed<br>clearState()<br><br>// stop the banner if it is currently running<br>function stopBanner() { <br> // if banner is currently running <br> if (bannerRunning) <br> // stop the banner <br> clearTimeout(timerID) <br> // timer is now stopped <br> timerRunning = false<br>}<br><br>// start the banner<br>function startBanner() { <br> // make sure the banner is stopped <br> stopBanner() <br> // start the banner from the current position <br> showBanner()<br>}<br><br>// assign state a string of "0" characters of the length of the current message<br>function clearState() { <br> // initialize to empty string <br> state = "" <br> // create string of same length containing 0 digits <br> for (var i = 0; i < ar[message].length; ++i) { <br> state += "0" <br> }<br>}<br><br>// display the current message<br>function showBanner() { <br> // if the current message is done <br> if (getString()) { <br> // increment message <br> message++ <br> // if new message is out of range wrap around to first message <br> if (ar.length <= message) <br> message = 0 <br> // new message is first displayed as empty string <br> clearState() <br> // display next character after pause milliseconds <br> timerID = setTimeout("showBanner()", pause) <br> } <br> else { <br> // initialize to empty string <br> var str = "" <br> // built string to be displayed (only character selected thus far are displayed) <br> for (var j = 0; j < state.length; ++j) { <br> str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " " <br> } <br> // partial string is placed in status bar <br> window.status = str <br> // add another character after speed milliseconds <br> timerID = setTimeout("showBanner()", speed) <br> }<br>}<br><br>function getString() { <br> // set variable to true (it will stay true unless proven otherwise) <br> var full = true <br> // set variable to false if a free space is found in string (a not-displayed char) <br> for (var j = 0; j < state.length; ++j) { <br> // if character at index j of current message has not been placed in displayed string <br> if (state.charAt(j) == 0) <br> full = false <br> } <br> // return true immediately if no space found (avoid infinitive loop later) <br> if (full) return true <br> // search for random until free space found (braoken up via break statement) <br> while (1) { <br> // a random number (between 0 and state.length - 1 == message.length - 1) <br> var num = getRandom(ar[message].length) <br> // if free space found break infinitive loop <br> if (state.charAt(num) == "0") <br> break <br> } <br> // replace the 0 character with 1 character at place found <br> state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) <br> // return false because the string was not full (free space was found) <br> return false<br>}<br><br>function getRandom(max) { <br> // create instance of current date <br> var now = new Date() <br> // create a random number (good generator) <br> var num = now.getTime() * now.getSeconds() * Math.random() <br> // cut random number to value between 0 and max - 1, inclusive <br> return num % max<br>}<br>startBanner()<br><br></SCRIPT>
  Taruh script ini diatas </Head>
  

• Script Link Bekerlip
  
  
  <style>
  
  a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSylZ4QPfELUEqYR-lnh8N-eSrSMVw2wTJeWTnyPmOd3BL1KX_-t-CHdgGZ0XLNbdHp6AxAXccOvqwpDxUO9pxi-6AUDdjz5fpl1KCXzldv7smAbrm_vTWP6DpD8j5i9pk5WSz74suw9M/s1600/blink.gif); }
  </style>
  
  Taruh script ini diatas </Head>
  
  
  
  

  
  
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixL7dPpuc2cMzk2C64Yld919hQle6IdxWemUu9H1OW-4ZivmYVbLt8VL6f4264ylLWl1NAR3WNhkKtRFksW87vo4XpO9KGrc-QkvyppP-VG0KOckE3Itsyiiv2hSbPPetBxlqLTeIer60/s1600/BlinkStar.gif
  
  
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA_pdUJOaFqJ-3AVAe-i3oOPrcMXahfFPc2Zbk1LruBRIGPs7DxPGfor4nKz3iUty6VwPrppwjov0JEUYHSBSCeiD0q3w4J0S-wOZA_X6BWRNVteRvN8u7mOXxmqpWDHZJqMlJhK6zTVI/s1600/str4.gif
  
  

  
  
  
  
  

• Script Google Translate Terbaru (2011)
  <div id='google_translate_element'/><script><br>function googleTranslateElementInit() {<br> new google.translate.TranslateElement({<br> pageLanguage: &#39;id&#39;,<br> autoDisplay: false,<br> multilanguagePage: true,<br> layout: google.translate.TranslateElement.InlineLayout.SIMPLE<br> }, &#39;google_translate_element&#39;);<br>}<br></script><script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/><br></div>
  




• Window Expander
  <script type="text/javascript"><br><br><!– Roaming Windows Expander –><br>scrW=screen.availWidth<br>scrH=screen.availHeight<br>window.resizeTo(10,10)<br>window.focus()<br>for(a=0;a<80;a++){<br>window.moveTo(0,0)<br>window.resizeTo(0,scrH*a/80)<br>}<br>window.resizeTo(0,0)<br>for(b=0;b<80;b++){<br>window.moveTo(0,scrH/1)<br>window.resizeTo(scrW*b/80,0)<br>}<br>for(c=0;c<80;c++){<br>window.moveTo(scrW/1,scrH/1)<br>window.resizeTo(0,scrH*c/80)<br>}<br>for(d=0;d<80;d++){<br>window.moveTo(scrW/1,0)<br>window.resizeTo(scrW*d/80,0)<br>}<br>for(e=0;e<80;e++){<br>window.resizeTo(scrW*e/80,scrH*e/80)<br>}<br>window.moveTo(0,0)<br>window.resizeTo(scrW,scrH)<br><br>scrW=screen.availWidth<br>scrH=screen.availHeight<br>window.resizeTo(10,10)<br>window.focus()<br>for(a=0;a<80;a++){<br>window.moveTo(0,0)<br>window.resizeTo(0,scrH*a/80)<br>}<br>window.resizeTo(0,0)<br>for(b=0;b<80;b++){<br>window.moveTo(0,scrH/1)<br>window.resizeTo(scrW*b/80,0)<br>}<br>for(c=0;c<80;c++){<br>window.moveTo(scrW/1,scrH/1)<br>window.resizeTo(0,scrH*c/80)<br>}<br>for(d=0;d<80;d++){<br>window.moveTo(scrW/1,0)<br>window.resizeTo(scrW*d/80,0)<br>}<br>for(e=0;e<80;e++){<br>window.resizeTo(scrW*e/80,scrH*e/80)<br>}<br>window.moveTo(0,0)<br>window.resizeTo(scrW,scrH)<br><br></script>
  





• Script Ucapan Selamat Sesuai Waktu
  <script type="text/javascript"><br>date = new Date();<br>if ((date.getUTCHours() - date.getHours()) != 0) (date = date.getHours())<br>else (date = (8 + date.getHours()));<br>if (date < 4) {alert("Selamat Malam!")}<br>else {if (date < 11) {alert("Selamat Pagi,, Selamat Beraktifitas!")}<br>else {if (date < 16) {alert("Selamat Siang!")}<br>else {if (date < 20) {alert("Selamat Sore!")}<br>else {alert("Selamat Malam Semuanya!")}<br>}<br>}<br>}<br></script>
  Taruh script ini diatas </Head>
  
  




• Script Mouse Hover Berganti Gambar
  <img src="images/nature-photo2.png" name="yogesh"<br>onMouseOver="document.images['yogesh'].src='images/nature-photo.png'"<br>onMouseOut="document.images['yogesh'].src='images/nature-photo1.png'" width="350" hieght="150"/>
  Taruh script ini pada tag link
  

Untuk memberikan kemudahan para blogger terutama siswa SMANCI dalam memberikan tampilan menarik terhadap blognya, saya akan memberikan 3 informasi + 1 informasi tambahan sekaligus yang akan menambah dan mendongkrak popularitas blog Anda.
Memasang YM (Yahoo! Messenger), G-Talk dan Camfrog Status sudah merupakan hal yang wajib buat para blogger karena selain menambah daya tarik blog, widget ini juga mempunyai banyak fungsi, salah satunya yang terpenting adalah sebagai notifikasi kepada pengunjung blog bahwa pemilik blog sedang online sehingga pengunjung bisa melakukan sharing interaktif secara langsung dengan pemilik blog. Nah, dengan adanya widget ini otomatis pengunjung akan merasa diperhatikan dengan kemudahan dan keramah-tamahan dari pemilik blog.

Yahoo! Mesenger


Cara menampilkan status online yahoo messenger gampang saja, Andatinggal mencopy sedikit kode di bawah ini dan mengganti ID YM (brads_smart) dengan ID YM sobat (Perhatikan: ada dua ID YM yang harus Anda ganti). ID YM adalah username akun yahoo mail Anda.

t=0 t=1 t=2 t=3 t=4 t=5

t=6 t=7t=8 t=9


t=10 t=11 t=12

t=13 14 t=15

t=16

1. Sign in di blogger dengan ID sobat.


2. Klik Layout.


3. Klik tab Elemen Halaman.



4. Klik Tambahkan sebuah Elemen Halaman.


5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.


6. Copy lalu paste pada kode berikut pada pop up window yang muncul.


<div align="center"> <iframe width="200" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fi'fpc_relay" height="200"> </iframe> </div> <br /> <div align="center"> <a style="text-decoration:none;font-size:90%;" href="http://monozcore.blogspot.com/2011/08/cara-memasang-ym-g-talk-dan-camfrog.html" target="blank">Add to your blog</a> </div>
7. Klik tombol SIMPAN PERUBAHAN.



8. Pindahkan elemen yang baru sobat buat tadi pada tempat yang di inginkan.


9. Klik tombol SIMPAN yang ada di sebelah atas.


10. Selesai. Silahkan lihat hasilnya!

1. Sign in di blogger dengan ID Anda.


2. Klik Layout.



3. Klik tab Edit HML.


4. Copy seluruh kode template Anda, kemudian paste pada notepad. Silahkan disave dulu untuk backup (sangat penting).


5. Copy lalu paste kode berikut di tempat yang anda inginkan.


<div align="center"> <iframe width="200" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="200"></iframe></div> <div align="center"> <a style="text-decoration:none;font-size:90%;" href="http://monozcore.blogspot.com/2011/08/cara-memasang-ym-g-talk-dan-camfrog.html" target="blank">Add to your blog</a> </div>
6. Klik tombol Simpan Perubahan Template yang ada di sebelah atas.


7. Selesai. Silahkan lihat hasilnya!

1. Sign in di blogger dengan ID anda.


2. Klik Layout.


3. Klik tab Edit HML.


4. Copy seluruh kode template anda, kemudian paste pada notepad. Silahkan di save dulu untuk backup (sangat penting).



5. Copy lalu paste kode berikut di tempat yang anda inginkan.
   
   
   <div align="center"><a href="camfrog:add:IDAnda"><img src="http://camfrog.com/getstatus.php?nick=IDAnda"></a></div><br /> <div align="center"><a style="text-decoration:none;font-size:90%;" href="http://monozcore.blogspot.com/2011/08/cara-memasang-ym-g-talk-dan-camfrog.html" target="blank">Add to your blog</a></div>


6. Ganti IDAnda dengan username akun camfrog Anda.


7. Klik tombol Simpan Perubahan Template yang ada di sebelah atas.



8. Selesai. Silahkan lihat hasilnya !

• Login ke blog sobat.


• Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".


• Copy-Paste kode di bawah ini ke dalam konten gadget.
  
  
  

  
  

  
  

  
  <div style="margin:0px auto;text-align:center;width:200px;height:240px;">
  
  <embed allowscriptaccess="sameDomain" flashvars="col1=3366FF&amp;col2=000033&amp;lang=id&amp;gig_lt=1321885563997&amp;gig_pt=1321886271729&amp;gig_g=1" height="250" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Quote-of-the-Day-4696-8192_134217728.widget?__install_id=1321885414838&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed>
  
  
  </div>
  

  
  
• Silakan anda sesuaikan ukuran width dan height, biar widget ini sesuai dengan ukuran kotak gadget di blog sobat.


• Untuk setingan lebih lanjut silakan klik disini.


• Klik "Save" dan lihat hasilnya.