Sabtu, 26 Februari 2011

Efek Marquee

Marquee adalah sebuah Tag HTML yang digunakan agar sebuah Teks bisa bergerak/berjalan. Tag ini banyak digunakan Oleh Blogger karena menarik dan mudah dalam pembuatannya
berikut ini adalah atribut-atribut yang di gunakan sebagai pelengkap marquee:
BGCOLOR="warna" ==>yang di gunakan Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" ==> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" ==> Untuk mengatur perilaku gerakan
-->scroll = membuat text bergerak berputar
-->Slide = membuat text bergerak sekali lalu berhenti
-->alternate = membuat text bergerak bolak-balik
TITLE="pesan" ==> yang akan muncul jika mouse berada di atas text marquee
SCROLLMOUNT="angka" ==> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya
SCROLLDELAY="angka" ==> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" ==> Mengatur jumlah loop
WIDTH="lebar" ==> Mengatur lebar blok teks dalam pixel atau persen
untuk lebih jelasnya langsung aja saya praktekkan :
contoh pertama. .
<marquee direction="rigth" title="contoh pertama" >Marquee</marquee>

maka hasilnnya akan menjadi seperti berikut:
Marquee

contoh kedua . .
<marquee title="ini contoh yang kedua" bg direction="left" behavior="alternate" scrollmount="8">marquee 2</marquee>

maka hasinya akan menjadi seperti berikut:
marquee 2

contoh yang ketiga ini yang paling cocok untuk blog anda .
<marquee title="contoh yang ketiga adalah yang paling cocok buat blog anda" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" direction="up" width="100%" height="100" align="center">

<a href="http://xxxxxxxxx.blogspot.com" target="new">Triks & Tips </a><br/>

<a href="http://xxxxxxxxx2.blogspot.com/2009/02/membuat-text-melayang-pada-blog.html" target="new">poting </a><br/>

<a href="http://xxxxxxxxx3.blogspot.com/2009/02/membuat-efek-salju-pada-blog.html" target="new">poting</a><br/>

</marquee>

maka hasilnya akan menjadi seperti berikut:


Triks & Tips


poting


poting


text yang bercetak tebal adalah hasilnya

Sabtu, 19 Februari 2011

Download Software Keren GRATIS



Bagi yang mau coba-coba buat web pake coba pake nih Aplikasi, secara offline dulu kita belajarnya.

