Cara Memasang Jam Di Bloger Bagian ke Dua

Cara memasang jam dengan Code- code yang udah ada...
Langsung aja seperti biasa...

Masuk ke Dasbor.
Pilih Tata Letak.
Pilih Elemen Halaman.
Tambah Gadget / Add as Target.
Pilih HTML/Java Script

Ni contoh jam berserta Codenya.

Jam Digital

Ini Codenya

<embed src=http://fc08.deviantart.com/fs49/f/2009/196/a/7/appledigitalclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>

Jam Analog

Ini Codenya

<embed src=http://fc05.deviantart.com/fs42/f/2009/139/4/7/Orange_Clock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=124 height=124></embed>

Jam Micky Mous

Ini Codenya

<embed src="http://www.freewebtown.com/zawa/aksesorisblog/zawablogpic_12.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

Jam Doraemon

Ini Codenya

</strong><img title="Jam Warna / Doraemon" alt="Jam Warna / Doraemon" src="http://i35.photobucket.com/albums/d194/unazzanu/aksesorisblog/zawablogpic_10.gif" border="0" vspace="2" width="125" height="125" hspace="2">

Jam Spongebob

Ini Codenya

<embed src=http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=150 height=127 wmode=transparent></embed >

***Selamat Mencoba***

Read More...

Cara Memasang Jam Di Bloger

Ada beberapa cara dan pilihan yang dapat sobat coba, banyak sekali situs-situs penyedia jam yang memberikan jamnya Free secara cuma-cuma kepada anda, disamping mempercantik tampilan blog sobat. Pemasangan jam diblogspot juga membantu sobat mengingatkan waktu, sangat penting lagi untuk menunjukan waktu sholat. Berikut situs - situs penyedia jam yang bagus-bagus.
Diantaranya Situs-situs penyedia jam tersebut adalah sebagai berikut

1. http://www.clocklink.com

2. http://www.al-habib.info/islamic-clock

3. http://flashvortex.com

Langkah-langkah pasang jam di blogger sebagai berikut:

• Silahkan klik salahsatu Situs penyedia jam tersebut adalah sebagai berikut:

1. http://www.clocklink.com
2. http://www.al-habib.info/islamic-clock.
3. http://flashvortex.com

• Jika sudah berada pada situs tersebut
• Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll.
• Pilih Gallery sesuai dengan selera sobat.
• Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00.
• Kemudian akan keluar code- code tersebut.
• Lalu copy, atau simpan kode yang telah dipilih untuk sementara waktu di dalam Notepad.
• Kemudian kembali masuk kehalaman Blogger. => Pilih Tata letak. =>Pilih Elemen halaman.=>Tambahkan sebuah Elemen Halaman => pilih HTML/JavaScript => lalu Copy/Paste code tersebut, dan jangan lupa disimpan.

Selesai dan lihat hasilnya.
Masih banyak lagi situs-situs penyedia jam Free yang dapat anda kunjungi, namun ketiga situs diatas dapat mewakili sobat dalam berburu widget jam, semoga bermanfaat.

Read More...

Tampilan Jam Dengan Photo Sendiri

Langsung ajja...!!!
Caranya…

• Pertama masukkan URL gambar yang mo dibuat background free clock, kemudian klik OK. Kalo bisa ukuran gambarnya adalah 120x120 pixel agar sesuai dengan ukuran clock tersebut. Jika gak pengin ada backgroundnya biarin gitu aja… gak usah diisi :D
• Selanjutnya pilih "number style" untuk tampilan angka clock.
• Terus pilih warna untuk free clock tersebut melalui color picker.
• Jika gambar terlalu gelap, gunakan pengaturan opacity untuk mempercerah gambar tersebut.
• Terakhir, klik generate code untuk menghasilkan code html yang nantinya bisa kamu taruh di blog/website kamu.

Requirement : Flash Player 8 keatas…
Yup, selamat mencoba… saran dan kritik silakan corat-coret di komentar… :)

CATATAN : 

karena terjadi perubahan letak file, silakan ganti URL hasil generate dari :
http://fc09.deviantart.com/fs42/f/2009/137/2/6/clockwidget_by_blogclocks.swf

menjadi :

http://fc03.deviantart.net/fs48/f/2009/189/1/e/clockwidget_by_blogclocks.swf

