tag:blogger.com,1999:blog-30715918036900836712024-03-19T14:34:07.292-07:00Tips Mempercantik BlogUntuk Memudahkan Kita Dalam Mengedit dan Menambah Widget ke Dalam Blognyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.comBlogger30125tag:blogger.com,1999:blog-3071591803690083671.post-79556277873920876252012-12-03T01:44:00.002-08:002012-12-03T01:46:10.726-08:00Cara Membuat Blog TerbaruMembuat blog versi baru versi 2012 agak berbeda dengan versi lama. Bagi anda yang masih awam atau istilah kerennya masih Newbie dalam
dunia blogging, pasti tentunya akan kesusahan bila Anda hendak akan
membuat sebuah blog, Nah untuk itu, kali ini saya akan berbagi sebuah
tutorial untuk anda yang sedang ingin membuat blog melalui blogger yang
saat ini paling sangat populer.
<br />
<div>
</div>
<span style="color: lime; font-weight: bold;">Membuat Email di www.gmail.com</span><br />
<div>
Yang pertaman yang harus anda lakukan untuk membuat sebuah blog adalah
Anda harus memiliki sebuah E-mail, karena ini merupakan Syarat yang
paling utama dalam membuat sebuah blog. Perlu anda ketahui, bahwa
Blogger.com saat ini dikelola oleh <a href="http://www.google.com/">Google</a>, maka, wajib hukumnya untuk memiliki akun <b>GMAIL</b> sebagai email yang akan kita gunakan untuk membuat blog diblogger.</div>
<div>
</div>
Silahkan anda buat email gratis melalui <a href="http://www.gmail.com/">www.gmail.com</a> lalu klik <b>"BUAT AKUN"</b> yang ada pada bagian pojok kanan atas atau membuat Akun di Gmail.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWapswv3pihtvWI48Cb-2osmLBVbr1zVQqeCXU98bWckBsrG5urSzSi8v1vC-XoQ5MmWyciBSQQ1jISDwXrmwh0u2awxWCjXoUpcGcrN5hPQV5UqFZVRe3WCRhmdJFaL52iW7vT7bvBc/s1600/1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkWapswv3pihtvWI48Cb-2osmLBVbr1zVQqeCXU98bWckBsrG5urSzSi8v1vC-XoQ5MmWyciBSQQ1jISDwXrmwh0u2awxWCjXoUpcGcrN5hPQV5UqFZVRe3WCRhmdJFaL52iW7vT7bvBc/s400/1.jpg" width="400" /></a></div>
<div>
</div>
<div>
Lalu isilah semua data yang ada pada from akun gmail yang akan dibuat
seperti Nama depan & Belakang, tempat tanggal lahir, password dan
lain-lain. Lengkapi semuanya.<br />
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggToA49i0XpJ0Ljwpybqw1t_kqbl7-bundOe_uoN_9QM1GIZB2FC9CRsw0pj_2F9PEmnfnLcE9P09Jt4ZunWyeEXSv2j-uWPM6YdXKjZo84dUd76pBHm3Bt11s_MYVqcBZPRuzfb-0pc8/s1600/Created+Gmail.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggToA49i0XpJ0Ljwpybqw1t_kqbl7-bundOe_uoN_9QM1GIZB2FC9CRsw0pj_2F9PEmnfnLcE9P09Jt4ZunWyeEXSv2j-uWPM6YdXKjZo84dUd76pBHm3Bt11s_MYVqcBZPRuzfb-0pc8/s400/Created+Gmail.jpg" width="400" /></a></div>
</div>
<div>
Biasanya untuk pembuatan akun email di GMAIL, kita harus melakukan
verifikasi lewat nomor handphone, jadi usahakan masukan nomor handphone
kita,untuk dikirimin sms kode verifikasi dari Google.<br />
<br />
<b><span style="color: lime;">Membuat Blog di Blogger.com</span></b></div>
</div>
Setelah selesai membuat alamat email di GMAIL sekarang saatnya untuk mendaftar di www.Blogger.com<br />
<br />
Silahkan menuju <a href="http://www.blogger.com/">www.blogger.com</a> maka
akan muncul tampilan sebagai berikut, silahkan masukkan alamat email
beserta password yang sudah anda buat tadi, Lalu Klik "<b>MASUK"</b><br />
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhiRmAsXZGx_VO7BCmWIRIT3zo2GbKhmapH7shyphenhyphenpLMa0dMqqJAKz4GvHIF6uCcj3dR0okIXv2-pxuc8PpcK3ALAecgnBbTWL-BZ3d7WvXizkJJN3HgtSzt9mFLW_CclGHusQijSuMHtQ/s1600/2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmhiRmAsXZGx_VO7BCmWIRIT3zo2GbKhmapH7shyphenhyphenpLMa0dMqqJAKz4GvHIF6uCcj3dR0okIXv2-pxuc8PpcK3ALAecgnBbTWL-BZ3d7WvXizkJJN3HgtSzt9mFLW_CclGHusQijSuMHtQ/s400/2.jpg" width="400" /></a></div>
</div>
<div>
Lalu akan muncul tampilan seperti dibawah ini :</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUnqZKfcN29mrMAdcsWsDSmkLM0QDC3PyyXnor5Of47VHjWz5xowigOgpJSZNRclT0oO4NpKcvPgM1RxBOWDgogpSsajzr94hAtk1GqN3wRpkOFK5Gl9ymodDruL-i-D3TNZcqecNkzQ/s1600/3.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzUnqZKfcN29mrMAdcsWsDSmkLM0QDC3PyyXnor5Of47VHjWz5xowigOgpJSZNRclT0oO4NpKcvPgM1RxBOWDgogpSsajzr94hAtk1GqN3wRpkOFK5Gl9ymodDruL-i-D3TNZcqecNkzQ/s400/3.jpg" width="400" /></a></div>
</div>
<div>
Pada bagian ini, Anda akan disuguhkan dengan dua pilihan opsi Profil,
yaitu profil menggunakan Google Plus, atau Profil menggunakan Profil
blogger Terbatas, silahkan anda pilih sesuai yang anda inginkan, kalau
saya sendiri disini memilih untuk menggukaan tampilan profil pada <b>"Tampilan Blogger Terbatas"</b>.</div>
<div>
</div>
<div>
Lalu setelah selesai memilih opsi profil, maka akan muncul tampilan sebagai berikut :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2JL9eQtBy-y8CXmFmKGt52Ut66trzSeI4K_Obc64jiuaBUHMH_ziEoj0JJRIm_kMcRUD2zqmFv6ftiqPnna6FJZgQWqgNI6zadBMdn9ENa-bOpdeeVpRQ-hLbdAHM7ciP9c6B4vraRlg/s1600/4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2JL9eQtBy-y8CXmFmKGt52Ut66trzSeI4K_Obc64jiuaBUHMH_ziEoj0JJRIm_kMcRUD2zqmFv6ftiqPnna6FJZgQWqgNI6zadBMdn9ENa-bOpdeeVpRQ-hLbdAHM7ciP9c6B4vraRlg/s400/4.jpg" width="400" /></a></div>
<br />
Isi dengan <b>Nama Tampilan</b> dengan nama yang sesuai dengan yang anda inginkan, setelah selesai, Klik pada "<b>Lanjutkan ke Blogger"</b>.</div>
<div>
</div>
<div>
Untuk sampai langkah disini Anda baru selesai untuk membuat akun
bloggernya, setelah ini kita lanjut ke proses selanjutnya yaitu membuat
sebuah blog di Blogger.com.</div>
<div>
</div>
<div>
<b><span style="color: lime;">Membuat Blog di Blogger.com</span></b></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6GgAN5qcptDoV4FxRXUE0f4U2qmTrBlNcvmOGtU9AvUkabxnTVLTyJNZ4UcAMj_gogyMF4ZrTktpHKDD0Ff7NhKE8mi20MA2ozq6GtDL2W-LE33hK6pMM-Bb15xR6qT578yk1p-njfIQ/s1600/5.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6GgAN5qcptDoV4FxRXUE0f4U2qmTrBlNcvmOGtU9AvUkabxnTVLTyJNZ4UcAMj_gogyMF4ZrTktpHKDD0Ff7NhKE8mi20MA2ozq6GtDL2W-LE33hK6pMM-Bb15xR6qT578yk1p-njfIQ/s400/5.jpg" width="400" /></a></div>
<b><br /></b></div>
Setelah semua langkah diatas selesai, klik <b>"Blog baru"</b> untuk
menciptakan blog. Lalu akan muncul halaman untuk memilih Judul, Alamat
Blog dan Template yang anda gunakan. Lihat gambar dibawah ini :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4t5jNVmHKbVSi2YRz0tJu6hvlm-lljwkdX_IZh0Yn-ORV8rJ3PXPA2JS4r4yFB7heCeyjlS1B2XQliGCSECIoXURb0PLV-En4Dc7Lqa1ru6MMNVeV1Yr-pV3bW7bvPchpgwUzDMqT0qE/s1600/6.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4t5jNVmHKbVSi2YRz0tJu6hvlm-lljwkdX_IZh0Yn-ORV8rJ3PXPA2JS4r4yFB7heCeyjlS1B2XQliGCSECIoXURb0PLV-En4Dc7Lqa1ru6MMNVeV1Yr-pV3bW7bvPchpgwUzDMqT0qE/s400/6.jpg" width="400" /></a></div>
<b>Judul </b><br />
-->> Digunakan sebagai Nama blog. sebagai contoh saya kasi nama : <b>Contoh Saja</b><br />
<b>Alamat</b><br />
-->> Merupakan url alamat blog, Contoh : <a href="http://masnyaman.blogspot.com/">masnyaman.blogspot.com</a><br />
<b>Template</b><br />
-->> Ada banyak template bawaan dari blogger yang tersedia, silahkan pilih sesuai dengan yang anda sukai,<br />
<div>
lalu klik <b>"Buat Blog"</b></div>
<div>
<b><br /></b></div>
<span style="color: #20124d;"><b><span style="font-size: medium;">welcome blog sudah berhasil dibuat, silahkan entri artikel</span></b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicE_Lfl3T3JRqZf9vDMu4dRytbm-t7NQ8CfiTprhLTL4_LxwfDkgRXWV40oXy4uEIYZLIGbFpUJsHeXUmrgUG1Wl6xFK_9KHzm9AaAKOTpfrT109t1g5HoYyH8OzDRbaeYdsASBcHigc/s1600/7.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicE_Lfl3T3JRqZf9vDMu4dRytbm-t7NQ8CfiTprhLTL4_LxwfDkgRXWV40oXy4uEIYZLIGbFpUJsHeXUmrgUG1Wl6xFK_9KHzm9AaAKOTpfrT109t1g5HoYyH8OzDRbaeYdsASBcHigc/s400/7.jpg" width="400" /></a></div>
Selamat untuk anda ! sampai langkah disini, kita sudah berhasil
menciptakan/membuat sebuah Blog di Blogger, akan tetapi masih
kosong/belum ada entri. Agar tidak kosong barulah kita isi dengan foto,
video, maupun artikel/tulisan tulisan curhat curhatan sesuai yang kita
inginkan.nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com36tag:blogger.com,1999:blog-3071591803690083671.post-41270765031744652952012-12-01T23:35:00.001-08:002012-12-02T00:07:53.988-08:00Cara Mengganti Template Blog Versi BaruMengganti Template Blog khususnya blogger atau blogspot versi baru agak berbeda dengan <a href="http://trik-blog-nyaman.blogspot.com/2009/04/ganti-template-blog-anda.html" target="_blank">versi lama</a>. Untuk mengganti template blog blogger teman-teman harus mendownload template blogger gratis dulu, jika belum memilikinya silakan download template blogger <a href="http://trik-nyaman.blogspot.com/" target="_blank">gratis di sini</a>.
Setelah template blogger gratis sudah didownload, silakan lihat dulu blogger template yang baru didownload tadi, apakah berkasnya berbentuk file zip/rar atau berbentuk xml (jika file blogger template sudah dalam bentuk xml silakan langsung diupload ke blogger/blogspot)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTUkhzGVD4qwQENXmOePr1H7i_krM1pnjDwuApiyAWwj9LHVYElm11ZXfeJ2hFzrcbcxAIdWB6_NIy6R_rhF0w-EGrPHlkDQRrVYr1kQDjCpCOhrMdQbvEybGdaO7bG-UONddH_D4FZ7Q/s400/blogger+template+xml.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTUkhzGVD4qwQENXmOePr1H7i_krM1pnjDwuApiyAWwj9LHVYElm11ZXfeJ2hFzrcbcxAIdWB6_NIy6R_rhF0w-EGrPHlkDQRrVYr1kQDjCpCOhrMdQbvEybGdaO7bG-UONddH_D4FZ7Q/s400/blogger+template+xml.jpg" width="400" /></a></div>
Jika template masih berbentuk Zip/Rar sialakan di Extract dulu. Caranya : klik kanan, kemudian pilih Extract Here.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBEL_r0bw3B6nRyI_m9BtSPOI4jpnr_etw9ssSvVKqKmAjpKQSYqFLt61QZzpP2jt3-zXOnlxAIRv8eLZUxC_b5cjEyIbi9vtWfH607RJ88Zv4XA903P_jsxrYDJ3uEKOqPgibr1I-NDA/s400/Extract+Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBEL_r0bw3B6nRyI_m9BtSPOI4jpnr_etw9ssSvVKqKmAjpKQSYqFLt61QZzpP2jt3-zXOnlxAIRv8eLZUxC_b5cjEyIbi9vtWfH607RJ88Zv4XA903P_jsxrYDJ3uEKOqPgibr1I-NDA/s400/Extract+Template.jpg" width="400" /></a></div>
Jika Template Blogger sudah di extract silakan upload file xml nya.
Langkah – Langkah Mengganti Template Blogspot/Blogger (Versi Terbaru)
Berikut panduan upload template blogger setelah di download dan diextract1. Login ke dashboard blogger<br />
2. Silakan pergi kebagian Template dengan cara mengklik menu Template (lihat gambar berikut)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg7qsv2pT2DnghrDv-cgoU1G-URLOENFrvXd_mmNV2CP6_RCJlCm6cytGaGvramkWu1Q2TczlpwoqIOyYMzU1uSa1VWjzrUMH11i09lebnqvWgx1n2WE08BLcrA-V47bPuUIynEIHcdBU/s400/cara+baru+mengganti+template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg7qsv2pT2DnghrDv-cgoU1G-URLOENFrvXd_mmNV2CP6_RCJlCm6cytGaGvramkWu1Q2TczlpwoqIOyYMzU1uSa1VWjzrUMH11i09lebnqvWgx1n2WE08BLcrA-V47bPuUIynEIHcdBU/s400/cara+baru+mengganti+template.jpg" width="400" /></a></div>
3. Klik tulisan Cadangkan / Pulihkan (menunya ada di sebelah kanan atas)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPOs8J98MJTiwJbAewfRABGaZfr-sjC8He2X_q9SivqS4WYot7uDXUcE7-AdjY17dY0e1nUzh5MJetISmbV2J67ghQyzsny1dFYM9IeRo1qyX-I8LdK5AxlDm0wrsi4cKA4KD-zEQvhE/s400/new+cara+mengganti+template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPOs8J98MJTiwJbAewfRABGaZfr-sjC8He2X_q9SivqS4WYot7uDXUcE7-AdjY17dY0e1nUzh5MJetISmbV2J67ghQyzsny1dFYM9IeRo1qyX-I8LdK5AxlDm0wrsi4cKA4KD-zEQvhE/s400/new+cara+mengganti+template.jpg" width="400" /></a></div>
Sebelum template diupload sebaiknya download dulu template yang sudah terpasang dengan cara mengklik tulisan Unduh Template Lengkap. Dan jika template sudah selesai di unduh/download silakan upload template yang baru.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwW8_vPzQttxnMTpKRyJwARflOxccQS4bNJr091R__xtYXoebO1Q5mGF4szSNJPyY0gf58_VeBQXVNYAyss4Xv9gQckVphhG85HfemSMs71_V0-dmYq1gln5tK_qtyVU7J50b48Vq5hA/s400/mengganti+template+blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwW8_vPzQttxnMTpKRyJwARflOxccQS4bNJr091R__xtYXoebO1Q5mGF4szSNJPyY0gf58_VeBQXVNYAyss4Xv9gQckVphhG85HfemSMs71_V0-dmYq1gln5tK_qtyVU7J50b48Vq5hA/s400/mengganti+template+blogger.jpg" width="400" /></a></div>
Tunggu proses upload sampai selesai, jika sudah selesai silakan lihat perubahan blog teman.<br />
Oh ia ... biasanya setelah template baru terpasang ada tambahan widget yang mungkin tidak kita inginkan, silakan hapus widget yang tidak di inginkan dan susun kembali penempatannya di tab Tata Letak.
Nah itulah tutorial blog : Tutorial Cara Mengganti Template Blogspot - Blogger (Versi Baru)
nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com59tag:blogger.com,1999:blog-3071591803690083671.post-59656343273960337092012-12-01T18:36:00.000-08:002012-12-02T00:01:18.123-08:00Meningkatkan peringkat AlexaAlexa adalah website yang menjadi bagian dari Amazon.com dan menyediakan informasi mengenai trafik suatu website. Alexa rank dapat dijadikan gambaran mengenai jumlah pengunjung yang mendatangi suatu blog dan terekam oleh Alexa.<br />
<br />
Banyak webmaster yang menilai, Alexa Rank kurang akurat dibandingkan PageRank milik Google. Alexa masih bisa dicheat oleh para webmaster berpengalaman. Meski demikian, saya sempat sebel melihat blog saya memiliki Alexa Rank sekitar 1,2 jutaan sekitar 1 bulan yang lalu :-).
Jika memang Alexa kurang akurat dibandingkan PageRank, lantas mengapa Alexa penting ? Jawabannya, karena ada beberapa website layanan iklan komersil yang memberikan syarat ranking Alexa dalam batasan tertentu. ReviewMe, Text Link Ads dan Sponsored Reviews adalah 3 diantaranya. Jikapun kita tidak berkeinginan menggunakan layanan iklan komersil atau tidak ingin menjadikan blog kita sebagai monetize blog, peningkatan ranking Alexa bisa dipandang sebagai upaya untuk melakukan sedikit optimasi yang bisa bermanfaat bagi kwalitas blog.<br />
<br />
Terus terang saya agak sungkan mencantumkan tips ini karena Alexa saya masih berkisar pada angka 300 ribuan, namun dilihat dari upaya untuk meningkatkan ranking, apa salahnya hal ini dishare agar bisa dimanfaatkan oleh rekan yang lain.
<span class="fullpost">
Oh ya, tips ini juga saya dedikasikan pada Oskar Syahbana yang sempat memberikan komentar pada entry "Email Konfirmasi dari ReviewMe"
Berikut adalah catatan posisi Alexa Rank sejak saya mulai melakukan beberapa pekerjaan untuk <br />
meningkatkan Alexa Rank :<br />
<br />
Tanggal Alexa Rank Kenaikan<br />
16-Apr-2007 1,205,703 75,280<br />
17-Apr-2007 1,130,423 147,315<br />
19-Apr-2007 983,108 225,152<br />
26-Apr-2007 757,956 225,015<br />
30-Apr-2007 532,941 116,857<br />
04-May-2007 416,084 36,354<br />
07-May-2007 379,730 47,685<br />
10-May-2007 332,045<br />
<br />
Untuk menaikkan posisi dari 1,2 juta menjadi posisi 300 ribuan dalam waktu kurang dari 1 bulan, langkah-langkahnya adalah sebagai berikut :<br />
<br />
1. Memasang sidebar berisi Alexa Rank Widget<br />
Tidak usah malu meski Alexa rank masih 5 jutaan misalnya. Namanya juga sedang usaha, hihihi... Kode Alexa dapat didownload dari http://www.alexa.com. Pemasangan kode pada sidebar sama seperti pemasangan kode HTML pada umumnya.<br />
<br />
2. Memasang Plugin Alexa<br />
Internet Explorer bisa menggunakan Alexa Toolbar, namun sebagian webmaster tidak mau karena ada kemungkinan Alexa Toolbar untuk Internet Explorer disusupi malware. Saya pribadi menggunakan Alexa Search Status untuk Firefox yang addonnya dapat didownload dari sini. Jangan lupa, setup alamat blog / website kita sebagai homepage utama dari browser yang kita gunakan.<br />
Jika kita menjadi admin di jaringan kantor, upaya ini akan lebih berhasil jika kita bisa secara narsis memasang website / blog kita sebagai homepage utama dan memasang pluginnya pada setiap browser. Yakin deh Alexa Rank kita bisa lebih cepat melesat.<br />
<br />
3. Gunakan Redirect pada link yang menuju pada blog kita<br />
Contoh : gunakan http://redirect.alexa.com/redirect?www.sugison.com. Ganti vavai.com dengan url website atau blog yang dimiliki. Gunakan redirect ini pada setiap kesempatan, misalnya pada signature email maupun siganture forum yang kita ikuti.
Tiga cara diatas sebenarnya sudah mampu meningkatkan posisi Alexa Rank yang kita miliki. Untuk lebih meningkatkannya lagi, kita bisa menambah beberapa optimasi sebagai berikut :<br />
<br />
- Buat posting mengenai Alexa seperti yang saya lakukan ini. Posting artikel bisa dalam bentuk materi tentang Alexa, tips-tips maupun hal lain seputar Alexa Rank.<br />
- Buat Plugin yang Memudahkan Instalasi Alexa<br />
Ini bisa menarik pengunjung untuk datang untuk mendownload plugin yang pada akhirnya akan meningkatkan posisi Alexa Rank. Mengingat plugin Alexa hanya HTML biasa, pembuatan pluginnya mestinya tidak terlalu sulit.<br />
<br />
- <b>Buat themes untuk Blog / CMS</b><br />
Ini hampir tidak pernah terpikirkan oleh orang-orang yang memberikan saran seputar Alexa Rank maupun PageRank, padahal membuat themes yang digunakan oleh banyak orang adalah cara termudah mendapatkan backlink. Silakan lihat blog / website para pembuat themes, jarang yang memiliki PageRank maupun Alexa Rank yang jelek.<br />
<b>- Tingkatkan Trafik Kunjungan</b><br />
Cara paling bagus adalah membuat artikel yang berbobot. Selain itu, bergabung dengan suatu aggregator (jika perlu, membuat aggregator sendiri, hehehe. Contoh Aggregator adalah Planet Terasi) dapat meningkatkan trafik kunjungan ke blog / website kita.<br />
<br />
- Bergabung dengan Milis / forum yang sesuai dengan Materi Blog
Mengapa mesti sesuai dengan materi ? Karena jika tidak, kemungkinan besar kita hanya berniat spam yang justru akan merugikan performance dan value dari blog / website yang kita miliki. Cara paling mudah untuk menarik minat seseorang untuk datang berkunjung adalah meninggalkan link website / blog pada bagian signature, disertai keterangan singkat mengenai isinya.</span>
nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com26tag:blogger.com,1999:blog-3071591803690083671.post-37607798896611254562012-12-01T08:19:00.000-08:002012-12-01T23:50:45.579-08:00Cara Memformat Flasdisk dengan amanFlash disk ?? apa itu Flash disk , Flash disk adalah sebuah media penyimpanan yang bersifat portable mudah digunakan dan mempunyai ukuran mini . bahkan orang yang awam dengan dunia IT sekali pun tahu apa itu Flash disk. Karena semakin banyak penggunaan Flash disk dan para pembuat virus pun menggunakan Flash disk untuk menjalankan Virus yang mereka buat.<br />
<br />
Virus yang di buat berjalan berkat autorun walau pun sekali pun anda memakai antivirus , tapi saat pertama anda memasukkan dan PC pun mendetek flash disk tersebut dan yang pertama kali muncul adalah autorun dari Flash disk tersebut . Sebab dengan adanya autorun Virus bisa langsung tereksekusi secara langsung tanpa <span class="fullpost">kita disengaja..maka ada 3 tips yang saya bias simpulkan.<br /><br /> 1.Dengan Menggunakan Software<br /> a. Software untuk menonaktifkan autorun adalah “ Tweak UI”<br /> b. Download Software tersebut </span><span class="fullpost"><span class="fullpost">Tweak UI melalui google</span><br /> c. Setelah di download buka program tersebut dan install saja software tersebut , gak susah tinggal next2 aja!!<br /> d. Buka Software tersebut -> Pilih My Computer -> Driver<br /> e. Hilangkan tanda centang pada partisi yang anda pakai , misal anda mempunyai 2 partisi ( E , C ) maka hialngkan tanda centang pada 2 partisi tersebut dan pada CD-ROM Drive<br /> f. Ok. Maka autorun akan di nonaktifkan<br /><br /><br /><br /> 2.Dengan Menu Regedit dan Gpedit<br /> a. Ketik gpedit.msc dimenu run windows xp atau 2000 profesional,pilih administrative template->system,double click Turn off Autoplay pilih enabled pilih turn off autoplay on All Drives kemudian click ok.<br /> b. HKEY_CURRENT_USER->Software->Microsoft->Windows->CurrentVersion->Policies->Explorer buat sebelah kanan DWORD value dengan nama NoDriveTypeAutoRun terus dimodify value data ff ok.<br /><br /> Dan juga silakan hapus bila ada file autorun.inf yang bila diopen ( edit dengan notepad ) ada perintah open file tertentu dan hapus pula file tsb.<br /><br /> Juga sekarang yang trend adalah folder recycler di flashdisk.<br /><br /> Sebenarnya folder recycler adalah folder system tempat recycle bin ( tempat file dihapus sementara ) tapi bila ada di flashdisk itu adalah Virus hapus aja ! Semua file tersebut dalam kondisi hidden system , untuk mengetahui kita harus pilih show file hiden dan system di folder options ( control panel ).<br /><br />3.Makin Lama Pake Windows makin banyak Virus masuk hehehe… Solusi terbaik ganti dengan LINUX. Karena linux tidak membaca sebuah virus kok pun ada tinggal hapus.<br /></span>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com27tag:blogger.com,1999:blog-3071591803690083671.post-55304533834308587322012-12-01T08:18:00.002-08:002012-12-02T00:00:33.064-08:00Submit URL Indonesia Gratis
Banyak teknik yang bisa dilakukan untuk menaikkan page rank dan trafik blog, sebelumnya saya membuat materi Mendaftarkan Blog Ke Google yang membahas cara mendaftarkan blog ke google webmaster juga teknik lain agar blog terdaftar ke google dan memudahkan pencarian di mesin pencari google. Dan materi kali ini masih seputar teknik menaikkan page rank dan trafik blog yaitu submit link blog ke Web Direktori gratis untuk mendongkrak blog bisnis.<p>
Sebetulnya materi Kumpulan Web Direktori Gratis dikhususkan untuk blog bisnishana.com sendiri, karena masih miskin trafik dan PR juga masih rendah. Tapi tidak menutup kemunkinan bermanfaat juga bagi pembaca lain.<br />
Misi kali ini masih berusaha untuk memberikan yang terbaik bagi orang lain, karena dengan memberi kita bisa mendapatkan banyak manfaat. Termasuk membuat artikel di posting. Satu teori terserah Anda mau setuju atau tidak. “Kalau blog kita ingin banyak pengunjungnya tidak perlu jago SEO, buat saja materi yang bermanfaat bagi orang lain. Pasti cepat atau lambat blog kita ramai pengunjung”.<p>
Kembali ke topik. Bagaimana cara memasukkan link blog ke Web Direktori?
Yang perlu Anda persiapkan yaitu identitas blog Anda : judul blog, url blog, deskripsi, keyword, meta deskripsi, email, kadang diperlukan juga link RSS Feed. Supaya tidak lupa simpan di note pad atau microsoft word (ini hanya saran).<br />
{Untuk mendapatkan link RSS Feed kalau belum tahu caranya buka alamat rssholder.com. Masukkan url blog, judul dan deskripsi, klik tombol create and host, dapat deh linknya}.<p>
<span class="fullpost">
Cara submit link blog ke web direktori cukup mudah, Anda buka alamat web direktori. Cari link Add URL atau Suggest URL, pilih kategori blog Anda, kemudian masukkan identitas blog Anda. Ada yang langsung menerima link blog Anda di direktori mereka, Ada juga yang harus mereview dulu. Lama upprove tergantung kebijakan web direktori tersebut.<br />
Di bawah ini list web direktori gratis yang bisa Anda gunakan:<br />
http://www.sugison.com/<br />
http://www.submitexpress.com/free-submission.html<br />
https://ssl.bing.com/webmaster/SubmitSitePage.aspx<br />
https://ecom.yahoo.com/dir/submit/intro<br />
http://www.dmoz.org<br />
http://www.freewebsubmission.com<br />
http://www.allsitecafe.com/submitter/submit.html<br />
http://www.addme.com/<br />
http://www.buildwebsite4u.com/tools/submission.shtml<br />
http://www.trafficzap.com/searchsubmit.php<br />
http://www.addpro.com/submit30.htm<br />
http://www.degreeadvantage.com/internet-marketing.html<br />
http://www.evrsoft.com/fastsubmit/myezsubmit.cgi<br />
http://www.toptrafficwholesaler.com/free_search_engine_submission.asp<br />
Web Direktori Indonesia<br />
http://direktori-indonesia.blogspot.com<br />
http://www.direktori-indonesia.org<br />
http://www.jirolu.com<br />
http://www.planet-blog.com<br />
http://www.ongsono.com<br />
http://blogdir.salingsilang.com<br />
http://dir.web.id<br />
http://indonesia-blogger.com<br />
http://www.seribusatu.com<br />
http://www.topblogindonesia.com<br />
http://www.bloglog.com/addblog<br />
Silahkan pilih sesuai dengan kategori blog Anda.<br />
</span>
nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com33tag:blogger.com,1999:blog-3071591803690083671.post-19428916385874764132009-08-13T18:03:00.000-07:002012-12-01T08:25:56.357-08:00Trik agar bisa Upload Gambar Ukuran besar di bloggerKita Ketahui blogger membatasi image atau gambar yang akan di load ke dalam blog. Trik agar bisa upload gambar ukuran besar di blogger - Dalam postring kemarin sudah di tulis bagaimana mendapatkan hosting gambar yang unlimited bandwidth, yaitu dengan memakai blogger. Namun, ada sedikit yang membuat tidak nyaman yaitu kita tidak bisa posting atau upload gambar yang ukurannya lebih dari 400 pixel, karena apabila kita upload gambar yang ukurannya lebih besar dari 400 pixel maka secara otomatis gambar tersebut akan di perkecil menjadi 400 pixel.<br />
<br />
Apakah ada trik agar bisa upload gambar ukuran besar di blogger? jawabannya ada dan terbilang sangat mudah. Penasaran? begini caranya :<br />
<br />
* Silahkan upload gambar yang berukuran lebih dari 400 pixel ke blogger.<br />
* Jika gambar sudah tampil di blog anda, klik kanan pada gambar tersebut lalu pilih Copy Image Location untuk mendapatkan alamat gambar tersebut.<br />
* Paste pada program text editor seperti "Notepad", "WordPad' atau text editor lainnya. Contoh : alamat gambar yang kang Rohman dapatkan seperti ini :<span class="fullpost"><br /><br /> https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s400/blog-aing.jpg<br /> * Perhatikan kode yang saya cetak merah, kode tersebutlah yang membatasi gambar besar yang kita upload menjadi kecil. Agar gambar bisa tampil maksimal, maka kita hanya cukup mengubah nilainya menjadi s800 ( jika gambar yang di upload kurang dari 800 pixel ) atau di ganti dengan s1600 ( jika gambar yang di upload melebihi 800 pixel ). Contoh, kodenya jadi seperti ini :<br /><br /> <span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s800/blog-aing.jpg</span><br /><br /> <span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s1600/blog-aing.jpg</span><br /><br />Mudah sekali bukan? mau bukti, silahkan klik link di bawah ini :<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s400/blog-aing.jpg"><span style="color: #33ffff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s400/blog-aing.jpg</span></a><br /><br />Coba bandingkan dengan yang ini :<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s800/blog-aing.jpg"><span style="color: #33ffff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s800/blog-aing.jpg</span></a><br /><br />Bandingkan juga dengan yang ini :<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s1600/blog-aing.jpg"><span style="color: #33ffff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZdiqhTDEkk6kCtxFCGoJ1sPcjyZ3kTeX7ECueeOwNmmMWv6Y6vM98YE7JQ4ZX8E8WHs-vrrSYBasVNmCHr_MUH3Cxc575rP37dq4l9HeJqrIF68PTzGufXRnMWU4TSaVFti5Yz2mubU0/s1600/blog-aing.jpg</span></a><br /><br />Format kode gambar di atas adalah apabila anda mengupload gambar langsung melalui post edtor blogger. Apabila anda mengupload melalui Windows Live Writer seperti yang biasa kang Rohman lakukan, maka format gambar yang di hasilkan adalah seperti ini :<br /><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiosUfyHYAKbXZMU-BqGImmAQeEXTMWHECfO2QxczkZ6GI1HJPO6h4el2mCAZR_8m8H4SQoxNzxojfINx9dLEWMYmYbPq337y4rZgDwWxzrsYheP2D-jV7xv46taC_O9fawArXHUx6BFxI/?imgmax=800<br /><br />Terlihat bahwa gambar yang di tampilkan di batasi hanya 800 pixel, agar mendapatkan gambar yang maksimal, cukup dengan mengubah angka 800 dengan angka 1600, sehingga kodenya jadi seperti ini :<br /><br />https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiosUfyHYAKbXZMU-BqGImmAQeEXTMWHECfO2QxczkZ6GI1HJPO6h4el2mCAZR_8m8H4SQoxNzxojfINx9dLEWMYmYbPq337y4rZgDwWxzrsYheP2D-jV7xv46taC_O9fawArXHUx6BFxI/?imgmax=1600<br /><br />Trik mengubah nilai pixel ini berlaku juga untuk posting gambar secara umum, anda hanya perlu masuk dulu ke edit HTML, lalu ubah kode pixelnya.<br /></span><a href="http://lh6.ggpht.com/_a_HlMR0PCIk/SoFNHWDbRcI/AAAAAAAAACs/XKIPGdujTMw/s1600-h/post%5B4%5D.jpg"><img alt="post" border="0" height="318" src="http://lh6.ggpht.com/_a_HlMR0PCIk/SoFNKGIIEOI/AAAAAAAAACw/nQDcfM5VSI8/post_thumb%5B2%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="post" width="546" /></a><br />
<span class="fullpost"><br />Ternyata kita bisa upload gambar dalam ukuran besar ke blogger bukan?<br /></span>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com4tag:blogger.com,1999:blog-3071591803690083671.post-92127548585822242562009-05-20T00:26:00.000-07:002009-05-20T00:34:08.623-07:00Membuat Kotak Pesan DiblogKotak 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 <a href="http://www.shoutmix.com/">Shoutmix</a> . Caranya adalah sebagai berikut :<br /><br /><span class="fullpost">1. Buka situs <a href="http://www.shoutmix.com/">Shoutmix</a> Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.<br />2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol <span style="font-weight: bold;">Continue</span><br />3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link<span style="font-weight: bold;"> Go to My Control Panel Now</span><br />4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya <span style="font-weight: bold;">Style & Color, Date & Time</span>, dan lain-lain.<br />5. Jika sudah selesai klik menu <span style="font-weight: bold; color: rgb(255, 0, 0);">Get Codes</span><br />6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "<span style="font-weight: bold;">Place Shoutbox on Webpage</span>"<br />7. Atur lebar dan tinggi shoutbox di kolom widht dan hight<br />8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"<br />9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements<br />11. Tambahkan element HTML/Javascript.<br />12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.<br />13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa</span>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com3tag:blogger.com,1999:blog-3071591803690083671.post-56207822257077586572009-05-19T21:01:00.000-07:002009-05-20T00:04:21.763-07:00Membuat Gambar Melayang di PojokBerikut ini saya Mencoba ngebahas gimana cara membuat gambar yang selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari <a href="http://masnyamanjuga.blogspot.com/">klik disini</a> untuk melihatnya (pojok kiri bawah). <span class="fullpost">Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:<br /><br />1. Login ke blogger trus klik "<span style="font-weight: bold;">Layout </span>-->> <span style="font-weight: bold;">Edit HTML</span><br />2. Cari kode ini <span style="color: rgb(255, 0, 0);">]]></b:</span><span style="color: rgb(255, 0, 0);">skin</span><span style="color: rgb(255, 0, 0);">></span> kalo dah ketemu taru kode berikut ini di atasnya.<br /><br /><span style="color: rgb(255, 0, 0);">#trik_pojok {</span><br /><span style="color: rgb(255, 0, 0);">position:fixed;_position:absolute;bottom:0px; left:0px;</span><br /><span style="color: rgb(255, 0, 0);">clip:inherit;</span><br /><span style="color: rgb(255, 0, 0);">_top:expression(document.documentElement.scrollTop+</span><br /><span style="color: rgb(255, 0, 0);">document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }</span><br /><br />3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".<br />4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode<span style="color: rgb(255, 0, 0);"> </</span><span style="color: rgb(255, 0, 0);">body</span></span><span style="color: rgb(255, 0, 0);">></span><span class="fullpost"><br /><br /><span style="color: rgb(255, 0, 0);"><div id="trik_pojok"></span><br /><span style="color: rgb(255, 0, 0);"><a href="<span style="color: rgb(255, 255, 0);">http://trik-nyaman.blogspot.com</span>"></span><br /><span style="color: rgb(255, 0, 0);"><img src="<span style="color: rgb(255, 255, 51);">http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif</span>" border="0" /></a></span><br /><span style="color: rgb(255, 0, 0);"></div></span><br /><br />"<span style="color: rgb(255, 255, 51);">http://trik-nyaman.blogspot.com</span>" adalah link. ganti dengan link kamu.<br />"<span style="color: rgb(255, 255, 51);">http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif</span>" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.<br /><br />5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.<br />6. Simpan hasil kerja kamu dan lihat hasilnya.</span>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com9tag:blogger.com,1999:blog-3071591803690083671.post-78122772256191537652009-05-19T20:24:00.000-07:002009-05-19T20:38:28.457-07:00Text Berjalan di Bar menuTeman 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.<br /><br />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.<br /><br /><font class="fullpost">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.<br /><br />Untuk template klasik silahkan ikuti langkah-langkah berikut ini :<br /><br />1. Sign in di blogger dengan id sobat<br />2. Klik menu <font style="font-weight: bold;">Template</font><br />3. klik menu <font style="font-weight: bold;">Edit HTML</font><br /><br />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<br /><br />Copy kode berikut ini lalu paste di atas kode </<font style="color: rgb(255, 0, 0);">head</font>><br /><br /><font style="color: rgb(255, 0, 0);"><script language='javascript'></font><br /><font style="color: rgb(255, 0, 0);">message = "<span style="color: rgb(255, 255, 51);">Tulis text pertama yang ingin muncul disini </span>^" +</font><br /><font style="color: rgb(255, 0, 0);">"<span style="color: rgb(255, 255, 51);">Tulis text kedua disini </span>^" +</font><br /><font style="color: rgb(255, 0, 0);">"<span style="color: rgb(255, 255, 51);">Tulis text ketiga disini </span>^" +</font><br /><font style="color: rgb(255, 0, 0);">"<span style="color: rgb(255, 255, 51);">Tulis text keempat disini</span> ^"</font><br /><br /><font style="color: rgb(255, 0, 0);">scrollSpeed = 130</font><br /><font style="color: rgb(255, 0, 0);">lineDelay = 0</font><br /><br /><font style="color: rgb(255, 0, 0);">// Do not change the text below //</font><br /><br /><font style="color: rgb(255, 0, 0);">txt = ""</font><br /><br /><font style="color: rgb(255, 0, 0);">function scrollText(pos) {</font><br /><font style="color: rgb(255, 0, 0);">if (message.charAt(pos) != '^') {</font><br /><font style="color: rgb(255, 0, 0);">txt = txt + message.charAt(pos)</font><br /><font style="color: rgb(255, 0, 0);">status = txt</font><br /><font style="color: rgb(255, 0, 0);">pauze = scrollSpeed</font><br /><font style="color: rgb(255, 0, 0);">}</font><br /><font style="color: rgb(255, 0, 0);">else {</font><br /><font style="color: rgb(255, 0, 0);">pauze = lineDelay</font><br /><font style="color: rgb(255, 0, 0);">txt = ""</font><br /><font style="color: rgb(255, 0, 0);">if (pos == message.length-1) pos = -1</font><br /><font style="color: rgb(255, 0, 0);">}</font><br /><font style="color: rgb(255, 0, 0);">pos++</font><br /><font style="color: rgb(255, 0, 0);">setTimeout("scrollText('"+pos+"')",pauze)</font><br /><font style="color: rgb(255, 0, 0);">}</font><br /><font style="color: rgb(255, 0, 0);">scrollText(0)</font><br /><font style="color: rgb(255, 0, 0);"></script></font><br /><br />6. Klik tombol <font style="font-weight: bold;">Save Template Changes</font><br />7. Selesai.<br /><br />Cara ke dua ini untuk template baru silahkan ikuti langkah-langkah berikut ini :<br /><br />1. Sign in di blogger<br /><br />2. Klik menu <span style="font-weight: bold;">Layout</span><br /><br />3. Klik menu <span style="font-weight: bold;">Edit HTML</span><br />4. Klik tulisan Download Full Template, lalu save data tersebut.<br />Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template<br />5. Klik kotak kecil di samping tulisan <span style="font-weight: bold;">Expand Widget Templates</span> untuk<br />memberi tanda centang.<br />Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates<br />6. Tunggu beberapa saat sampai proses selesai<br /><br />7. Simpan kode berikut di bawah kode </<font style="color: rgb(255, 0, 0);">body</font>> , kode ini letaknya berada paling bawah<br />sebelum kode </<font style="color: rgb(255, 0, 0);">html</font>><br /><br /><font style="color: rgb(255, 0, 0);"><script language='javascript'></font><br /><font style="color: rgb(255, 0, 0);">message = "<span style="color: rgb(255, 255, 51);">Tulis text pertama yang ingin muncul disini </span>^" +</font><br /><font style="color: rgb(255, 0, 0);">"<span style="color: rgb(255, 255, 0);">Tulis text kedua disini</span> ^" +</font><br /><font style="color: rgb(255, 0, 0);">"<span style="color: rgb(255, 255, 51);">Tulis text ketiga disini</span> ^" +</font><br /><font style="color: rgb(255, 0, 0);">"<span style="color: rgb(255, 255, 51);">Tulis text keempat disini</span> ^"</font><br /><br /><font style="color: rgb(255, 0, 0);">scrollSpeed = 130</font><br /><font style="color: rgb(255, 0, 0);">lineDelay = 0</font><br /><br /><font style="color: rgb(255, 0, 0);">// Do not change the text below //</font><br /><br /><font style="color: rgb(255, 0, 0);">txt = ""</font><br /><br /><font style="color: rgb(255, 0, 0);">function scrollText(pos) {</font><br /><font style="color: rgb(255, 0, 0);">if (message.charAt(pos) != '^') {</font><br /><font style="color: rgb(255, 0, 0);">txt = txt + message.charAt(pos)</font><br /><font style="color: rgb(255, 0, 0);">status = txt</font><br /><font style="color: rgb(255, 0, 0);">pauze = scrollSpeed</font><br /><font style="color: rgb(255, 0, 0);">}</font><br /><font style="color: rgb(255, 0, 0);">else {</font><br /><font style="color: rgb(255, 0, 0);">pauze = lineDelay</font><br /><font style="color: rgb(255, 0, 0);">txt = ""</font><br /><font style="color: rgb(255, 0, 0);">if (pos == message.length-1) pos = -1</font><br /><font style="color: rgb(255, 0, 0);">}</font><br /><font style="color: rgb(255, 0, 0);">pos++</font><br /><font style="color: rgb(255, 0, 0);">setTimeout("scrollText('"+pos+"')",pauze)</font><br /><font style="color: rgb(255, 0, 0);">}</font><br /><font style="color: rgb(255, 0, 0);">scrollText(0)</font><br /><font style="color: rgb(255, 0, 0);"></script></font><br /><br /><br />8. Klik tombol <span style="font-weight: bold;">SAVE TEMPLATE</span><br /><br />9. Selesai<br /><br />sedikit CATATAN, pada kode diatas ada tulisan yang saya buat <span style="color: rgb(255, 255, 51);">kuning</span> , 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.<br />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.</font>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com4tag:blogger.com,1999:blog-3071591803690083671.post-39581030260617730642009-04-24T22:08:00.000-07:002009-04-24T22:19:45.252-07:00Menyimpan Data di Internet<div style="text-align: justify;">Dari pada susah-susah bawa flashdisk kemana mana, belum lagi pas apes flashdisk lupa terbawa pasti kita akan pusing tujuh keliling tidak dapat mengambil data yang sangat kita butuhkan, sekarang ada cara yang lebih gampang untuk menyimpan data kita, pertama kita simpan data kita di flashdisk dan yang kedua untuk antisipasi bila ternyata kita lupa membawa flashdisknya, kita simpan data kita di internet. nah silahkan register <a href="http://www.ziddu.com/register.php?referralid=%28y%5DL+G%7D:NX%5D">disini </a><span class="fullpost">lalu upload file anda lalu anda sudah bisa download dari mana saja tidak perlu pusing mikirin fashdisk. anda juga dapat memanfaatkan linknya bisa di letakan di blog atau web anda, jadi jika orang lain mau download tinggal buka blog atau web anda</span><br /><br /><br /></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com2tag:blogger.com,1999:blog-3071591803690083671.post-34154693939655477572009-04-15T02:25:00.000-07:002009-04-15T02:39:53.472-07:00Memasang Gambar di Header Blog<div style="text-align: justify;">Kadang kala template standar dari blogger.com tidak menyertakan fasilitas Add Widged pada bagian headernya sehingga kita kesulitan untuk memasang gambar atau widged lainya di bagian atas blog atau biasa di sebut Header. kalau masih bingung tentang Header, itu tuh yang ada tulisan judul blog dan deskripsi tentang blog, contohnya kalau punya saya di bagian yang ada tulisanya Tips Mempercantik Blog.<br /><br /><span class="fullpost">Nah begini caranya pertama cari kode berikut ini:<br /><br /><span style="color: rgb(255, 0, 0);"><div id='header-wrapper'></span><br /><span style="color: rgb(255, 0, 0);"><b:section class='header' id='header' <span style="color: rgb(255, 255, 102);">maxwidgets</span>='1' showaddelement='<span style="color: rgb(102, 255, 255);">no</span>'></span><br /><span style="color: rgb(255, 0, 0);"><b:widget id='Header1' locked='<span style="color: rgb(102, 255, 255);">true</span>' title='YOUR LIKE (Header)' type='Header'/></span><br /><span style="color: rgb(255, 0, 0);"></b:section></span><br /><span style="color: rgb(255, 0, 0);"></div><br /><br /></span>Ganti kode yang berwarna biru sehingga menjadi seperti ini:<br /><br /><span style="color: rgb(255, 0, 0);"><div id='header-wrapper'></span><br /><span style="color: rgb(255, 0, 0);"><b:section class='header' id='header' <span style="color: rgb(255, 255, 102);">maxwidgets</span>='<span style="color: rgb(102, 255, 255);">2</span>' showaddelement='<span style="color: rgb(102, 255, 255);">yes</span>'></span><br /><span style="color: rgb(255, 0, 0);"><b:widget id='Header1' locked='<span style="color: rgb(102, 255, 255);">false</span>' title='YOUR LIKE (Header)' type='Header'/></span><br /><span style="color: rgb(255, 0, 0);"></b:section></span><br /><span style="color: rgb(255, 0, 0);"></div><br /><br /></span>Setelah itu simpan. Untuk <span style="color: rgb(255, 0, 0);"><span style="color: rgb(255, 255, 0);">maxwidgets</span> </span>nya juga bisa anda ganti menjadi dua atau lebih Widged nya, nah setelah itu seperti biasa masuk ke <span style="font-weight: bold;">Tata Letak</span>---><span style="font-weight: bold;">Add Gadged</span>---><span style="font-weight: bold;">HTML/javascript</span> anda posting dahulu gambar di </span><a href="http://www.photobucket.com"><span class="fullpost">www.photobucket.com</span></a><span class="fullpost"> lalu copy HTML code nya, lalu paste di </span><span class="fullpost"><span style="font-weight: bold;">HTML/javascript</span> pada bagian content.</span><span class="fullpost"> atau bisa juga anda langsung upload foto dari komputer anda, caranya masuk ke </span><span class="fullpost"><span style="font-weight: bold;">Tata Letak</span>---><span style="font-weight: bold;">Add Gadged</span>---><span style="font-weight: bold;">Gambar</span> lalu upload gambar anda yang ada di komputer anda oke deh, </span><span class="fullpost">selamat mencoba.</span><br /><span class="fullpost"><br /><br /><span style="color: rgb(255, 0, 0);"><br /></span><br /><br /><br /><br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-12565589529806272752009-04-12T23:24:00.000-07:002009-04-12T23:29:45.652-07:00Cara Menampilkan Google Translate<div style="text-align: justify;">Ingin supaya blog anda dapat dibaca para blogger mania di seluruh penjuru dunia, gunakan aja Google Translate. program pintar ini mampu meterjemahkan blog anda ke dalam tiga puluh empat bahasa, hebat bukan... belum tahu apa itu google translate kalau mau tau seperti ini gambarnya:<br /><br /><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script><br /><span class="fullpost">Anda dapat memasang Google Translate ini di blog anda, caranya :<br /><br /><ol><li> Klik gambar Google Translate di atas, kalo sudah masuk ke sini,</li><li>Pilih <span style="font-weight: bold; color: rgb(102, 255, 255);">Tools</span>, kemudian</li><li>Pilih bahasa yang anda gunakan di blog anda, misalnya pilih <span style="font-weight: bold; color: rgb(51, 255, 255);">Indonesia</span></li><li>Copy kode yang berada di bawah tulisan "<span style="font-weight: bold; color: rgb(102, 255, 255);">Copy and paste the HTML below to include the gadget on your webpage.</span>" kemudian paste di <span style="font-weight: bold; color: rgb(102, 255, 255);">Tata Letak</span> --> <span style="font-weight: bold; color: rgb(102, 255, 255);">Add Gadget </span>--> <span style="font-weight: bold; color: rgb(102, 255, 255);">HTML/javasript </span>terus paste kode tersebut di kolom konten</li><li>Simpan.</li></ol></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-65431273685158426362009-04-10T22:19:00.000-07:002012-12-01T08:08:03.681-08:00Membuat Read More Otomatis di Blog<div style="text-align: justify;">
Tutorial kali ini membahas bagaimana caranya membuat Read more secara otomatis. Selain read morenya muncul secara otomatis hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih baik saya sebut saja dengan fasilitas image thumbnail.<br />
<br />
<span class="fullpost">Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada dua pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image.<br /><br /><span style="color: red; font-weight: bold;">Penting</span>! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna biru dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)<br /><br /><span style="color: red;"><div class='post-header-line-1'/></span><br /><span style="color: red;"><div class='post-body'></span><br /><span style="color: #66ffff;"><b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: #66ffff;"><style>.fullpost{display:inline;}</style></span><br /><span style="color: #66ffff;"><p><data:post.body/></p></span><br /><span style="color: #66ffff;"><b:else/></span><br /><span style="color: red;"><style>.fullpost{display:none;}</style></span><br /><span style="color: red;"><p><data:post.body/></p></span><br /><span style="color: #66ffff;"><a expr:href='data:post.url'>Readmore</a></span><br /><span style="color: #66ffff;"></b:if></span><br /><span style="color: red;"><div style='clear: both;'/></span><br /><br />Kalo sudah tinggal lanjutkan dengan tutorial dibawah.<br /><br />Pertama, silahkan tuju langsung ke halaman <span style="font-weight: bold;">EDIT HTML</span>, Cari kode <span style="color: red;"></head></span> kemudian letakan script dibawah ini di atas kode <span style="color: red;"></head></span> Kalo sudah, jangan lupa di simpan terlebih dahulu.<br /><br />Langsung copy paste aja kode dibawah ini:<br /><br /><span style="color: red;"><script type='text/javascript'></span><br /><span style="color: red;">var thumbnail_mode = "float" ;</span><br /><span style="color: red;">summary_noimg = 250;</span><br /><span style="color: red;">summary_img = 250;</span><br /><span style="color: red;">img_thumb_height = 120;</span><br /><span style="color: red;">img_thumb_width = 120;</span><br /><span style="color: red;"></script></span><br /><br /><br /><span style="color: red;"><script type='text/javascript'></span><br /><span style="color: red;">//<![CDATA[</span><br /><span style="color: red;">/******************************************</span><br /><span style="color: red;">Auto-readmore link script, version 2.0 (for blogspot)</span><br /><br /><span style="color: red;">(C)2008 by Anhvo</span><br /><br /><span style="color: red;">visit http://en.vietwebguide.com to get more cool hacks</span><br /><span style="color: red;">********************************************/</span><br /><span style="color: red;">function removeHtmlTag(strx,chop){</span><br /><span style="color: red;">if(strx.indexOf("<")!=-1)</span><br /><span style="color: red;">{</span><br /><span style="color: red;">var s = strx.split("<");</span><br /><span style="color: red;">for(var i=0;i<s.length;i++){</span><br /><span style="color: red;">if(s[i].indexOf(">")!=-1){</span><br /><span style="color: red;">s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);</span><br /><span style="color: red;">}</span><br /><span style="color: red;">}</span><br /><span style="color: red;">strx = s.join("");</span><br /><span style="color: red;">}</span><br /><span style="color: red;">chop = (chop < strx.length-1) ? chop : strx.length-2;</span><br /><span style="color: red;">while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;</span><br /><span style="color: red;">strx = strx.substring(0,chop-1);</span><br /><span style="color: red;">return strx+'...';</span><br /><span style="color: red;">}</span><br /><br /><span style="color: red;">function createSummaryAndThumb(pID){</span><br /><span style="color: red;">var div = document.getElementById(pID);</span><br /><span style="color: red;">var imgtag = "";</span><br /><span style="color: red;">var img = div.getElementsByTagName("img");</span><br /><span style="color: red;">var summ = summary_noimg;</span><br /><span style="color: red;">if(img.length>=1) {</span><br /><span style="color: red;">imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';</span><br /><span style="color: red;">summ = summary_img;</span><br /><span style="color: red;">}</span><br /><br /><span style="color: red;">var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';</span><br /><span style="color: red;">div.innerHTML = summary;</span><br /><span style="color: red;">}</span><br /><span style="color: red;">//]]></span><br /><span style="color: red;"></script></span><br /><br /><span style="color: red;">Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah</span><br /><br /><span style="color: red;"><data:post.body/></span><br /><br /><span style="color: red;">Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini</span><br /><br /><span style="color: red;">b:if cond='data:blog.pageType != "item"'></span><br /><span style="color: red;"><div expr:id='"summary" + data:post.id'><data:post.body/></div></span><br /><span style="color: red;"><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script></span><br /><span style="color: red;"><span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span></span><br /><span style="color: red;"></b:if></span><br /><span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></span><br /><br />ilahkan disimpan dan lihat hasilnya :<br /><br />Keterangan:<br /><br /><span style="font-weight: bold;">var thumbnail_mode</span> = <span style="font-weight: bold;">"float"; </span> (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (<span style="font-weight: bold;">no-float</span>)<br /><span style="font-weight: bold;">summary_noimg = 250;</span> (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)<br /><span style="font-weight: bold;">summary_img = 250; </span>(Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)<br /><span style="font-weight: bold;">img_thumb_height = 120;</span> (Thumbnail 'tinggi dalam piksel)<br /><span style="font-weight: bold;">img_thumb_width = 120; </span>(Thumbnail 'lebar dalam piksel)<br /></span></div>
nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-87228063350651708002009-04-10T19:16:00.000-07:002009-04-10T19:52:10.005-07:00Membuat Menu Drop down dengan CSS<div style="text-align: justify;">Bagi anda yang ingin memasang tab menu di bagian headernya, saya sarankan untuk memasang menu drop down ini di blognya. <a href="http://masnyaman.blogspot.com/">Seperti ini </a>contohnya.Bagaimana cara untuk membuat menu drop down ini? tentu saja banyak cara untuk membuatnya, namun dalam kesempatan ini saya akan menuliskan dengan dua langkah. beginilah caranya :<br /><span class="fullpost"><br />A. Langkah pertama :<br /><br />1. Login ke blogger dengan ID anda<br />2. Setelah berada pada halaman dashboard, klik Layout.<br />3. Kemudian klik tab edit HTML.<br />4. aya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.<br />5. Silahkan lihat ke kode template anda, dan temukan kode berikut : <span style="color: rgb(255, 0, 0);">]]></b:skin></span><br />6. Copy kode di bawah ini, lalu paste di atas kode : <span style="color: rgb(255, 0, 0);">]]></b:skin></span><br /><br /><span style="color: rgb(255, 0, 0);">/* ================================================================</span><br /><span style="color: rgb(255, 0, 0);">This copyright notice must be untouched at all times.</span><br /><br /><span style="color: rgb(255, 0, 0);">The original version of this stylesheet and the associated (x)html</span><br /><span style="color: rgb(255, 0, 0);">is available at http://www.cssplay.co.uk/menus/drop_definition2.html</span><br /><span style="color: rgb(255, 0, 0);">Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.</span><br /><span style="color: rgb(255, 0, 0);">This stylesheet and the assocaited (x)html may be modified in any</span><br /><span style="color: rgb(255, 0, 0);">way to fit your requirements.</span><br /><span style="color: rgb(255, 0, 0);">=================================================================== */</span><br /><span style="color: rgb(255, 0, 0);">#menu {list-style-type:none; margin:5px; padding:0;}</span><br /><span style="color: rgb(255, 0, 0);">#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;}</span><br /><span style="color: rgb(255, 0, 0);">#menu li dl {position:absolute; top:0; left:0;padding-bottom:5px;}</span><br /><span style="color: rgb(255, 0, 0);">#menu li a, #menu li a:visited {text-decoration:none;}</span><br /><span style="color: rgb(255, 0, 0);">#menu li dd {display:none;}</span><br /><span style="color: rgb(255, 0, 0);">#menu li a:hover {border:0;}</span><br /><span style="color: rgb(255, 0, 0);">#menu li:hover dd, #menu li a:hover dd {display:block;}</span><br /><span style="color: rgb(255, 0, 0);">#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}</span><br /><span style="color: rgb(255, 0, 0);">#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}</span><br /><span style="color: rgb(255, 0, 0);">#menu dl {width: 150px; margin: 0; padding: 0; background: #c9ba65;}</span><br /><span style="color: rgb(255, 0, 0);">#menu dt {margin:0; padding: 5px 5px 5px 20px; font-size: 1.1em; color: #fff; border-bottom:1px solid #fff; border-top:1px solid #fff;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .one {background: #827b6b; border-top:5px solid #dca;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .two {background: #646e4c; border-top:5px solid #bb9;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .three {background: #a4a88d; border-top:5px solid #eec;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .four {background: #a29f68; border-top:5px solid #f8f8b8;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .one dt {background: #b2ab9b;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .two dt {background: #949e7c;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .three dt {background: #d4d8bd;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .four dt {background: #e2dfa8;}</span><br /><span style="color: rgb(255, 0, 0);">#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .one dd {border-bottom:1px solid #aaa;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .two dd {border-bottom:1px solid #e8e8e8;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .three dd {border-bottom:1px solid #eee;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .four dd {border-bottom:1px solid #999;}</span><br /><span style="color: rgb(255, 0, 0);">#menu dd.last {border-bottom:1px solid #fff;}</span><br /><span style="color: rgb(255, 0, 0);">#menu dt a, #menu dt a:visited {display:block; color:#444;}</span><br /><span style="color: rgb(255, 0, 0);">#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:125px;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .one dd a {background:#949e7c; color:#eee;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .two dd a {background:#d4d8bd; color:#346;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .three dd a {background:#e2dfa8; color:#654;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .four dd a {background:#b2ab9b; color:#ff8;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .one dd a:hover {background: #b2ab9b; color:#345;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .two dd a:hover {background: #949e7c; color:#543;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .three dd a:hover {background: #d4d8bd; color:#123;}</span><br /><span style="color: rgb(255, 0, 0);">#menu .four dd a:hover {background: #e2dfa8; color:#534;}</span><br /><br />7. Silahkan lihat ke bagian bawah lagi, lalu temukan kode seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);"><b:section class='header' id='header' maxwidgets='<span style="color: rgb(102, 255, 255);">1</span>' showaddelement='<span style="color: rgb(102, 255, 255);">no</span>'></span><br /><span style="color: rgb(255, 0, 0);"><b:widget id='Header1' locked='<span style="color: rgb(102, 255, 255);">true</span>' title='your blog title (Header)' type='Header'/></span><br /><span style="color: rgb(255, 0, 0);"></b:section></span><br /><br />8. Ubahlah kode yang saya cetak biru terang, sehingga kodenya menjadi seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);"><b:section class='header' id='header' maxwidgets='<span style="color: rgb(102, 255, 255);">2</span>' showaddelement='<span style="color: rgb(102, 255, 255);">yes</span>'></span><br /><span style="color: rgb(255, 0, 0);"><b:widget id='Header1' locked='<span style="color: rgb(102, 255, 255);">false</span>' title='your blog title (Header)' type='Header'/></span><br /><span style="color: rgb(255, 0, 0);"></b:section></span><br /><br />Klik tombol Simpan Template. Tunggu beberapa saat sampai template anda selesai di simpan.<br /><br />B. Langkah kedua :<br /><br />Klik pada tab elemen Halaman yang berada di bagian Header. Perhatikan gambar gambar Page Element berikut ini<br /><br /></span><span class="fullpost"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSjSDlU4HkgP0ZiwJ6VL14nKoY8C6JXlA_C2DL77Wxo-g57iyDGAhzg0MqPHYZIdV9nAfFAvb2zNO_K9u-alEmgukD_MGYgtHi0WRzKqYPuddz17aHHvzagvcf3stqJ2vBNMkra7gAJ018/s400/Page-elements.jpg" alt="page element" id="BLOGGER_PHOTO_ID_5137573441433192530" border="0" /></span><br /><span class="fullpost"><br />Klik pada Tambahkan sebuah Elemen halaman yang berada di atas elemen header. Perhatikan gambar berikut ini:<br /></span><span class="fullpost"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX9JArZqP5ftt6QIE0cIUeyEKvlyqSPHUOtuCUFz-gpOJdUD0wXvn5qGKlf5QEIkIBLIhUQ9pi54ynolQopPeVrGr3yJN1-VkRAIaqy_x9htlJ-N2XIHPmgHqGN3JMIvm1tx9O5ZsxFAWN/s400/add-a-element.jpg" alt="add a page element" id="BLOGGER_PHOTO_ID_5137573437138225218" border="0" /></span><br /><span class="fullpost"><br />Setelah window pop up muncul, klik tombol Tambahkan ke blog untuk HTML/JavaScript.:<br />Copy kemudian paste kode di bawah ini pada elemen yang muncul tadi :<br /><br /><span style="color: rgb(255, 0, 0);"><ul id="menu"><!-- drop down menu start --></span><br /><span style="color: rgb(255, 0, 0);"><li></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br /><span style="color: rgb(255, 0, 0);"><dl class="one"></span><br /><span style="color: rgb(255, 0, 0);"><!-- Alter the links with your own --></span><br /><span style="color: rgb(255, 0, 0);"><dt><a href="../menu/index.html">DEMOS</a></dt></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd class="last"><a href="../menu/em_images.html" title="em size images compared">em sized images</a></dd></span><br /><span style="color: rgb(255, 0, 0);"></dl></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br /><span style="color: rgb(255, 0, 0);"></li></span><br /><span style="color: rgb(255, 0, 0);"><li></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br /><span style="color: rgb(255, 0, 0);"><dl class="two"></span><br /><span style="color: rgb(255, 0, 0);"><dt><a href="index.html">MENUS</a></dt></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="cross.html" title="non-rectangular links">non-rectangular links</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd class="last"><a href="circles.html" title="circular links">circular links</a></dd></span><br /><span style="color: rgb(255, 0, 0);"></dl></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br /><br /><span style="color: rgb(255, 0, 0);"></li></span><br /><span style="color: rgb(255, 0, 0);"><li></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br /><span style="color: rgb(255, 0, 0);"><dl class="three"></span><br /><span style="color: rgb(255, 0, 0);"><dt><a href="../layouts/index.html">LAYOUTS</a></dt></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd class="last"><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd></span><br /><span style="color: rgb(255, 0, 0);"></dl></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br /><span style="color: rgb(255, 0, 0);"></li></span><br /><span style="color: rgb(255, 0, 0);"><li></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br /><span style="color: rgb(255, 0, 0);"><dl class="four"></span><br /><span style="color: rgb(255, 0, 0);"><dt><a href="../mozilla/index.html">MOZILLA</a></dt></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../mozilla/content.html" title="Using content:">content:</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue made using border art</a></dd></span><br /><span style="color: rgb(255, 0, 0);"><dd class="last"><a href="../mozilla/target.html" title="Target Practise">target practise</a></dd></span><br /><span style="color: rgb(255, 0, 0);"></dl></span><br /><span style="color: rgb(255, 0, 0);"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br /><br /><span style="color: rgb(255, 0, 0);"></li></span><br /><span style="color: rgb(255, 0, 0);"></ul><!-- end of drop down menu --></span><br /><br />5. Klik tombol Simpan Template<br />6. Selesai.<br /><br />Catatan : Jika template anda tidak ada element <span style="color: rgb(102, 255, 255); font-weight: bold;">add Page Element </span>pada bagian header, anda dapat download Template <a href="http://trik-nyaman.blogspot.com/2009/03/guitar-template.html">berikut ini</a> yang menggunakan add Page Elememt pada bagian headernya<br /><br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com2tag:blogger.com,1999:blog-3071591803690083671.post-79903713141088518412009-04-08T05:26:00.000-07:002009-04-08T22:09:55.075-07:00Menampilkan Seluruh Judul Postingan di Blog<div style="text-align: justify;">Buat anda yang ingin menampilkan seluruh judul postingan di Blog anda atau yang sering disebut dengan Daftar isi, maka cara berikut bisa anda lakukan. Tetapi jika anda masih belum paham maksud tulisan saya, maka lihat dulu gambar berikut, atau bisa juga lihat contohnya di samping kanan atas blog saya ini:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifJ6Do1wlIg1E9CzTKhOxpL50ZhTbG67fr08C2StF44zTnbtX9s9_Hu6QBhXmx-fSZRNGKF9Yay-czFnK3DY36eS8tvwRD7EAoVWnkyzgHptaYWWUPl_a9IrwvwbfnSQVpsNVOuyZSWoA/s1600-h/daftarisi.jpg"><img style="cursor: pointer; width: 195px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifJ6Do1wlIg1E9CzTKhOxpL50ZhTbG67fr08C2StF44zTnbtX9s9_Hu6QBhXmx-fSZRNGKF9Yay-czFnK3DY36eS8tvwRD7EAoVWnkyzgHptaYWWUPl_a9IrwvwbfnSQVpsNVOuyZSWoA/s320/daftarisi.jpg" alt="" id="BLOGGER_PHOTO_ID_5315930945983892146" border="0" /></a><br /><br /><span class="fullpost">sudah paham akan bikin apa sekarang. Jika sudah paham langsung saja copy dan paste kode berikut di <span style="font-weight: bold;">Kustomisasi</span> ---> <span style="font-weight: bold;">Tata Letak</span> ---> <span style="font-weight: bold;">Tambah Gadget</span> ---><span style="font-weight: bold;">HTML/JavaScript</span> dan paste pada bagian <span style="font-weight: bold;">Conten</span>t.<br /><br /><span style="color: rgb(255, 0, 0);"><div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;></span><br /><span style="color: rgb(255, 0, 0);"><script style="text/javascript" src="http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="<span style="color: rgb(102, 255, 255);">http://masnyaman.blogspot.com</span>/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script></span><br /><span style="color: rgb(255, 0, 0);"></div></span><br /><br />Lalu ganti <span style="color: rgb(102, 255, 255);">http://masnyaman.blogspot.com</span> dengan alamat blog anda, Selamat Mencoba.<br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com2tag:blogger.com,1999:blog-3071591803690083671.post-4566738740975615952009-04-08T00:00:00.000-07:002009-04-08T22:31:34.374-07:00Cara Membuat Dropdown Menu<div style="text-align: justify;">Jika anda masih bingung apa itu Dropdown Menu maka lihatlah contoh di bawan ini. Dropdown menu contohnya seperti di bawah ini, kamu bisa tambahkan menu sampai juta jutaan link.Sebagai contoh saya cuma pasang dua link saja<br /><br /><select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0">Arsip Blog</option><option value="http://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-dropdown-menu_08.html">Cara Membuat Dropdown Menu</option><option value="http://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-menu-vertikal.html">Cara Membuat Menu Vertikal</option></select><br /><br />Nha udah tahu kan? Dengan dropdown menu kita bisa menghemat space atau ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak.<br /><br /><span class="fullpost">Gini nih caranya :<br /><br />Login ke blogger, trus masuk ke menu "<span style="font-weight: bold;">Page Element</span>" trus pilih <span style="font-weight: bold;">Add page elements</span> --> <span style="font-weight: bold;">HTML/JavaScript</span>. Kemudian masukkan script berikut ini di kocat "<span style="font-weight: bold;">Content</span>"<br /><br /><span style="color: rgb(255, 0, 0);"><select onChange="document.location.href=this.options[this.selectedIndex].value;"></span><br /><span style="color: rgb(255, 0, 0);"><option value="0" selected><span style="color: rgb(255, 255, 102);">Arsip Blog</span></option></span><br /><span style="color: rgb(255, 0, 0);"><option value="<span style="color: rgb(102, 255, 255);">Links 1</span>"><span style="color: rgb(255, 255, 102);">Text 1</span></option></span><br /><span style="color: rgb(255, 0, 0);"><option value="<span style="color: rgb(102, 255, 255);">Links 2</span>"><span style="color: rgb(255, 255, 102);">Text 2</span></option></span><br /><span style="color: rgb(255, 0, 0);"></select></span><br /><br />Text yang berwarna biru muda adalah link. ganti text <span style="color: rgb(102, 255, 255);">Link 1 </span>dan <span style="color: rgb(51, 255, 255);">Link 2</span> tersebut dengan link2 kamu.caranya buka blog kamu, nah di judul postingan kamu klik kanan pointer mouse, kemudian copy link location dan kemudian paste di</span><span class="fullpost"> <span style="color: rgb(102, 255, 255);">Link 1</span> dan<span style="color: rgb(102, 255, 255);"> Link 2</span></span><span class="fullpost"> .Text yang berwarna kuning adalah tulisan yang ditampilkan. Itu juga harus km ganti.<br /><br />Contohnya seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);"><select onChange="document.location.href=this.options[this.selectedIndex].value;"></span><br /><span style="color: rgb(255, 0, 0);"><option value="0" selected><span style="color: rgb(255, 255, 102);">Arsip Blog</span></option></span><br /><span style="color: rgb(255, 0, 0);"><option value="<span style="color: rgb(102, 255, 255);">http://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-menu-vertikal.html</span>"> <span style="color: rgb(255, 255, 102);">Cara Membuat Menu Vertikal </span></option></span><br /><span style="color: rgb(255, 0, 0);"><option value="<span style="color: rgb(102, 255, 255);">http://trik-blog-nyaman.blogspot.com/2009/04/cara-menampilkan-posting-baru.html</span>"> <span style="color: rgb(255, 255, 102);">Cara Menampilkan Posting Baru</span> </option></span><br /><span style="color: rgb(255, 0, 0);"></select><br /><br /></span></span><span class="fullpost">maka hasilnya akan seperti ini :<br /><br /></span><select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0">Arsip Blog</option><option value="http://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-dropdown-menu_08.html">Cara Membuat Dropdown Menu</option><option value="http://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-menu-vertikal.html">Cara Membuat Menu Vertikal</option></select><span class="fullpost"><br /><br />untuk menambahkan menu lagi, tambahkan kode seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);"><option value="Links 2">Text 2</option><br /><br /></span></span>sebelum kode <span class="fullpost"><span style="color: rgb(255, 0, 0);"></select><br /><br /></span></span>Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.<br /><br />Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.<br />Cara mambuatnya seperti diatas tapi ganti kode berikut<br /><p class="alert"><span style="color: rgb(255, 0, 0);"><select onChange="document.location.href=this.options[this.selectedIndex].value;"></span><br /><br />ganti dengan kode ini yang merupakan kode paling atas dari menu ini :<br /><br /><span style="color: rgb(102, 255, 255);"><select onchange="javascript:window.open(this.options[this.selectedIndex].value);"></span><br /><br /><span class="fullpost">hasilnya akan seperti ini :<br /><br /></span><select onchange="javascript:window.open(this.options[this.selectedIndex].value);"><option selected="selected" value="0">Arsip Blog</option><option value="http://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-dropdown-menu_08.html">Cara Membuat Dropdown Menu</option><option value="http://trik-blog-nyaman.blogspot.com/2009/04/cara-membuat-menu-vertikal.html">Cara Membuat Menu Vertikal</option></select><span class="fullpost"><br /></span></p><p class="alert"><span class="fullpost">Complete deh...<br /></span></p><br /><span class="fullpost"><span style="color: rgb(255, 0, 0);"><br /></span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"></span><br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-7221097961416924432009-04-07T01:05:00.000-07:002009-04-07T01:09:17.401-07:00Cara Menampilkan Posting Baru<div style="text-align: justify;">Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?<br />Kalo pingin, beginilah caranya :<br /><br />1. Login to Blogger kemuduan pilih "Layout"<br />2. Klik pada "Page Element" trus pilih "<span style="font-weight: bold;">Add a Gadget</span> --> <span style="font-weight: bold;">HTML/Javascript</span>" (Tempatnya terserah kamu).<br /><span class="fullpost">3. Copy kode berikut ini dan taruh dalam kotak "content".<br /><br /><span style="color: rgb(255, 0, 0);"><script src="http://www.geocities.com/uddin_81/recent-post.js"></script></span><br /><span style="color: rgb(255, 0, 0);"><script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script></span><br /><span style="color: rgb(255, 0, 0);"><script src="http://<span style="color: rgb(102, 255, 255);">YOURBLOGNAME</span>.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></span><br /><span style="color: rgb(255, 0, 0);"></script></span><br /><br />4. Ganti <span style="color: rgb(102, 255, 255);">YOURBLOGNAME</span> dengan nama blog kamu.<br />5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya<br />6. Terus Simpan.<br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-12550788561223699512009-04-06T19:35:00.000-07:002009-04-06T19:43:20.814-07:00Cara Membuat Menu Vertikal<div style="text-align: justify;">Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal . Contohnya seperti gambar dibawah ini:<br /><span style="text-decoration: underline;"><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKvS9Td7amBMwGoogkXkzjy-uXmDtlYWCxdIzQZGUlivFmN4f1bpbvbi_A_bulWa7m3C-Glgo2PinpjI9IA8FSLI7Rx8nI0vggp5aAeQI7CTowLD3xZ8c81MatEUILzgfbG9Rgf5YSURQk/s1600-h/blog+lama.bmp"><img style="cursor: pointer; width: 190px; height: 103px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKvS9Td7amBMwGoogkXkzjy-uXmDtlYWCxdIzQZGUlivFmN4f1bpbvbi_A_bulWa7m3C-Glgo2PinpjI9IA8FSLI7Rx8nI0vggp5aAeQI7CTowLD3xZ8c81MatEUILzgfbG9Rgf5YSURQk/s320/blog+lama.bmp" alt="" id="BLOGGER_PHOTO_ID_5321768896611340242" border="0" /></a><br /><br /><span class="fullpost">Beginilah cara membuatnya :<br />1. Login ke blogger trus pilih "<span style="font-weight: bold;">Layout</span>--><span style="font-weight: bold;">Edit HTML</span>"<br />2. Masukkan kode berikut sebelum kode <span style="color: rgb(255, 0, 0);">]]></b:skin> </span>atau sebelum kode<span style="color: rgb(255, 0, 0);"> </style></span> . Pokoknya ditaruh di dalam Barisan kode CSS deh.<br /><br /><span style="color: rgb(255, 0, 0);">.glossymenu, .glossymenu li ul{</span><br /><span style="color: rgb(255, 0, 0);">list-style-type: none;</span><br /><span style="color: rgb(255, 0, 0);">margin: 0;</span><br /><span style="color: rgb(255, 0, 0);">padding: 0;</span><br /><span style="color: rgb(255, 0, 0);">width: 185px; /*WIDTH OF MAIN MENU ITEMS*/</span><br /><span style="color: rgb(255, 0, 0);">border: 1px solid black;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">.glossymenu li{</span><br /><span style="color: rgb(255, 0, 0);">position: relative;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">.glossymenu li a{</span><br /><span style="color: rgb(255, 0, 0);">background: white url('http://blog.superinhost.com/vertical/<span style="font-weight: bold; color: rgb(102, 255, 255);">blue1.gif</span>') repeat-x bottom left;</span><br /><span style="color: rgb(255, 0, 0);">font: bold 12px Verdana, Helvetica, sans-serif;</span><br /><span style="color: rgb(255, 0, 0);">color: white;</span><br /><span style="color: rgb(255, 0, 0);">display: block;</span><br /><span style="color: rgb(255, 0, 0);">width: auto;</span><br /><span style="color: rgb(255, 0, 0);">padding: 5px 0;</span><br /><span style="color: rgb(255, 0, 0);">padding-left: 10px;</span><br /><span style="color: rgb(255, 0, 0);">text-decoration: none;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">.glossymenu li ul{</span><br /><span style="color: rgb(255, 0, 0);">position: absolute;</span><br /><span style="color: rgb(255, 0, 0);">width: 190px;</span><br /><span style="color: rgb(255, 0, 0);">left: 0;</span><br /><span style="color: rgb(255, 0, 0);">top: 0;</span><br /><span style="color: rgb(255, 0, 0);">display: none;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">.glossymenu li ul li{</span><br /><span style="color: rgb(255, 0, 0);">float: left;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">.glossymenu li ul a{</span><br /><span style="color: rgb(255, 0, 0);">width: 180px;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">.glossymenu li a:visited, .glossymenu li a:active{</span><br /><span style="color: rgb(255, 0, 0);">color: white;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">.glossymenu li a:hover{</span><br /><span style="color: rgb(255, 0, 0);">background-image: url('http://blog.superinhost.com/vertical/<span style="font-weight: bold; color: rgb(102, 255, 255);">blue2.gif</span>');</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">* html .glossymenu li { float: left; height: 1%; }</span><br /><span style="color: rgb(255, 0, 0);">* html .glossymenu li a { height: 1%; }</span><br /><br />Untuk memilih warna menu, perhatikan kode2 yang berwarna biru muda (<span style="color: rgb(102, 255, 255);">blue1.gif</span> dan <span style="color: rgb(102, 255, 255);">blue2.gif</span>). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);">.glossymenu li a{</span><br /><span style="color: rgb(255, 0, 0);">background: white url('http://blog.superinhost.com/vertical/<span style="color: rgb(102, 255, 255);">red.gif</span>') repeat-x bottom left;</span><br /><br />dan<br /><br /><span style="color: rgb(255, 0, 0);">.glossymenu li a:hover{</span><br /><span style="color: rgb(255, 0, 0);">background-image: url('http://blog.superinhost.com/vertical/<span style="color: rgb(102, 255, 255);">red.gif</span>');</span><br /><br />Pilihan Warna menu vertikal :<br /><br /><span style="color: rgb(102, 255, 255);">blue1.gif</span><br /><span style="color: rgb(102, 255, 255);">blue2.gif</span><br /><span style="color: rgb(102, 255, 255);">green1.gif</span><br /><span style="color: rgb(102, 255, 255);">green2.gif</span><br /><span style="color: rgb(102, 255, 255);">red1.gif</span><br /><span style="color: rgb(102, 255, 255);">red2.gif</span><br /><span style="color: rgb(102, 255, 255);">pink1.gif</span><br /><span style="color: rgb(102, 255, 255);">pink2.gif</span><br /><span style="color: rgb(102, 255, 255);">black1.gif</span><br /><span style="color: rgb(102, 255, 255);">black2.gif</span><br /><br />3. Kemudian di save.<br />4. Lalu pergi ke menu "Page Elements"<br />5. Pilih "<span style="font-weight: bold;">Add a Gadget </span>--><span style="font-weight: bold;">HTML/JavaScript</span>" kemudian masukkan kode berikut kedalamnya:<br /><br /><span style="color: rgb(255, 0, 0);"><ul id="verticalmenu" class="glossymenu"></span><br /><span style="color: rgb(255, 0, 0);"><li><a href="/">Home</a></li></span><br /><span style="color: rgb(255, 0, 0);"><li><a href="<span style="color: rgb(102, 255, 255);">http://trik-blog-nyaman.blogspot.com</span>"><span style="color: rgb(255, 255, 0);">Trik Blog</span></a></li></span><br /><span style="color: rgb(255, 0, 0);"><li><a href="<span style="color: rgb(102, 255, 255);">http://trik-nyaman.blogspot.com</span>" ><span style="color: rgb(255, 255, 0);">Free Template</span></a></li></span><br /><span style="color: rgb(255, 0, 0);"><li><a href="http://getebook.co.cc">Free Ebook</a></li></span><br /><span style="color: rgb(255, 0, 0);"></li></span><br /><span style="color: rgb(255, 0, 0);"></ul></span><br /><br />Kode yang berwarna biru muda adalah linknya dan yg warna kuning adalah teks yang ditampilkan.<br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-43262075700752427982009-04-06T19:00:00.000-07:002009-04-06T19:07:28.820-07:00Membuat Menu Windows Eksplorer<div style="text-align: justify;">Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu lho, Seperti kalo kita membuka Windows Explorer. Menu yang seperti gambar dibawah ini atau seperti <a href="http://ebooks-box.blogspot.com/">contoh ini.</a><br /><span style="text-decoration: underline;"><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObG4U1kO3eEx5syOTTA1aiEWfLM9P4hrBgF8zfKvvqsVSAr4q92_UD8wfzOOosbWVlYGpc19uqVmsM14buQKfvNvwbmBGxWQAwzC0i-px766vG9VO_dvJDCrVW02cSGnyd7Jurw3lpnUF/s1600-h/blog+lama.bmp"><img style="cursor: pointer; width: 185px; height: 203px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhObG4U1kO3eEx5syOTTA1aiEWfLM9P4hrBgF8zfKvvqsVSAr4q92_UD8wfzOOosbWVlYGpc19uqVmsM14buQKfvNvwbmBGxWQAwzC0i-px766vG9VO_dvJDCrVW02cSGnyd7Jurw3lpnUF/s320/blog+lama.bmp" alt="" id="BLOGGER_PHOTO_ID_5321759585798382754" border="0" /></a><br /><br /><span class="fullpost">Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?<br /><br />Beginilah cara membuatnya :<br /><br />1. Login to Blogger, trus pilih "<span style="font-weight: bold;">Layout</span> --> <span style="font-weight: bold;">Edit HTML</span>"<br />2. Taruh kode berikut ini diatas kode <span style="color: rgb(255, 0, 0);"><head></span><br /><br /><span style="color: rgb(255, 0, 0);"><linkrel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css"</span><br /><span style="color: rgb(255, 0, 0);">type="text/css" /></span><br /><span style="color: rgb(255, 0, 0);"><scripttype="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script></span><br /><br />3. Trus Klik Tombol "Save<br /><br />4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inolah script yang harus kamu copy di sidebar kamu.<br /><br /><span style="color: rgb(255, 0, 0);"><div class="dtree"></span><br /><span style="color: rgb(255, 0, 0);"><script type="text/javascript"></span><br /><span style="color: rgb(255, 0, 0);"><!--</span><br /><span style="color: rgb(255, 0, 0);">d = new dTree('d');</span><br /><span style="color: rgb(255, 0, 0);">d.add(0,-1,'My example tree');</span><br /><span style="color: rgb(255, 0, 0);">d.add(1,0,'Node 1','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(2,1,'Node 1.1','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(3,2,'Node 1.1.1','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(4,3,'Node 1.1.1.1','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(5,0,'Node 2','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(6,5,'Node 2.1','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(7,5,'Node 2.2','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(8,0,'Node 3','link.html');</span><br /><span style="color: rgb(255, 0, 0);">d.add(9,0,'Node 5','link.html');</span><br /><span style="color: rgb(255, 0, 0);">document.write(d);</span><br /><span style="color: rgb(255, 0, 0);">//--></span><br /><span style="color: rgb(255, 0, 0);"></script></span><br /><span style="color: rgb(255, 0, 0);"></div></span><br /><br />berikut ini keteranganya:<br />- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).<br />- Angka yang pertama harus unik tidak boleh ada yang sama (<span style="color: rgb(102, 255, 255);">d.add(1,0,’Node 1’,’link.html</span>’);<br />- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).<br />- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:<br /><br /><span style="color: rgb(255, 0, 0);">d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash');</span><br /><br /><br />Ganti text "<span style="color: rgb(255, 0, 0);">http://kendhin.890m.com/dtree/trash.gif</span>" dengan alamat gambar kamu.<br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-18320199531020596612009-04-06T02:06:00.000-07:002009-04-06T02:16:22.725-07:00Cara Mengedit HTML Blogspot<div style="text-align: justify;">Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.<br />Berikut ini beberapa tips untuk edit HTML bogger:<br /><br /><span class="fullpost">1. Backup Template<br />Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.<br /><br />2. Memberi Tanda Centang pada Kotak "Expand Widget Template"<br />Ini yang kadang2 dilupakan para "editor". Kalau kotak "<span style="font-weight: bold; color: rgb(102, 255, 255);">Expand Widget Templates</span>" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.<br /><br />3. Tips Mempermudah Pencarian<br />Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode <span style="color: rgb(255, 0, 0);"><p><data:post.body/></p></span> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini <span style="color: rgb(255, 0, 0);">data:post.body</span> kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki.tips ini paling mudah jika kita menggunakan browser <a href="http://www.mozilla.com">Mozilla Firefox</a>".</span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-75595668367567103632009-04-06T00:06:00.000-07:002009-04-07T23:42:14.816-07:00Membuat Kata dan Kalimat Berkedip<div style="text-align: justify;">Klo kita sering liat web atau blog yang ditampilannya terdapat kata atau kalimat yg berkelap kelip misalnya<span class="fullpost"><span style="color: rgb(255, 0, 0);"><blink></span></span> seperti kata ini yg sedang kelap kelip<span class="fullpost"><span style="color: rgb(255, 0, 0);"></blink></span></span>, mungkin buat yang belum tau, pasti kita sedikit heran..gimana y caranya..?<br /><br />dulu juga sy kaya gtu, bingung banget, kq bisa y...tp ternyata setelah ditelusuri lebih lanjut..gampang banget, kita cuma tinggal sisipkan aja kode HTML di dalam kata atau kalimat yang mau kita kelap kelipkan..<br /><br />kode HTML nya seperti ini.....<br /><br /><span class="fullpost"><span style="color: rgb(255, 0, 0);"><blink>(Kata yang ingin anda kelap kelipkan)</blink></span><br /><br />contoh kalimat yg mau kita kelap kelipkan :<br /><br />"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"<br /><br />caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :<br /><br /><span style="color: rgb(255, 0, 0);"><blink>"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"</blink></span><br /><br />maka hasilnya akan seperti ini :<br /><br /><blink>"ternyata gampang sekali y untuk mengkelap kelipkan kata itu"</blink><br /><br />Mudah Kan..<br />Jangan lupa, trik ini cuma bisa kita pake buat yang mendukung HTML aja, contohnya klo di blogger, masuk ke "ADD GADGET"---->"HTML/ Java Script". klo yang ngga ngedukung HTML sih jangan digunakan not mach...<br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-81921562572125362422009-04-05T23:29:00.000-07:002009-04-07T23:39:28.624-07:00Cara Membuat Menu Tab View<div style="text-align: justify;">Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda.<br /><br />Tab view itu contohnya seperti ini:<br /><span class="fullpost"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8tnIabnbKAQh3qHSEEFX8DpdVbOERQO97FQTVnLYxUFNHGDAPzZhk6FlTvL7vu495fHp02WD0CHWKIGCwtycC4TFn1UCdwvoMIqaRsHEGDAyJA0foZTDAqZNYOpQ6IZB7ZPEYmzKiryW/s1600-h/tabview.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8tnIabnbKAQh3qHSEEFX8DpdVbOERQO97FQTVnLYxUFNHGDAPzZhk6FlTvL7vu495fHp02WD0CHWKIGCwtycC4TFn1UCdwvoMIqaRsHEGDAyJA0foZTDAqZNYOpQ6IZB7ZPEYmzKiryW/s320/tabview.jpg" alt="" id="BLOGGER_PHOTO_ID_5229615148874790498" border="0" /></a></span><br /><br />Beginilah cara untuk membuat menu tab view tersebut<br />1. Login ke blogger trus pilih menu "<span style="font-weight: bold;">Layout</span> --> <span style="font-weight: bold;">Edit HTML</span>"<br />2. Kemudian cari kode ini <span style="color: rgb(255, 0, 0);">]]></b:skin></span><br /><br /><span class="fullpost">3. Kemudian masukkan kode berikut ini sebelum kode <span style="color: rgb(255, 0, 0);">]]></b:skin></span> atau kedalam tag CSS.<br /><br /><span style="color: rgb(255, 0, 0);">div.TabView div.Tabs</span><br /><span style="color: rgb(255, 0, 0);">{</span><br /><span style="color: rgb(255, 0, 0);">height: 24px;</span><br /><span style="color: rgb(255, 0, 0);">overflow: hidden;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">div.TabView div.Tabs a</span><br /><span style="color: rgb(255, 0, 0);">{</span><br /><span style="color: rgb(255, 0, 0);">float: left;</span><br /><span style="color: rgb(255, 0, 0);">display: block;</span><br /><span style="color: rgb(255, 0, 0);">width: 90px; /* <span style="color: rgb(102, 255, 255);">Lebar Menu Utama Atas</span> */ text-align: center;</span><br /><span style="color: rgb(255, 0, 0);">height: 24px; /* <span style="color: rgb(51, 51, 255);"><span style="color: rgb(102, 255, 255);">Tinggi Menu Utama Atas</span> </span>*/</span><br /><span style="color: rgb(255, 0, 0);">padding-top: 3px;</span><br /><span style="color: rgb(255, 0, 0);">vertical-align: middle;</span><br /><span style="color: rgb(255, 0, 0);">border: 1px solid #000; /* <span style="color: rgb(102, 255, 255);">Warna border Menu Atas</span><span style="color: rgb(102, 255, 255);"> </span>*/</span><br /><span style="color: rgb(255, 0, 0);">border-bottom-width: 0;</span><br /><span style="color: rgb(255, 0, 0);">text-decoration: none;</span><br /><span style="color: rgb(255, 0, 0);">font-family: "Times New Roman", Serif; /* <span style="color: rgb(102, 255, 255);">Font Menu Utama Atas</span> */</span><br /><span style="color: rgb(255, 0, 0);">font-weight: 900;</span><br /><span style="color: rgb(255, 0, 0);">color: #000; /* <span style="color: rgb(102, 255, 255);">Warna Font Menu Utama Atas</span> */</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active</span><br /><span style="color: rgb(255, 0, 0);">{</span><br /><span style="color: rgb(255, 0, 0);">background-color: #FF9900; /* <span style="color: rgb(102, 255, 255);">Warna background Menu Utama Atas</span> */</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">div.TabView div.Pages</span><br /><span style="color: rgb(255, 0, 0);">{</span><br /><span style="color: rgb(255, 0, 0);">clear: both;</span><br /><span style="color: rgb(255, 0, 0);">border: 1px solid #6E6E6E; /* <span style="color: rgb(51, 51, 255);"><span style="color: rgb(102, 255, 255);">Warna border Kotak Utama</span> </span>*/</span><br /><span style="color: rgb(255, 0, 0);">overflow: hidden;</span><br /><span style="color: rgb(255, 0, 0);">background-color: #FF9900; /* <span style="color: rgb(51, 51, 255);"><span style="color: rgb(102, 255, 255);">Warna background Kotak Utama</span> </span>*/</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">div.TabView div.Pages div.Page</span><br /><span style="color: rgb(255, 0, 0);">{</span><br /><span style="color: rgb(255, 0, 0);">height: 100%;</span><br /><span style="color: rgb(255, 0, 0);">padding: 0px;</span><br /><span style="color: rgb(255, 0, 0);">overflow: hidden;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><span style="color: rgb(255, 0, 0);">div.TabView div.Pages div.Page div.Pad</span><br /><span style="color: rgb(255, 0, 0);">{</span><br /><span style="color: rgb(255, 0, 0);">padding: 3px 5px;</span><br /><span style="color: rgb(255, 0, 0);">}</span><br /><br />4. Perhatikan text-text yang berwarna biru muda, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat <a href="http://www.blogfsym.co.cc/2009/01/kode-kode-warna-di-dalam-dunia-webblog.html">DISINI</a><br />5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode <span style="color: rgb(102, 255, 255);"></head></span><br /><br /><span style="color: rgb(255, 0, 0);"><script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/></span><br /><br />6. Kemudian "Di save"<br />7. Lalu pergi ke menu "Page Elements"<br />8. Trus PIlih "<span style="font-weight: bold;">Add a Gadget</span>" --> "<span style="font-weight: bold;">HTML/Javascript</span>" di tempat yg akan km letakkan Manu Tab View ini.<br />9. Inilah script yg harus kamu pasang :<br /><br /><span style="color: rgb(102, 255, 255);"><form action="tabview.html" method="get"></span><br /><span style="color: rgb(102, 255, 255);"><div class="TabView" id="TabView"></span><br /><span style="color: rgb(102, 255, 255);"><div class="Tabs" style="width: <span style="color: rgb(51, 51, 255);">350px</span>;"></span><br /><span style="color: rgb(255, 0, 0);"><a>Tab 1</a></span><br /><span style="color: rgb(255, 0, 0);"><a>Tab 2</a></span><br /></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"><blink></span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"><a>Tab 3</a></span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"></blink></span></span><span class="fullpost"><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><span style="color: rgb(102, 255, 255);"><div class="Pages" style="width: <span style="color: rgb(51, 51, 255);">350px</span>; height:<span style="color: rgb(51, 51, 255);"> 250px</span>;"></span><br /><br /><span style="color: rgb(102, 255, 255);"><div class="Page"></span><br /><span style="color: rgb(102, 255, 255);"><div class="Pad"></span><br /><span style="color: rgb(255, 0, 0);">Tab 1.1 <br /></span><br /><span style="color: rgb(255, 0, 0);">Tab 1.2 <br /></span><br /><span style="color: rgb(255, 0, 0);">Tab 1.3 <br /></span><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><br /><span style="color: rgb(102, 255, 255);"><div class="Page"></span><br /><span style="color: rgb(102, 255, 255);"><div class="Pad"></span><br /><span style="color: rgb(255, 0, 0);">Tab 2.1 <br /></span><br /><span style="color: rgb(255, 0, 0);">Tab 2.2 <br /></span><br /><span style="color: rgb(255, 0, 0);">Tab 2.3 <br /></span><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><br /></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"><blink></span></span><span class="fullpost"><span style="color: rgb(102, 255, 255);"><div class="Page"></span><br /><span style="color: rgb(102, 255, 255);"><div class="Pad"></span><br /><span style="color: rgb(255, 0, 0);">Tab 3.1 <br /></span><br /><span style="color: rgb(255, 0, 0);">Tab 3.2 <br /></span><br /><span style="color: rgb(255, 0, 0);">Tab 3.3 <br /></span><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><span style="color: rgb(102, 255, 255);"></div></span></span><span class="fullpost"><span style="color: rgb(255, 0, 0);"></blink></span></span><span class="fullpost"><br /><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><span style="color: rgb(102, 255, 255);"></div></span><br /><span style="color: rgb(102, 255, 255);"></form></span><br /><br /><span style="color: rgb(102, 255, 255);"><script type="text/javascript"></span><br /><span style="color: rgb(102, 255, 255);">tabview_initialize('TabView');</span><br /><span style="color: rgb(102, 255, 255);"></script></span><br /><br />Keterangan :<br />- Angka2 atau text yang berwarna biru (<span style="color: rgb(51, 51, 255);">350px</span>) adalah ukuran tinggi dan lebar tabview.<br />- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).<br />- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.<br />- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.<br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com2tag:blogger.com,1999:blog-3071591803690083671.post-74382675758375430092009-04-05T21:50:00.000-07:002012-12-02T00:05:01.662-08:00Cara Ganti Template Blog<div style="text-align: justify;">
Ini adalah cara mengganti template blogger atau blogspot versi lama sedangkan untuk versi baru silahkan <a href="http://trik-blog-nyaman.blogspot.com/2012/12/cara-mengganti-template-blog-versi-baru.html" target="_blank">lihat di sini</a>. Pertama kamu harus membackup dulu tempalte kamu jika template baru kamu tidak berhasil diinstall, caranya masuk ke menu "<span style="font-weight: bold;">Layout </span>--> <span style="font-weight: bold;">Edit HTML</span>", trus klik link bertuliskan "<span style="font-weight: bold;">Download Full Template</span>" terus simpan file yang diberikan.<br />
<br />
Kedua yaitu membackup elemen-elemen atau widget-widget yang sudah pernah kamu pasang, caranya gini, Masuk ke menu "<span style="font-weight: bold;">Page Elemen</span>t", disitu kan banyak tuh element-element yang udah kamu pasang trus dibawahnya kan ada <span class="fullpost">link bertiliskan "<span style="font-weight: bold;">edit</span>" klik link-link tersebut satu persatu, copy isi dari elemen itu dan taruh dalam notepad. Kalo kamu nanti dah ganti template dan mau memasang elemen-elemen tersebut tinggal copy dari notepad terus pasang di "<span style="font-weight: bold;">add page elements</span>".<br /><br />Untuk mengganti template pertama <a href="http://trik-nyaman.blogspot.com/">klik link ini</a>, kemudian download template blog yang kamu inginkan. nah setelah selesai download, ikuti langgkah berikut ini:</span><br />
<ul style="color: red;">
<li><span class="fullpost">ekstrak dahulu file xml nya</span></li>
<li><span class="fullpost">login ke blog anda</span></li>
<li><span class="fullpost">masuk ke Dasbor</span></li>
<li><span class="fullpost">Tata letak</span></li>
<li><span class="fullpost">Edit HTML</span></li>
<li><span class="fullpost">Nah disitukan ada tombol Browse, cari file xml. yang sudah anda ekstraksi</span></li>
<li><span class="fullpost">kemudian klik Unggah atau Upload</span></li>
<li><span class="fullpost">klik dahulu kolom Prevew atau Pratinjau untuk melihat hasilnya sebelum di simpan</span></li>
<li><span class="fullpost">terakhir klik simpan template atau save template</span></li>
</ul>
<span class="fullpost">Selesai deh.....</span></div>
nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com9tag:blogger.com,1999:blog-3071591803690083671.post-83523166562384798812009-04-05T21:39:00.000-07:002009-04-05T21:44:12.211-07:00Cara Membuat Kotak Pesan di Blog<div style="text-align: justify;">Kotak ngoceh 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 :<br /><br /><span class="fullpost">1. Buka situs <a href="http://www.shoutmix.com/"><span style="color: rgb(255, 255, 51);">Shoutmix </span></a>Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok.<br />2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol <span style="font-weight: bold;">Continue</span><br />3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link <span style="font-weight: bold;">Go to My Control Panel Now</span><br />4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.<br />5. Jika sudah selesai klik menu <span style="color: rgb(255, 0, 0);">Get Codes</span><br />6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "<span style="color: rgb(255, 0, 0);">Place Shoutbox on Webpage</span>"<br />7. Atur lebar dan tinggi shoutbox di kolom widht dan hight<br />8. Kemudian Copy kode yang ada di dalam kotak "<span style="color: rgb(255, 0, 0);">generated Codes</span>"<br />9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements<br />11. Tambahkan element <span style="color: rgb(255, 0, 0);">HTML/Javascript.</span><br />12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "<span style="color: rgb(255, 0, 0);">Content</span>" lalu simpan.<br />13. Jadi deh.....<br /><br /></span></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0tag:blogger.com,1999:blog-3071591803690083671.post-36987193090603286062009-04-05T21:28:00.000-07:002009-05-20T00:39:38.899-07:00Cara Mengganti Icon Pada Address Bar<div style="text-align: justify;">Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini : <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN30AQXBbjbVm9_380BihCEWq_3tY9eBwpEIo_VT4EFYcp9zPEbO4lH63LkeaoqX4t0ipCTBSQvT5g48DORm4s07uRgk6NxlnnOhsidYRAK-tW9AvtNxqstFIos3zahr3Ogon42e4wZ2Ir/s1600-r/blogger.gif"><img style="cursor: pointer; width: 15px; height: 15px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJIvVrWd9ocC7dg4mSCCfgylHAIw5PWPXWRQW4r99NzArOff8IVEooiGxTm1RgqUNq14iJtc-yCJ2rFQq4dpl-bqVuTTnvS1l6-_2UHKUhYEurk8NvJd9jNxxfSdpH0IfZq_fSfyo5kGC/s320/blogger.gif" alt="" id="BLOGGER_PHOTO_ID_5139828664229278898" border="0" /></a><br />Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....<br /><br /><span class="fullpost">masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode <span style="color: rgb(102, 255, 255); font-weight: bold;"></head></span><br /><br /><span style="color: rgb(255, 0, 0);"><link href='<span style="font-weight: bold;">http://i700.photobucket.com/albums/ww6/mandalika3/sonictrik.gif</span>' rel='SHORTCUT ICON'/></span><br /><br />ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing </span>di bawah ini <span class="fullpost">ada beberapa contoh icon/gambar beserta dengan linknya.<br /></span><span class="fullpost"><br /><img src="http://img87.imageshack.us/img87/5862/image1an1.gif" border="0" /> http://img87.imageshack.us/img87/5862/image1an1.gif<br /><img src="http://img110.imageshack.us/img110/6218/image2ie0.gif" border="0" /> http://img110.imageshack.us/img110/6218/image2ie0.gif<br /><img src="http://img98.imageshack.us/img98/9617/image3cr0.gif" border="0" /> http://img98.imageshack.us/img98/9617/image3cr0.gif<br /><img src="http://img134.imageshack.us/img134/633/image4hx4.gif" border="0" /> http://img134.imageshack.us/img134/633/image4hx4.gif<br /><img src="http://img139.imageshack.us/img139/83/image5oa7.gif" border="0" /> http://img139.imageshack.us/img139/83/image5oa7.gif<br /><img src="http://img509.imageshack.us/img509/6449/image6fu0.gif" border="0" /> http://img509.imageshack.us/img509/6449/image6fu0.gif<br /><img src="http://img527.imageshack.us/img527/6543/image7go9.gif" border="0" /> http://img527.imageshack.us/img527/6543/image7go9.gif<br /><img src="http://img507.imageshack.us/img507/5774/image8wn8.gif" border="0" /> http://img507.imageshack.us/img507/5774/image8wn8.gif<br /><img src="http://img150.imageshack.us/img150/5784/image9qo1.gif" border="0" /> http://img150.imageshack.us/img150/5784/image9qo1.gif<br /><img src="http://img404.imageshack.us/img404/1214/image10vr1.gif" border="0" /> http://img404.imageshack.us/img404/1214/image10vr1.gif<br /><img src="http://img412.imageshack.us/img412/3808/image11pc0.gif" border="0" /> http://img412.imageshack.us/img412/3808/image11pc0.gif<br /><img src="http://img100.imageshack.us/img100/4658/image12du2.gif" border="0" /> http://img100.imageshack.us/img100/4658/image12du2.gif<br /><img src="http://img132.imageshack.us/img132/4733/image13lj1.gif" width="30" border="0" height="30" /> http://img132.imageshack.us/img132/4733/image13lj1.gif<br /><img src="http://img145.imageshack.us/img145/7793/image14zg9.gif" border="0" /> http://img145.imageshack.us/img145/7793/image14zg9.gif<br /><img src="http://img412.imageshack.us/img412/4403/image15jc7.gif" border="0" /> http://img412.imageshack.us/img412/4403/image15jc7.gif<br /><img src="http://img264.imageshack.us/img264/7575/image16kn8.gif" border="0" /> http://img264.imageshack.us/img264/7575/image16kn8.gif</span><br /></div>nyamanhttp://www.blogger.com/profile/14315392243157403451noreply@blogger.com0