http://www.ziddu.com/download/5707079/buat_web_offline.rar.html
redblink Free Download Software Terbaru Gratis Fungsi Software Terbaru ini untuk mendrag hardisk kita secara realtime, walaupun kita sedang bekerja program ini akan berjalan otomatis di background mendeprag hardisk kita.
http://www.ziddu.com/download/5707261/defrag_realtime.rar.html
redblink Free Download Software Terbaru Gratis Kalo ada yang memerlukan Deep Freeze 6.53 terbaru Lho silakan di sedot mas! Belum ada yang bisa membobol deep preeze versi ini !
Programnya:
http://www.ziddu.com/download/6233137/Faronics_DFS6.5.rar.html
Serialnya:
http://www.ziddu.com/download/6233294/Key.rar.html
redblink Free Download Software Terbaru Gratis Mau jadikan video yang anda sukai menjadi scrensaver coba pake nih Aplikasi. Dapat mengubah video yang berextensi fly menjadi screensaver.
http://www.ziddu.com/download/5707438/Fly_ke_SCR.rar.html
redblink Free Download Software Terbaru Gratis Bagi yang hobi buat karikatur dan gambar foto-foto lucu coba software ini, pasti lebih mudah dan cepat dalam proses pengerjaanya. Misalnya mau besarin hidung seseorang cukup sekali klik jadi deh!
http://www.ziddu.com/download/6211097/CartoonMaker4.71.rar.html
redblink Free Download Software Terbaru Gratis Biasanya yang menggunakan software ini conter HP untuk menjadikan lagu mp3 menjadi ringtone HP, tapi bagi yang ingin memotong lagu mp3 tanpa mengeluarkan biaya “split mp3? dan gak menurunkan kualitas suaranya coba dulu pake nih software, gak nyesel deh!
http://www.ziddu.com/download/6211096/Absolute_MP3_Splitter___Convert.rar.html
redblink Free Download Software Terbaru Gratis Penting! cuma itu yang bisa saya katakan mengenai Kumpulan 1 Miliar serial Number ini!
Berdasarkan serial number ini kita dapat mengumpulkan sofware yang kita butuhkan di internet OK.
http://www.ziddu.com/download/5707481/kumpulan1milionserialnumber2009.rar.html
redblink Free Download Software Terbaru Gratis Bagi yang hobi mengintip pekerjaan teman melalui LAN coba deh pake program ini, Karena tanpa harus menginstal tambahan sofware di komputer korban kita sudah dapat masuk ke komputernya.
http://www.ziddu.com/download/5707581/monitor_LAN_tanpa_instal_client.rar.html
redblink Free Download Software Terbaru Gratis Pertanyaan:
please… my brother and my sister yang ane sayangi….
ane butuh…. system anti porn dunnk..yg bagus.. yg situs2 porn gak bisa di buka.
adik ane nih…. ancur banget.. setiap ane ndk ada di rumah.. compi ane..slalu di bukanya…, kalau buka situs tentang menambah ilmu…ya ndk apa2 ni buka situs porno…
jawaban:
dari keluhan di atas mungkin sofware ini jawabannya:
Sofware ini fungsinya untuk menyaring situs mana aja yang bisa di akses.
Silakan dipilih mana yang cocok:
http://www.ziddu.com/download/6083617/Antiporn_9.rar.html
http://www.ziddu.com/download/6083213/A.n.t.i-P.o.r.n_10.rar.html
redblink Free Download Software Terbaru Gratis Bagi yang hobi download tahukan yang namanya IDM, nah ini saya berikan agar lebih enak downloadnya!
http://www.ziddu.com/download/5707734/idm.5.17build3.rar.html
redblink Free Download Software Terbaru Gratis System Information for Windows Menampilkan informasi tentang Sistem Operasi, Program yang Dipasang dll. SIW Sistem Informasi adalah alat yang mengumpulkan informasi rinci mengenai properti dan pengaturan sistem Anda. Sebuah utilitas yang meliputi spesifikasi rinci untuk Motherboard, BIOS, CPU, Devices, Memory, Video, Drives, Ports, Printers. SIW menampilkan informasi tentang Operating System, Installed Program, Proses, Jasa, Sistem uptime, Product Key (CD key), Pengguna, Serial Number, Open File, Jaringan, Pengguna, Monitor real-time serta untuk CPU , Memory, Page. SIW juga menampilkan saat ini koneksi jaringan yang aktif, Sandi tersembunyi di balik tanda bintang, diinstal codec, dan banyak lagi. Size/OS = 2.6 MB / Windows All
http://www.ziddu.com/download/11358219/siw-setup.exe.html
redblink Free Download Software Terbaru Gratis Buat teman-teman yang hobi chating ini YM Portabel yang bisa dibawa kemana-mana yang pemakaiannya tanpa proses instalasi. 1 kali klik langsung online…… icon wink Free Download Software Terbaru Gratis
tapi maaf kalo di bagi 6, koneksi net di rumah lagi lemot jadi susah uploadnya, jadi terpaksa deh.
http://www.ziddu.com/download/5630377/PortableYahoo.part01.rar.html
http://www.ziddu.com/download/5630379/PortableYahoo.part02.rar.html
http://www.ziddu.com/download/5630378/PortableYahoo.part03.rar.html
http://www.ziddu.com/download/5630430/PortableYahoo.part04.rar.html
http://www.ziddu.com/download/5630640/PortableYahoo.part05.rar.html
http://www.ziddu.com/download/5630639/PortableYahoo.part06.rar.html
redblink Free Download Software Terbaru Gratis kalo ada yang tertarik dengan logo download dibawah nih kumpulan logo-logo download animasi
http://www.ziddu.com/download/5631022/icondownload.rar.html
redblink Free Download Software Terbaru Gratis Nah Ini 5 macam tool SEO Bagi Webmaster Yang punya Blog/website. Pokoknya Banyak deh fitur-fitur yang dimiliki oleh masing-masing prog di bawah. Rugi lho kalo gak punya icon wink Free Download Software Terbaru Gratis
http://www.ziddu.com/download/5629813/PRStorm.rar.html
http://www.ziddu.com/download/5629932/SEO_Elite_4.0_.By.VICTORIOUS.rar.html
http://www.ziddu.com/download/5630008/SEO_Elite_4.0_.By.wengker.com.com.rar.html
http://www.ziddu.com/download/5630751/seosurfsetup.exe.html
http://www.ziddu.com/download/5630875/SEOToolkit3.exe.html
redblink Free Download Software Terbaru Gratis Mau lebih kencang download dari warnet silakan gunakan software dibawah ini:Internet Download Manager 5.19
redblink Free Download Software Terbaru Gratis K-Lite Mega Codec Pack 5.90 merupakan koleksi codec dan DirectShow filter. Codecs dan DirectShow filter diperlukan untuk encoding dan decoding (memutar) format audio dan video. K-Lite Codec Pack dirancang dengan user-friendly sehingga mudah digunakan untuk pemutaran semua file film atau file audio. Dengan K-Lite codec Pack Anda dapat memainkan semua format audio dan video, bahkan anda bisa memutar beberapa format langka yang jarang kita temukan. Ini juga termasuk didalamnya sebuah program Media Player.
http://www.ziddu.com/download/11358454/K-LiteMegaCodecPack5.90.txt.html
redblink Free Download Software Terbaru Gratis TuneUp Utilities 2010 dapat membantu kita untuk membuat Windows sesuai dengan kebutuhan yang kita inginkan dengan cara yang cepat, simple, mudah, lebih baik dan aman. TuneUp Utilities akan membuat perubahan yang diperlukan dalam registri atau file boot secara otomatis. Anda juga dapat menggunakan TuneUp Utilities untuk menyesuaikan tampilan sistem Windows, seperti mengganti tampilan icon, boot screen, logon screen dan lainnya – untuk membuat anda bekerja pada komputer lebih menyenangkan. Dengan software ini kita juga bisa mengatur Start Up dan juga tersedia feature untuk uninstall/remove program. Kemudian juga bisa memperbaiki dan memaksimalkan koneksi internet yang kita gunakan.
http://www.ziddu.com/download/11358486/TuneUpUtilities2010.txt.html