Maaf atas ketidaknyamanan ini ^^v

Narasumber  ZawaClockBuilder

Read More...

Membuat Text berjalan di Bloger

Cara Membuat Text Berjalan Di Blog

Pada postingan kali ini saya sedikit pembahasan mengenai text berjalan. Teks berjalan atau running

Mengenai text berjalan dan text berkedip dengan HTML. Sebelum melangkah lebih jauh cara penulisan teks berjalan dengan HTML, ada baiknya saya jelaskan beberapa fungsi dari kode HTML yang terkait:

Cara penulisan teks berjalan harus diawali dengan tag <marquee> dan diakhiri dengan </marquee>. Marquee sendiri memiliki beberapa atribut diantarnya :

• Width : berfungsi untuk menentukan ukuran lebar yang nantinya akan diapakai sebagai ruang           teks berjalan. (dalam satuan pixel atau persen).
• Height : berfungsi untuk menentukan ukuran tinggi ruang teks berjalan. (dalam satuan pixel atau persen).
• Direction : berfungsi untuk menentukan arah gerakan teks (left : teks berjalan ke arah kiri, right : teks berjalan ke arah kanan, up : teks berjalan ke arah atas, down : teks berjalan ke arah bawah.).
• Bevaior : berfungsi untuk mengatur gerakan teks terdiri dari 3 attribute yaitu (alternate : teks bergerak bolak balik, slide : teks bergerak satu arah dan hanya sekali setelah itu berhenti, scroll : teks bergerak satu arah berulang-ulang).
• Color : berfungsi untuk mengatur warna teks (ditulis dalam kode hexadecimal tetapi untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris). Sebaiknya pelajari dulu mengeni kode warna.
• Bgcolor : berfungsi untuk mengatur warna background (dalam hexadecimal atau untuk warna dasar bisa ditulis langsung sesuai nama warna dalam bahasa Inggris).
• <font face="kode HTML> ...... </font> : berfungsi untuk mengatur jenis font, warna font, ukuran font, dan sebaginya. Antara kode HTML dipisahkan dengan spasi).
• <span style="kode CSS"> ...... </span> : berfungsi untuk menyisipkan kode CSS di dalam HTML. Jika menggunkanan style maka atribut-atribut CSS dapat diterapkan di sini contohnya font-size : untuk mengatur ukuran font, font-weight: untuk mengatur ketebalan font, color : untuk mengatur warna font, dan sebagainya, penulisan kode CSS tersebut harus dipisahkan dengan tanda titik koma(;).
• Scrolldelay : berfungsi ntuk mengatur waktu tunda (delay) gerakan dalam satuan mili detik (ms).
• Scrollamount : berfungsi untuk mengatur kecepatan gerakan dalam satuan pixel.
• Loop : berfungsi untuk mengatur jumlah looping (pengulangan).
• Onmouseover="this.stop ()" : berfungsi untuk menghentikan teks berjalaan ketika mouse mendekat.

Penulisan Kode HTML dan CSS tersebut sebaiknya ditulis dalam huruf kecil semua.Untuk lebih difahami silahkan perhatikan semua kode HTML dan CSS pada contoh-contoh berikut.

Contoh 1

Text berjalan dari kanan ke kiri
Ini Codenya
<MARQUEE align='Left'scrollamount='2' direction="left" height="50" scrollamount="2" width="480">Text berjalan dari kanan ke kiri</MARQUEE>


Contoh 2
Text berjalan dari kiri ke kanan
Ini Codenya
<MARQUEE align='Left'scrollamount='2' direction="right" height="50" scrollamount="2" width="490">Text berjalan dari kiri ke kanan</MARQUEE>

Contoh 3

Text berjalan bolak-balik dari kanan ke kiri

Ini Codenya
<marquee behavior="alternate" bgcolor="#006400" height="20px" scrollamount="5" style="color: #b6d7a8;" width="100%"><b>Text berjalan bolak-balik dari kanan ke kiri</b></marquee>


Contoh 4
Text berjalan dari Atas ke Bawah
Ini Codenya
<MARQUEE align='Left'scrollamount='2' direction="down" height="100"<br /> scrollamount="2" width="500">Text berjalan dari Atas ke Bawah</MARQUEE>