Senin, 14 Februari 2011

Cara Membuat Cbox Di Blogspot

Cara Membuat Cbox Di Blogspot


nah,apakah fungsi Cbox ini ? setau saya sih fungsinya sebagai buku tamu,yang jika setiap orang yang berkunjung pasti nulis di situ.
tapi kita juga bisa melacak link penulisnya.
jadi, Cbox Ini sangat berguna bagi para Blogger.
membuatnya juga tak begitu sulit sih. Cbox juga menambah kecantikan Blog anda.
Mau membuat Cbox ?
ok langsung aja kita ke Tkp :


  1. Buka Mozilla Firefox anda atau Browser anda yang lain.
  2. Tulis di Addreess bar http://cbox.ws/
  3. Setelah masuk hasilnya akan seperti gambar di samping:
  4. Kalian klik aja Tulisan yang di dalam Lingkaran seperti pada gambar tersebut.









  • Setelah diklik kalian akan menemukan seperti gambar  
  • Isilah formulir tersebut dengan lengkap, jika sudah semua formulir terisi klik aja tulisan yang dilingkari sperti pada gambar di samping, jangan lupa memberi tanda centang.
  • sukses deh, lalu anda Login .
  • Jika sudah login, Klik publish, terus anda copy Code/script Cbox-nya.
  • Lalu masuk ke Blog > Dashboard >Klik tata letak > elemen halaman > add widget > cari pilihan HTML/Java Script
  • Paste code yang anda copy tadi di sana , Klik Simpan/Save.
  • Terus jadi deh, anda Bisa menikmati indahnya Cbox yang menghiasi blog anda.
Semoga anda berhasil, dan selamat mencoba. 

Memasang Emoticon di Kotak Komentar

Memasang Emoticon Yahoo di kotak komentar bertujuan untuk membuat tampilan kotak komentar agar lebih menarik dan tampak lebih hidup. disamping itu juga komentator bisa mengekspresikan emosi mereka lewat emoticon yahoo tersebut.


Ada banyak emoticon yang bisa dipasang di kotak komentar anda, tapi kali ini saya akan membahas Emoticon yahoo.

lalu bagaimana cara membuatnya ?

  1. login ke Bogger dengan Id anda 
  2. Klik Tata letak pilih Edit Html 
  3. Centang "Expand Widget Template" 
  4. Lalu letakkan kode di bawah, diatas kode </body> :

5. Cari kode sperti ini <b:if cond='data:post.embedCommentForm'>
6. letakkan kode-kode berikut, diatasnya :


7. Simpan Template.

Membuat isi Blog Menarik Dan Mendatangkan Trafik Blog