Contoh 5
Text berjalan dari Bawah ke Atas 
Ini Codenya
<MARQUEE align='Left'scrollamount='2' direction="up" height="100"<br /> scrollamount="2" width="500">Text berjalan dari Bawah ke Atas</MARQUEE>


Contoh 6

Text
berjalan Bolak- balik dari Atas ke Bawah

Ini Codenya
<span style="font-family: arial; font-size: 14px; font-weight: bold;"><marquee behavior="alternate" bgcolor="#0000ff" direction="up" height="70px" scrollamount="5" width="100%"><span style="color: #cfe2f3;">Text </span><br style="color: #cfe2f3;" /><span style="color: #cfe2f3;"> berjalan Bolak- balik dari Atas ke Bawah</span></marquee></span>

Contoh 7

Text memantul
berulang-ulang

Ini Codenya
<span <br /> style="color:#FFFFFF; font-family: arial; font-size: 14px; font-weight: <br /> bold; "><marquee scrolldelay="10" behavior="alternate" direction="up" width="100%" scrollamount="2" height="70px" bgcolor="#FF030D"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Text memantul <br /> berulang-ulang</marquee></span>


Contoh 8
| SELAMAT DATANG DI 41NKtea.BLOGSPOT.COM | | TERIMA KASIH ATAS KUNJUNGANNYA |

Ini Codenya
<marquee align="Left" bgcolor="#006400" direction="left" height="20" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="500"><b><span style="color: white;">| SELAMAT DATANG DI </span><blink style="color: white;">41NKtea.BLOGSPOT.COM</blink><span style="color: white;"> | | TERIMA KASIH ATAS KUNJUNGANNYA |</span></b></marquee>


Contoh 9
Membuat Text berjalan d Bloger
Kode warna HTML
Cara menganti Icon di Bloger
Mengganti Logo Google
Contoh- contoh Kaos PFC
Cara Memasang Musik Player pada Blog

Ini Codenya
< <marquee onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#7FFF00" scrollamount="2" direction="up" width="100%" height="100" align="left"><a href="http://41nktea.blogspot.com/2010/04/membuat-text-berjalan-di-bloger.html">Membuat Text berjalan d Bloger</a><br/><a href="http://41nktea.blogspot.com/2010/04/kode-warna-html.html">Kode warna HTML</a><br/><a http://41nktea.blogspot.com/2010/04/cara-mengganti-icon-di-blogger.html">Cara menganti Icon di Bloger</a><br/><a href="http://41nktea.blogspot.com/2010/05/mengganti-logo-google.html">Mengganti Logo Google</a><br/><a href="http://41nktea.blogspot.com/2010/04/contoh-contoh-kaos.html">Contoh- contoh Kaos PFC</a><br/><a href="http://41nktea.blogspot.com/2010/04/tips-dan-trik_01.html">Cara Memasang Musik Player pada Blog</a><br/></marquee><br /> >


Catatan :

• #7FFF00 adalah kode keksadesimal untuk warna Hijau muda, #FF030D adalah kode  heksadesimal untuk warna merah, #FFFFFF adalah kode heksadesimal untuk warna mwrah dan seterusnya. Lebih lengkapnya dapat dilihat pada kode warna klik Di Sini.
• Font-family : untuk menentukan jenis huruf seperti Arial, Verdana, Georgia dan lain-lain.Font-size : untuk mengatur ukuran huruf dalam satuan pixel (px) atau em.
• Pada Contoh 9, <a href=" <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0in; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:8.5in 11.0in; margin:1.0in 1.25in 1.0in 1.25in; mso-header-margin:.5in; mso-footer-margin:.5in; mso-paper-source:0;} div.Section1 {page:Section1;} --> http://41nktea.blogspot.com/2010/04/membuat-text-berjalan-di-bloger.html">Penggunaan ID dan CLASS</a><br/> kode dengan warna merah bisa diganti dengan URL milik anda dan title yang sesuai dengan URL tersebut.
  
  Font-Weight : untuk menentukan ketebalan huruf (bisa disi dengan angka 100, 200,...800, atau dengan bold). 
• Scrolldelay : diisi dengan angka untuk mengatur kecepatan gerakan.
• Width untuk space teks berjalan dapat ditulid dengan angka (pixel/px) dan dapat juga dengan menggunakan persentasi (%) yang nantinya akan menyesuaikan dengan lebar wrapper atau layout postingan blog anda.

Selamat mencoba dan otak atik aja kode diatas agar tercipta variasi baru.hehehe....^ ^ v

Read More...

Widget YM Floating / Melayang

Fasilitas Yahoo Massenger (YM) disisipkan pada sebuah blog dengan tujuan agar jika sang empunya blog sedang online, maka pengunjung blog bisa langsung menyapanya. Namun jika biasanya ikon YM diletakan di sidebar blog, maka kali ini ikon TM tersebut akan dibuat melayang ( tidak menempel diarea blog ).
1. Masukla ke halaman Dashboard => Tata Letak => Edit HTML.

2. Copy paste kode berikut dan letakan tepat diatas kode ]]></b:skin>

#melayang {

position:fixed;_position:absolute;bottom:0px; Left:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Sesuikan dengan keinginan anda sendiri. Contoh, jika ingin meletakan disebelah atas, gantilah bottom menjadi Top. Lalu untuk meletakan di sebelah kanan gantilah Left menjadi Right. 4. Jika sudah, Copy pastekan kembali kode ini dan letakan tepat di atas </body>

<div id="melayang"> <a href="ymsgr:sendIM?Ym Kamu"> <img src="http://opi.yahoo.com/online?u=YmKamu&amp;m=g&amp;t=1&amp;l=us"/>

</a>

</div>

5. Jangan lupa, gantilah kode yang berwarna merah ( Ym Kamu ) dengan id YM anda sendiri. Misalnya 'achmadtk07'. Simpan Template dan lihat hasilnya. Peringatan: Untuk Mengganti ikon Ym, Anda cukup mengganti kode 't=1' saja, contoh ikon t=1 > 

• t=1 

 • t=2 

• t=5

 

• t=6

 

 • t=7

 • t=8

• t=9

 

• t=10

  

 • t=11

 

• t=12

 

 • t=13

 

 • t=14

  

 • t=15

• t=16

 

  

Paste kode di atas di widget / sidebar blog Anda..  Dan lihat hasilnya. Semoga bermanfaat.....:D

Read More...

Mengganti Logo Google

Google…!, tentu mendengar nama tersebut sudah tidak asing lagi di telinga kalangan para maniak internet. Kadang aku suka menyebut dengan panggilan “Mbah Google”. tentu bukan tanpa alasan. Setiap pertanyaan yang kita lontarkan pasti dijawab oleh search engine tersebut, dia adalah sesuatu yang serba tau. Nah, kita akan mencoba bersenang- bersenang dengan si Mbah. Kita akan mencoba mereparasi logo dari si Mbah Google. Biar kita tidak bosan dengan menelusuri rumah kediaman si Mbah Google. caranya?

Dengan tampilan logo tersebut, Anda bisa membuat halaman seperti Google dengan nama Anda. Misalkan, anda ingin mengganti tulisan Google dengan nama Yoel . Caranya sangat mudah. Anda cukup klik saja logo dan style yang diinginkan, dalam sekejap Anda akan bisa memiliki halaman mesin cari seperti Google dengan nama Anda.
langkahnya:
1. Buka situs Funny Logo

2. Masukan nama yang Anda inginkan pada Kolom tersebut.
3. Tentukan style tulisan yang diinginkan, misal: Google Style.
4. Klik “Create My Search Engine”.
5. Setelah itu akan muncul tampilan “Situs Google” dengan logo yang kita inginkan.

Untuk membuat tampilan tersebut menjadi halaman default ketika Anda membuka browser, copy alamat yang tertera pada Address.

Untuk Browser Mozila:
1. Klik menu Tools - Options
2. Pilih tab Main, lalu ubah field Home Page dengan alamat tersebut.

3. Pada field When Firefox starts, pilih settingan Show my home page, lalu klik OK

Untuk Browser Internet Explorer (IE):
1. Klik menu Tools - Internet Options
2. Pilih tab General, lalu ubah field Home Page dengan alamat tersebut.

Setelah semua langkah- langkah dilakukan, Anda bisa mencoba membuka browser dan melihat hasilnya.

Read More...