Apapun Blog atau situs kamu jika isinya tidak atau kurang menarik, maka kamu akan kesulitan mendapatkan pengunjung di blog atau situs kamu. Dan sebaliknya jika isi blog atau situs kamu menarik makan akan banyak pengunjung bolak balik di blog kamu sekedar melihat konten atau isi terbaru dari siitus atau blog kamu. Bagaimana caranya membuat content menarik untuk situs kamu ???

  • Sesuaikan dengan hobi kamu.
    Kalau kamu sudah punya situs blog dan kamu ingin blog kamu banyak pengunjung maka kamu harus menampilkan isi kontent yang unik dan berbeda dengan orang lain, salah satunya dengan cara sesuaikan dengan hobi kamu. Pastinya semua orang punya hobi, minat atau kesenangan dalam hal yang ber beda beda. Cara sederhana untuk menjadikan konten blog kamu beda dengan orang lain adalah sesuaikan dengan hobi kamu.
    Tentukan sebuah subjek tulisan yang kamu sukai dan keluarkan isi pikiran dan hati kamu, misalnya kalau kamu suka maen game maka isikan konten situsnya review game, berita rilis game, dsb.
  • Membuat tulisan sendiri menguras waktu
    Ini adalah masalah yang sudah umum, tidak harus kamu nulis sendiri semua artikel di blog kamu, kamu bisa juga mengambil artikel orang lain dari internet tapi ada aturan mainya.Ada beberapa situs internet yang menyediakan hingga puluhan ribu artikel yang bebas di copy. Kamu juga dapat memilih kategori artikel yang kamu suka, beberapa situs yang menyediakan artikel seperti ezinearticles.com, articlecity.com, articlebase.com, semua artikel di situs ini bebas untuk di copy asalkan kamu tidak melanggar ketentuan yang mereka buat, biasanya mereka minta seluruh isi artikelnya tetap utuh, lengkap beserta nama penulis dan linknya.
  • Hindari Duplikasi
    Akhir tahun 2006 google sudah mengumumkan kalau mereka tidak akan mengindeks situs yang memuat duplikasi konten, maksudnya konten yang sama persis tanpa ada perbeadan sedikitpun. Google mengenakan sanksi bagi yang melakukanya dengan menurunkan posisi peringkat situs atau bahkan membanned dari indeks pencarian. Tentunya kamu tidak mau kan ??, lagian juga malu kalau cuma copas saja,,,??, ya boleh si copas asal di cantumin penulis atau sumbernya. Jangan pernah kopi paste tanpa mengganti secuilpun isi konten, kopi paste yang yang memang perlu saja, dan kreatiflah, misalkan copy tulisan minimal ganti beberapa kata pake bahasamu sendiri. Kamu cukup mengganti beberapa kata saja itu sudah cukup membuat kamu aman dari peraturan google yang satu ini
CARA MENDATANGKAN TRAFIK
Salah satu cara paling mudah untuk mendapat trafik adalah menyebarkan link blog atau banner blog kita di situs lain. Itu berarti kamu harus membuat banner atau link yang bisa di copy semu pengunjung di blog kamu. Tawarkan orang lain untuk memasang link blog kamu di blog miliknya dan juga sebaliknya kamu menawarkan untuk memasang link blog milik orang tersebut di blog kamu (bertukar link), atau menjadikan blog kamu jadi blog dofollow, apa itu dofollow ?, kamu bisa baca disini.
Algoritma yang biasa di ginakan pada mesin pencari : lebih banyak link di blog kamu akan semakin tinggi nilainya pada mesin pencari, tinggilkan link ke blog kamu melalui forum, lampirkan alamat situs di kotak komen blog lain atau kirimkan pos di forum internet yang sedang rame yang tentunya berkaitan sama blog kamu. Untuk mencari situs blog yang lagi ngetop kamu bisa cari di botd.wordpress.com, langsung saja cari artikel yang lagi ngetop dan tinggalin link blog kamu di komentarnya ^_~

Kirim ke Mesin Pencari
Ada banyak mesin pencari di internet namun hanya ada 3 yang mendominasi Google, Yahoo dan MSN,. Kamu bisa mengirim blog kamu ke mesin pencari satu persatu tapi kurang efektif lagi melelahkan, misal untuk mengirimkan url blog ke google kamu mesti masuk dulu ke www.google.com/webmasters/tools , untuk yahoo dan msn pun berbeda. Capek kan ??, lebih efektif menggunakan situs yang menyediakan jasa pengiriman url ke banyak mesin pencari sekaligus(gratiz) seperi www.orangesubmit.com, www.submitexpress.com,


Ping Blog
Fungsinya untuk memberi tahu mesin pencari update terbaru blog kita. Dengan cara ini kamu bisa mengabari mesin pencari kalau situs kamu sudah di update. Beberapa situs yang menyediakan jasa blog pinging seperti rpc.pingomatic.com



Membuat RSS (Really Simple Syndication)
Mungkin bagi yang baru denger dikiranya RSS(Rumah Sangat Sederhana). Agar lebih paham saya kasi gambaranya, kalau blog kamu di update hampir setiap hari, orang lain tidak tau kapan saja conten blog kamu di update, disinilah gunanya RSS, RSS akan memberikan informasi update blog kamu ke orang yang berlangganan RSS di blog kamu, cara kerjanya hampir sama seperti “follow blog”.

Meta Tag
Bahasa HTML sudah menyediakan tag kusus  agar dapat dengan mudah di baca mesin pencari di sebut meta tag. Meta tag tersebut biasanya di tambahkan ke bagian header koding HTML. Isinya keyword situs kamu beserta deskripsi situs kamu.

<html>
<head>
<title>Judul halaman</title>
<meta name="keywords" content="tuliskan kata kunci disini, di pisahkan dengan tanda koma" />
<meta name="description" content="tulis beberapa kata untuk mendeskripsikan blog kamu di mesin pencari" />
</head>
<body>
</body>
</html>

Isi keyword dengan beberapa kata kunci di pisahkan dengan koma (yang unik tapi “sering di cari”), untuk deskripsi isikan dengan kalimat yang menjelaskan blog kamu.

Membuat efek Bayangan(hover) di Link


Satu lagi tips mempercantik blog, yaitu memberi efek bayangan yang muncul(hover) ketika ada mouse yang jalan di atas link, biasanya kan ling akan muncul garis bawahnya (underlinee) kalau ada mouse jalan di atasnya, tapi di sini kita akan ubah efeknya agar linknya tidak muncul garis bawah tapi muncul bayangan, seperi di blog saya ini loh, coba deh arahkan kursor kamu di salah satu link, pasti akan muncul bayangaya kan ??, kalau tidak brati browsernya situ yang jadul......heuhehehehue , ga ding just guyon...., mari kita mulai, hhhmmm, enaknya kita kasi bayangan di link bagian blog yang mana ya ??, yang mana saja, terserah kamu.

Caranya masuk ke Blogger  >>  Design  >> Edit HTML, beri tanda centang di tulisan Expand Widget Templates, nah kalau sudah tekan Ctrl+f dan ketikan kata hover, tekan enter, kamu akan menemukan kata hover di kalimat paling tidak mirip seperti berikut
..................................................................................................................................................................
a:hover{color:#B60000; text-decoration: underline; }

atau seperti ini


a:hover {
text-decoration: underline;
color: #ff0000;
}
..................................................................................................................................................................
nah kamu ganti kata underline jadi none terus setelahnya di tambahin kode efek bayanganya, misalkan yang kaya di blog saya seperi ini :
 ..................................................................................................................................................................
text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
..................................................................................................................................................................
biar jadi seperti ini
..................................................................................................................................................................
a:hover{color:#B60000; text-decoration: none; text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;}
..................................................................................................................................................................



Catatan : ada lebih dari satu perintah hover di template, nah kamu bisa tambahin semuanya.... 

lalu simpan template kamu,ucapkanlah Alhamdulillah dan lihat blog kamu, sorot linknya
 Jadinya seperti ini loh. jelas ??.., silakan mencoba dan semoga berhasil.

Membuat Hati Bertaburan Di Blog

Mau Posting serasa badan lemes , capek , lunglai , apalagi ya ?
tapi apa boleh buat ! ini demi membuat BlogQu Rame aja. hehe.

Trus mau posting apa dunk ? oh ya ! ini ada satu trik yang membuat blog anda tampak lebih romantis .
kenapa begitu ? karena Blog anda akan di taburi hati yang indah..
yuk langsung aja buatnya ! simak baik" ya :

  1. Login ke Blogger
  2. Klik Rancangan >> Edit Html , jangan lupa centang "Expand Widget template "
  3. Lalu taruh kode di bawah ini diatas kode </body > 
<script src='http://sites.google.com/site/anasku2000/lovingheart.js'>
</script>

    Simpan template.

Membuat Drop Down Menu Otomatis di

Satu trik mempercantik blog lagi.

Sebelumnya saya sudah menulis gimana caranya membuat drop down menu yang bisa di letakkan di sembarang tempat di blog kamu, kali ini saya akan membahas gimana caranya membuat drop down menu di header.

Caranya seperti basa,


login dulu ke Blogger >> Design >> Edit HTML >> Expand Widget Template
Temukan kode </head>
Kopikan kode berikut di atas kode </head> .

<script type="text/javascript"
src="http://izoelsdropdownmenu.googlecode.com/files/izoelmenu.js">
</script>
.
Selanjutnya Cari Kode ]]></b:skin> , tambahkan kode berikut ini di atas kode ]]></b:skin>.

.chromestyle{
width: 100%;
font-weight: bold;
}

.chromestyle:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://i1191.photobucket.com/albums/z464/izoel1/chromebg2-over.png) center center repeat-x;
padding: 4px 0;
margin: 0;
text-align: center;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #B5E2FE;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
background: url(http://i1191.photobucket.com/albums/z464/izoel1/chromebg2-over.png) center center repeat-x;
}

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #B5E2FE;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA
,direction=135,strength=4);
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #B5E2FE;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{
background-color: #EBF7FF;
}
.
 
Kemudian cari struktur kode yang minimal mirip dengan struktur seperti di bawah ini

<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
.
Kalau sudah ketemu kopikan kode berikut tepat di bawah struktur di atas pada langkah sebelumnya

<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://alexander-zulkarnain.blogspot.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Menu1</a></li>
<li><a href="#" rel="dropmenu2">Menu2</a></li>
</ul>
</div>

<!--menu drop down pertama -->
<div id="dropmenu1" class="dropmenudiv">
<a href="URL sub menu1">Sub Menu1</a>
<a href="URL sub menu2">Sub Menu2</a>
<a href="URL sub menu3">Sub Menu3</a>
</div>


<!--menu drop down kedua -->
<div id="dropmenu2" class="dropmenudiv">
<a href="URL sub menu1">Sub Menu1</a>
<a href="URL sub menu2">Sub Menu2</a>
<a href="URL sub menu3">Sub Menu3</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>
.
Coba perhatikan tulisan yang berwarna hijau struktur tersebut. Tulisan "dropmenu1" dan "dropmenu2" tersebut merupakan atribut rel dari parent menu drop down yang kita buat. Pada bagian tersebut terlihat bahwa terdapat 2 menu drop down, yaitu "Menu1" dan "Menu2" (warna kuning). Jika pembaca ingin menambah menu drop down lagi misalnya "Menu3", maka buatlah juga atribut rel untuk "Menu3" tersebut misalnya "dropmenu3", setelah itu tambahkan struktur menu drop down untuk "Menu3" setelah menu drop down kedua
Perhatikan bahwa nama atribut ID untuk menu drop down ketiga harus sama dengan nama atribut rel untuk "Menu2" yaitu "dropmenu2". Begitu pula jika pembaca ingin menambah menu drop down keempat, kelima, dan seterusnya.
Langkah terakhir, simpan template kamu dan ucapkanlah alhamdulillah
Silakan mencoba

Memberi Scollbar di Widget Label



dan gimana caranya membuat Di posting sebelumnya saya sudah nulis gimana caranya memberi scrollbar di widget Blog Archievescrollbar di widget my blog list.

Kali ini saya akan kasi tau sobat gimana caranya memberi scrollbar di widget label posting, gambar skrinsutnya persis kaya di samping ini, atau kamu bisa liat di tabber label blog ini di sebelah kanan.

Fungsinya untuk menghemat tempat di blog kita, kalau misalnya label blog terlalu banyak dan memanjang ke bawah misalnya, kamu bisa memberi scrollbar sehingga bisa menghemat tempat di blog kamu dan sekaligus mempercantik tempilan blog kamu.

Syarat syarat yang harus di penuhi untuk membuatnya pastinya kamu harus punya akun google atau blogger. Saya asumsikan kamu udah bikin keduanya, langsung saja kita mulai, ikuti langkah berikut.

Masuk ke :

Blogger
Design
Edit HTML >> jangan lupa beri tanda centang di kotak expand widget template.

kemudian kamu cari susunan kode seperti berikut
<b:widget id='Label1' locked='false' title='Labels' type='Label'>

atau kamu ketik saja di kotak search  widget id='Label


Scroll ke bawah dan kamu akan lihat susunnya biasanya seperti di bawah ini, cari yang setidaknya paling mirip  !!
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>


Sekarang perhatikan kode yang berwarna merah, tambahkan perintah style='overflow:auto; height:200px' di dalamnya sehingga menjadi seperti di bawah ini
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;' style='overflow:auto; height:200px'>

Nilai tinggi scroll (height:200px) bisa kamu ganti sesuka kamu.

Selanjutnya simppan template kamu dan lihat widget label di blog kamu.

Seberapa cocok anda dan pasangan anda?

Anda ragu dengan pasangan anda? Ingin tau seberapa cocok anda dengan pasangan anda? Ketik REG spasi culun, kirim ke kantor pos terdekat. Haduh, ngapain yak ikutan yang gituan, gue aja walaupun amatiran pas liat tutorial di http://warungflash.com/2010/03/bola-ajaib/#more-4004, langsung bisa kepikiran bikin aplikasi yang gituan walaupun masih cacat, heuheu, maklum gak begitu bisa bahasa pemrograman. Nih dia aplikasi ramalan jodoh yang gue buat:



Yang gini ginian sebenernya dah gue posting di febybelajar.blogspot.com, tapi gue mau buat lagi disini. Nah, buat yang pengen nyoba langsung aja sedot file (.fla) disini buat disempurnakan lagi. Akhir kata... Dadaaaah

Trik Penulisan Di Cbox

mebuat tulisan/postingan yang menarik di Cbox yuk !
trus bagaimana cara membuatnya ? Ok. saya akan mulai mengukir dan memberikan sedikit Tips untuk membuatnya .
simak baik-baik ya ! jangan sampai anda berkedip (bercanda kok )

Cara Membuat Teks miring
letakkan kata-kata anda antara kode ini  [i]dan[/i]
contohnya seperti ini : [i]teksnya disini[/i]

Membuat Teks Bergaris bawah
letakkan kata-kata anda antara kode ini  [u]dan[/u]
contohnya seperti ini :[u]teksnya disini[/u]

Membuat Teks Bercetak Tebal
letakkan kata-kata anda antara kode ini [b]teks[/b]
contohnya seperti ini [b]teks[/b]


Membuat teks tercoret
letakkan kata-kata anda antara kode ini [s]teks[/s]
contohnya seperti ini [s]teks[/s]

Membuat Teks berukuran besar
letakkan kata-kata anda antara kode ini [big]teks[/big]
contohnya seperti ini : [big]teks[/big]



Membuat Teks berjalan (marquee)
letakkan kata-kata anda antara kode ini [scroll]teks[/scroll]
contohnya seperti ini [scroll]teks[/scroll]


Membuat Teks berwarna
contohnya seperti ini  : [color=red]teks merah[/color] hasilnya teks merah



Kode-kode warna:
[color=blue] [/color]
[color=blue] [/color]
[color=green] [/color]
[color=yellow] [/color]
[color=pink] [/color]
[color=purple] [/color]
[color=brown] [/color]
[color=bronze] [/color]
[color=orange] [/color]
[color=black] [/color]
[color=white] [/color]
[color=gold] [/color]
[color=silver] [/color]
[color=violet] [/color]
[color=hotpink] [/color]
[color=navyblue] [/color]
[color=tan] [/color]
[color=aqua] [/color]
[color=teal] [/color]
[color=lime] [/color]
Cara Membuat Teks Ber Link
contoh :  [url=http://www.tanpa-isi.blogspot.com]Blog newbie[/url]
hasilnya : blog newbie

Menghilangkan Angka pada Label

Label di blog sebenarnya berfungsi untuk membedakan kita dalam pengkatagorian artike yang satu dengan artikel lainnya yang kita posting.secara deafult label akan memunculkan angka di belakang judulnya, angka itu menunjukkan jumlah Artikel yang ada setiap laberl tersebut :

  • Contoh Label atau Kategori yang masih ada angkanya .
lalu bagaimana cara menghilangkan angka tersebut ?
  1. Masuk ke Blogger
  2. Pilih Tata Letak >> Edit Html
  3. jangan lupa centang " Expand Widget Template"
  4. Carilah kode seperti ini :
         (<data:label.count/>)  
                                                 
    5. jika sudah ketemu , hapus kode tersebut .
    6. Simpan template .

Membuat Menu Log In di Blog

biasanya kita login ke blog melalui blogger.com, tetapi kali ini ada trik yang lebih memudahkan anda untuk masuk/login ke blog tanpa harus masuk ke blogger.com.
mau tau caranya seperti apa ?

  • masuk ke akun blogger ==>Tata Letak==>Tambah Widget==>Html/javascript
  • copy paste kode dibawah Ini :




  •  Klik Simpan
Semoga bisa bermanfaat.

Membuat Daun Berjatuhan Di Blog

Di tengah malam yang dingin ini mencoba untuk menuliskan postingan . Tapi masih bingung apa yang harus di posting . kalo begitu saya posting cara memperindah blog aja deh. trik kali ini adalah membuat daun yang berjatuhan di blog . Caranya adalah :

 


<script src="http://ajurna.googlecode.com/files/daungugur1.js"></script>


Masuk ke Blog > Rancangan > Tata Letak > Tambah Widget > Html/Javascript
Lalu copy & paste kode diatas .
jangan lupa Save. Sekian dulu tutorial singkat ini . Semoga bermanfaat bagi anda.

Minggu, 06 Februari 2011

Cara Menghilangkan Judul Blog Di Header Blog


Pada Tips Blogspot Sebelumnya saya sudah menjelaskan pada sobat tentang bagaimana cara mmebuat buku tamu melayang-layang di blog .dan padatips blogspot kali ini juga saya akan menjelaskan pada sobat tentang Cara menghilankan Judul blog di header Blog.Menghilangkan judul blog di header blog bertujuan untuk memperindah background header sobat.baiklah saya akan memulai langkah demi langkah. 
Menghilankan judul blog di header blog
  1. Login Ke akun blog sobat 
  2. Pilih rancangan/tata letak dan pilih EDIT HTML
  3. centang klolm expand template widget
  4. cari kode #header h1 {
  5. Tambahkan Kode berikut sebelum tanda penutup }

visibility:hidden;display:none;
Sehingga menjadi seperti ini
    #header h1 {
    margin:50;
    padding:5px 0 0 10px;
    font-size: 100%;
    font-weight:bold;
    line-height: 1.2em;
    letter-spacing:.0em;
    font-style:italic;
    color:#FFFFFF;
    visibility:hidden;display:none;}
6.Simpan templatenya

Cara Membuat Buku Tamu Melayang layang Di blog

Pada Tips Blogspot Sebelumnya Saya Sudah Menjelaskan tentang bagaimana Cara Mengganti Tulisan Poskan Komentar pada kotak Komentar Blog.Dan Pada Tips Blogspot Kali Ini saya kan Menjelaskan Bagaimana Cara Membuat Buku Tamu Melayang-layang Di Blog.Seperti Buku tamu saya yg tadinya sya pasang di pojok kanan blog saya.dan sekarang sudah saya ubah menjadi buku tamu yg melayang-layang di blog saya.Y sudah Saya akan Memulai Langkah Langkah Membuat Buku tamu melayang-layang di blog.


  1. Login Ke akun Blog sobat
  2. Pilih rancangan/tata letak 
  3. Tambah Gadget/Add gadget dan Pilih HTML JAVA SCRIPT
  4. Masukan Kode Berikut DI dalamnya


<style type="text/css">

#topbar{
position:absolute;
border:;
padding: 2px;
background-color:;
width: 390px;
visibility: hidden;
z-index: 100;
}

</style>

<script type="text/javascript">

/***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Code via http://beben-koben.blogspot.com/
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

<div id="topbar">
<a href="" onclick="closebar(); return false"><span style="float:left">[X]close</span></a>

<div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background:BLUE; color:white; border:1px dashes yellow; -moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px; " onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">PASANG BUKU TAMU SOBAT DISINI</div>

</div></div></div>

Dan terakhir simapan

PASANG BUKU TAMU SOBAT DI TULISAN PASANG BUKU TAMU SOBAT DISINI

Cara Memberi Background Pada Judul Posting Blog


Pada Tips Mempercantik blog sebelumnya Saya Sudah Menjelaskan Tentang Bagaimana Cara Membuat teks area cantik di blog dan Pada artikel kali ini saya akn menjelaskan pada sobat tentang bagaimana Cara Memberi background Pada Judul Posting Blog.Background judul posting bertujuan untuk memperindah judul posting pada blog!..Seperti Punya Saya.
Punya saya juga saya beri background judul postig bertujuan untuk memperindah blog saya.
jika sobat ingin seperti itu mari ikuti langka-langkah berikut:


1.Login Ke akun blog sobat
2.Pilih Rancangan/Tata Letak---> Edit HTML--centang kolom expand template Widget
3.Cari Kode  ]]></b:skin>  (gunakan ctrl f atau F3 agar memudahkan pencarian)
4.Letakan Kode ini dibawahnya Dibawah
.post h3 {
margin:.25em 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipLLdpbKzkMTN4Bf0WRkuREGyWnDShGl1LKPb6I0HY49juvTOZE3FTbrCb2n-kdmcKIsHgFLp6XZLDN1yqtVMi-6wd2Ifgwji5q922ObJWz77BUsP1wkCHjVAXJcPJqQ9ns8XRO1SCvZo/s320/Untitled-1.jpg);
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
5.Simpan Templatenya Dan Lihat Hasilnya