tag:blogger.com,1999:blog-8380008256634933442024-03-05T20:49:25.472+07:00IcHiNx Warehouse OldIcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.comBlogger70125tag:blogger.com,1999:blog-838000825663493344.post-77865437620261351932009-08-09T17:41:00.003+07:002009-08-09T18:04:47.417+07:00Membuat Penggalan ArtikelKali ini saya akan membahas cara pembuatan tentang penggalan artikel. Semoga para sobat tertarik, kalau tidak juga ya sekedar pengetahuan saja juga kan tidak ada ruginya.<span class="fullpost"> Penggalan artikel ialah bukan suatu tulisan hasil posting, melainkan hanya berupa tulisan biasa yang ujung kalimatnya di beri link untuk menuju ke artikel sebenarnya. Maksudnya pemasangan penggalan kalimat itu sebenarnya untuk membawa para pembaca ke Link yang lain.<br /><div class="fullpost"><br />Untuk membuat penggalan artikel seperti diatas, langkah pertama adalah mengcopy sebagian kalimat yang mau kita link, yang kedua adalah mencatat address dari artikel tersebut, nah ujung dari kalimat tersebut kita buatkan link. Agar tidak terlalu membingungkan saya beri contoh. Misalkan address dari artikel yang mau saya pasang linknya adalah sebagai berikut :<br /><br /> <span style="color: red;">http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html</span><br /><br />Isi dari penggalan kalimatnya adalah sebagai berikut :<br /><br /><span style="color: red;"> Perlunya IE dan FireFox<br /><br /></span></span><span style="color: rgb(255, 0, 0);">Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain.</span><span class="fullpost"><span style="color: rgb(255, 0, 0);"></span> <br /><br /><br />Maka kode yang kita buat adalah sebagai berikut :<br /><br /><br /><code> <span style="color: red;"> <span style="color:#FD8403"><font size="6">Perlunya IE dan FireFox</font></span><br /><hr width="100%" align="left"><br /><br/><br />Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain. You some among them? <a href="http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html"><b>...Read more...</b></a><br /><hr width="90%" align="left"><br /><br/> </span></code></span><span class="fullpost"><code><span style="color: red;"></span></code><br /><br />Kode tersebut hasilnya akan seperti ini :<br /><br /><span style="color:#FD8403"><font size="6">Perlunya IE dan FireFox</font></span><br /><hr width="100%" align="left"><br /><br/><br />Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain. You some among them? <a href="http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html"><b>...Read more...</b></a><br /><hr width="90%" align="left"><br /><br/> <br />Biar lebih faham, sedikit saya uraikan :<br /><br /><code><span style="font-family: Georgia,serif;"><span style="color:#FD8403"> ..... </span> --></span></code> ini adalah kode untuk merubah warna text. <b>#FD8403</b> merupakan kode warna orange.<br /><code><span style="font-family: Georgia,serif;"><font size="6">.......</font>< --></span></code> ini adalah kode untuk menampilkan huruf dalam ukuran font 6 (ukuran besar)<br /><code><span style="font-family: Georgia,serif;"><hr width="100%" align="left"> --></span></code> ini adalah kode untuk membuat garis sebesar 100% dari lebarnya halaman blog yang dimulai dari tepi kiri.<br /><code><span style="font-family: Georgia,serif;"><br/> --></span></code> kode untuk membuat suatu kalimat pindah ke bawah sebesar satu line break.<br /><br /><br />Mudah-mudahan keterangan diatas dapat di pahami. Setelah kita membuat kode seperti yang di terangkan diatas, tugas selanjutnya yaitu memasukan kode tersebut kedalam blog. Tentunya ada perbedaan cara memasukan kode antara template klasik dengan template baru. Silahkan ikuti langkah-langkahnya :<br /><br /><b>Untuk template klasik :</b><br /><br /> <li>Sign in di blogger dengan id sobat</li><br /><li>Klik menu <b>Template</b></li><br /><li>Klik menu <b>Edit HTML</b></li><br /><li>Copy seluruh kode HTML yang ada, kemudian save di komputer sobat. Ini untuk backup data apabila terjadi kesalahan dalam proses editting template</li><br /><li>Cari kode seperti di bawah ini :</li><br /><br /><code> <span style="color: red;"> <span style="font-family: Georgia,serif;"><div class="post"><a name="<$BlogItemNumber$>"></a><br /><BlogItemTitle> </span></span></code><br /><br />Tempatkan kode yang telah kita buat tadi persis diatas kode diatas, sehingga kodenya menjadi :<br /><br /><br /><code> <span style="color: red;"> <span style="color:#FD8403"><font size="6">Perlunya IE dan FireFox</font></span><br /><hr width="100%" align="left"><br /><br/><br />Topik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain. You some among them? <a href="http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html"><b>...Read more...</b></a><br /><hr width="90%" align="left"><br /><br/><br /><div class="post"><a name="<$BlogItemNumber$>"></a><br /><BlogItemTitle> </span></code></span><code><span style="color: red;"></span></code><br /><br /><li>Klik tombol <b>Preview</b> untuk melihat perubahan yang baru di lakukan</li><br /><li>Apabila sudah OK, klik tombol <b>save Template Changes</b></li><br /><li>Selesai.</li><br /><br />Catatan : cara di atas tentunya merujuk kepada template asli buatan blogger.com, bagi pengguna template bukan buatan blogger tentu akan lain, yang perlu di ingat yaitu penempatan kode penggalan artikel adalah persis diatas kode untuk <b>Posting</b> artikel.<br /><br /><br /><b>Untuk template baru :</b><br /><br /><li>Sign In di blogger dengan id sobat</li><br /><li>Klik menu <b>Layout</b></li><br /><li>Klik menu <b>Page Elements</b></li><br /><li>Klik <b>Add a Page Element</b></li><br /><li>Klik tulisan <b>ADD TO BLOG</b> yang berada di bawah tulisan <b>HTML/JavaScript</b></li><br /><li>Copy paste kode penggalan artikel yang telah kita buat tadi</li><br /><li>Klik tombol <b>SAVE CHANGES</b></li><br /><li>Klik kotak element yang baru di buat, tahan kemudian pindahkan di atas kotak yang bertuliskan <b>Blog post</b> (di drag & drop)</li><br /><li>Klik tulisan <b>View Blog</b> untuk melihat hasil dari penambahan kode tadi</li><br /><li>Bila sudah OK, klik tombol <b>SAVE</b></li><br /><li>Selesai.</li><br /><br /><br />Selamat mencoba ! ! !<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com2tag:blogger.com,1999:blog-838000825663493344.post-84868130912103193342009-08-09T16:53:00.001+07:002009-08-09T16:56:43.282+07:00Perlunya IE dan FireFoxTopik ini saya tulis bermula dari pengalaman saya beberapa bulan yang lalu. Sekarang saya mau flash back sebentar mudah-mudahan tidak membosankan. Ceritanya begini para sobat, di kantor tempat saya bekerja sekarang nih mempunyai beberapa buah komputer, yaitu buat orang-orang bagian akunting, resepsionis, teknisi, serta si bos sendiri. Ya kalo di itung-itung ada 8 buah komputer. Dari dulu, yang namanya browser internet pasti saya selalu memakai Internet Explorer dari Microsoft, tidak pernah browser yang lain.<div class="fullpost"><br /><br />Saat itu pekerjaan rada dikit, tentunya saya bisa sedikit bersantai ria. Iseng-iseng saya pinjem tuh kompi nya si mba tukang akunting temen saya, mau liat technorati barangkali ada yang nge link baru ke blog saya. setelah di buka ntuh kompi, eh saya lihat ada dua browser dalam ntuh kompi yaitu Internet Explorer plus Mozilla FireFox. Wah nyobain ah pake FireFox, katanya sih lebih cepat dan aman di banding dengan Internet Explorer yakni si FireFox ini lebih kebal terhadap virus-virus semacam Trojan dan teman-temannya.<br /><br />Aku buka deh langsung ntuh si FireFox, hasilnya lumayan emang rada cepet sih, tapi kayanya rada - rada ada yang beda pada tampilan gambarnya, aku hiraukan saja ga mau mikir panjang-panjang and langsung aja ke www.technorati mau cek yang nge -link ke blog saya. Sesudah di cek, benar saja ada yang pasang link baru tanpa memberi tahu, aku langsung aja di klik ntuh linknya, betapa kagetnya daku saat itu, lho ko gambarnya begini acak-acakan nih blog ada gambarnya yang kepinggir, melorot dan lain sebagai, pokoknya pemandangan yang tidak mengasikan, apa pemilik blog ini ga sadar apa, blognya ancur begitu. Setelah kejadian yang kurang mengenakan tadi, buru-buru deh aku lihat blog ku, takutnya kaya kejadian tadi. Hasilnya sedikit melegakan, wah untung blogku tidak berantakan, cuma ada sedikit perbedaan saja. Karena penasaran, aku tutup tuh si FireFox dan langsung buka browser pake IE, dan aku balik lagi ke blog yang berantakan tadi, dan ternyata hasilnya sungguh mengherankan juga, yang tadinya aku lihat di FireFox sangat berantakan kalo di lihat pake IE sangat tersusun rapi dan menarik.<br /><br />Itu tadi pengalaman pertama, pengalaman yang kedua, aku pake IE seperti biasa. yah yang namanya blogger musti rajin-rajin blog walking biar banyak temen. ceritanya saya mampir di suatu blog, wah ini blog berantakan banget (menurut saya lho). Trus baca-baca tuh isi blog, eh ada sedikit artikel dari sang pemilik blog itu sendiri, sedikit penggalan isi artikel tersebut kira-kira ada kata-kata begini : <b><i>Buset deh, kebiasaan pake FireFox pas dilihatdi IE, blog ku ancur begini ya</i></b>.<br /><br />Menanggapi dua pengalaman tadi, saya mempunyai kesimpulan bahwa sebaiknya bagi para blogger mempunyai banyak browser internet dalam satu komputer, ini tentunya untuk memaksimalkan hasil dari blog kita, terutama bagi para sobat yang blognya berupa blog untuk bisnis, satu pengunjung ke blog sobat, berati satu peluang untuk mendapatkan keuntungan. Nah jika blog para sobat tidak menarik karena sebab tadi dari perbedaan pemakaian browser, tentunya jangankan mau membaca artikel penawaran bisnis dari sobat baru sampaipun langsung kabur. Ingat, di luar sana ribuan orang atau bahkan jutaan orang memakai browser yang berbeda dengan kita, maka itu tadi sobat harus mempunyai banyak browser pada komputer sobat, minimal dua browser paling terkenal di dunia yakni Internet Explorer dan Mozilla FireFox.<br /><br />Bagi para sobat pengguna template buatan bukan dari blogger sendiri, coba cek blog sobat, barangkali blog sobat berantakan kalau di lihat di browser lain. Bagi para sobat pecinta program HTML text berjalan (marquee), hati-hati karena program ini tidak di mengerti oleh FireFox, jadi jika sobat menyimpan text terlalu banyak dalam marquee, jangan-jangan blog sobat jadi melorot atau melebar kesamping karena kelebihan quota space. Bagi yang suka pake kode <blink> untuk mengedipkan hurup buat narik perhatian pengunjung, kode sobat tidak di mengerti oleh IE tapi di mengerti oleh FireFox. Tentunya dari masing-masing Browser ada kelebihan dan kekurangannya, ya pandai-pandailah kita mensiasatinya.<br /><br />Oke, thanks ya sobat, semoga infonya bermanfaat..<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-3680793402133419742009-08-08T18:56:00.001+07:002009-08-08T18:59:56.407+07:00Membuat Banner AnimasiAgar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa. Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.<br /><div class="fullpost"><br /> bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi <span style="font-weight: bold;">http://www.addesigner.com</span> Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.<br /> <br />Contoh banner animasi : <br /> <br /> <br /> <a href="http://www.addesigner.com/" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/addesign.gif" /></a> <br /> <br />selamat mencoba.<br /><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com1tag:blogger.com,1999:blog-838000825663493344.post-72728052069586934552009-08-08T17:51:00.003+07:002009-08-08T18:48:36.645+07:00Pasang Jam di BlogSalah satu aksesoris yang bisa kita tambahkan pada blog kita adalah memasang jam. Kita bisa mendapatkan aksesoris ini dengan secara gratis. Silahkan klik <a href="http://www.clocklink.com/">disini</a> . Salah satu contoh jam yang tersedia adalah sebagai berikut :<br /><div class="fullpost"><br /><br /><p><embed src="http://www.clocklink.com/clocks/0012-orange.swf?TimeZone=GMT0700&" wmode="transparent" type="application/x-shockwave-flash" height="150" width="150"></embed><br /><br /><br />Dan bagi anda yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :<br /><br /><span class="fullpost"> <ol><li>Silahkan kunjungi situs http://www.clocklink.com</li><li>Jika sudah berada pada situs tersebut, silahkan klik tulisan <b>Want a clock on your Website ?</b></li><li>Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll</li><li>Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan <b>View HTML tag</b> yang berada di bawah jam yang anda sukai tadi</li><li>Klik tombol yang bertuliskan <b>Accept</b></li><li>Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih <b>GMT +7:00</b></li><li>Set ukuran jam yang anda sukai di samping tulisan <b>size</b></li><li>Copy kode HTML yang di berikan pada notepad</li><li>Paste kode HTML yang di copy tadi pada tempat yang anda inginkan</li><li>Selesai</li></ol><a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-link-2.html" target="new"></a></span>Sekarang blog anda tampak cantik dan menarik untuk di lihat.</p><p>Selamat mencoba. </p><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-22051991124278462772009-08-08T17:42:00.003+07:002009-08-08T17:48:37.496+07:00Blogger EmoticonsSupaya postingan kita makin mantap, saatnya kita memberikan emoticons pada blog kita..<br /><div class="fullpost"><br /> <b>Blogger Emoticons</b><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" /><br /> <code> <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif"></code><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" /><br /> <code> <img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif"></code><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" /><br /> <code> <img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif"></code><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" /><span style="font-family: monospace;"><img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif"></span><code></code><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" /><br /> <code> <img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif"></code><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" /><br /> <code> <img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif"></code><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" /><br /> <code> <img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif"></code><br /><br /> <img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" /> <br /> <code> <img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif"></code><br /><br />Kali ini blog para sobat pasti jadi lebih hidup.. <img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" /> <br /><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com1tag:blogger.com,1999:blog-838000825663493344.post-56589581050231118052009-07-08T13:58:00.003+07:002009-07-08T14:19:02.596+07:00Membuat Link Untuk DownloadDalam blog, kita tidak bisa menyimpan file exe untuk di download oleh para pengunjung. Tetapi kita bisa membuat suatu link yang disediakan oleh para jasa situs-situs yang ada di internet yang menyediakan space untuk upload file yang kita punyai dan bisa di download oleh para pengunjung.<br /><div class="fullpost"><br />Caranya, pertama kita harus mempunyai account / akun pada situs tersebut, kemudian setelah mempunyai account, baru kita bisa meng-upload data yang ingin kita simpan, lalu setelah proses upload berhasil, kita adan diberi URL address dari file yang kita upload. Langkah kedua, kita harus memasang link yang menghubungkan dengan URL address file yang kita upload tadi.<br /><br />Agar tidak terlalu lama mencari situs-situs yang menyediakan space untuk upload file, saya akan memberikan situs penyedia layanan space untuk upload file, yaitu <strong>www.snapdrive.net</strong>. dengan menggunakan situs ini kita bisa upload file kemudian file tersebut bisa di download lagi oleh orang lain. Untuk caranya silahkan ikuti langkah-langkah berikut ini :<br /><br /><ol><li>Silahkan klik <a href="http://www.snapdrive.net/">http://www.snapdrive.net</a></li><br /><li>Klik tulisan <b>Register</b></li><br /><li>Isi formulir yang disediakan dengan data diri sobat</li><br /><ul><li>Username --> isi dengan nama yang ingin sobat gunakan, boleh apa saja yang penting mudah di ingat.<br /></li><br /><li>Password --> isi dengan password yang di inginkan.<br /></li><br /><li>Confirm password --> isi kembali dengan password yang tadi di tuliskan.</li><br /><li>Email address --> isi dengan alamat email sobat, tentunya yang masih valid.</li><br /><li>First name -->isi dengan nama depan sobat</li><br /><li>Last name --> isi dengan nama belakang sobat</li><br /><li>Country --> pilih nama negara dimana sobat tinggal. contoh : indonesia</li><br /><li>Postcode --> isi dengan kode pos daerah sobat</li><br /><li>Gender --> pilih sesuai dengan jenis kelamin sobat. male(pria), female(wanita)</li><br /><li>Date of birth --> pilih tanggal kelahiran sobat</li><br /><li>Preferances isi dengan tulisan yang tertera di situ</li></ul><br /><li>Klik tombol <b>Register</b></li><br /><li>Ada konfirmasi bahwa account yang baru di buat harus di aktifkan melalui email yang kita tulis tadi</li><br /><li>Cek email milik sobat yang tadi ditulis, periksa apakah email dari Snapdrive sudah sampai atau belum</li><br /><li>Jika email sudah sampai, silahkan buka email tersebut. Isi di dalam email tersebut ada yang berupa link untuk aktifasi, klik saja link tersebut</li><br /><li>Secara otomatis sobat akan dibawa kehalaman yang berisi ucapan terima kasih</li><br /><li>Klik tombol <b>OK</b></li><br /><li>Silahkan Login dengan username serta password yang tadi di tuliskan saat register</li><br /><li>Setelah berada di halaman account sobat, klik tulisan <b>Upload</b></li><br /><li>Klik tombol <b>Add Files</b></li><br /><li>Pilih file yang ada dikomputer sobat yang mau di upload</li><br /><li>Klik tombol <b>Upload</b>. tunggu beberapa saat ketika proses upload file sedang berlangsung</li><br /><li>Jika proses upload selesai, sobat akan diperlihatkan file yang di upload tadi. Klik tulisan <b>details</b> yang ada disebelahnya</li><br /><li>Klik tulisan <b>HTML Code</b></li><br /><li>Copy kode yang di berikan lalu paste pada program notepad</li><br /><li>Klik tulisan <b>Logout</b> untuk keluar dari situs tersebut</li><br /><li>Silahkan tutup layar browser sobat</li></ol><br /><br /><br />Langkah selanjutnya adalah memasukan kode tadi ke dalam blog kita, saya ambil contoh kode yang sudah di upload seperti ini :<br /><br /><br /><code> <span style="color:red;"> <a href="http://www.snapdrive.net/files/452250/billing%20internet.zip"></span><span style="color:black;">billing internet.zip<span style="color: rgb(255, 0, 0);"></a></span></span><span style="color:red;"></span> </code><br /><br /><br />Kode ini merupakan kode link biasa, jadi tentunya tidak mutlak. Kata billing internet.zip, bisa kita ganti dengan kata apa saja sekehendak kita. saya ambil contoh kata <b>billing internet.zip</b> di rubah menjadi kata <b>download</b>, maka kode diatas menjadi seperti di bawah ini :<br /><br /><br /><code> <span style="color:red;"> </span></code><span class="fullpost"><code><span style="color:red;"><a href="http://www.snapdrive.net/files/452250/billing%20internet.zip"></span></code></span><span class="fullpost"><code><span style="color:red;"></span><span style="color:black;">download</span><span style="color:red;"></span></code></span><span class="fullpost"><code><span style="color:black;"><span style="color: rgb(255, 0, 0);"></a></span></span></code></span><span class="fullpost"><code><span style="color:red;"></span> </code><br /><br /><br />Bagaimana cara memasukan kode diatas? tentu saja terserah sobat mau di tempatkan dimana saja, mau di sidebar, footer, atau bahkan di dalam postingan pun bisa. Saya ambil contoh didalam postingan isinya seperti ini :<br /><br />Untuk men download program billing internet, silahkan anda klik link di bawah ini :<br /><code> <br/><br/></code><br /><code> <span style="color:red;"> </span></code></span><span class="fullpost"><code><span style="color:red;"><a href="http://www.snapdrive.net/files/452250/billing%20internet.zip"></span></code></span><span class="fullpost"><code><span style="color:red;"></span><span style="color:black;">download</span><span style="color:red;"></span></code></span><span class="fullpost"><code><span style="color:black;"><span style="color: rgb(255, 0, 0);"></a></span></span></code></span><span class="fullpost"><code><span style="color:red;"></span> </code> </span><code><span style="color:red;"></span><span style="color:red;"></span> </code><br /><br /><br />Maka nanti di blog kita akan tampil seperti ini :<br /><br /><br />Untuk men download program billing internet, silahkan anda klik link di bawah ini :<br /><br /><a href="http://www.snapdrive.net/files/452250/billing%20internet.zip" rel="nofollow">download</a><br /><br /><br />Contoh link yang saya buat diatas adalah link yang benar-benar nyata untuk mendownload program billing internet, silahkan sobat klik untuk membuktikannya!<br /><br /><br />Saya kira sudah cukup pembahasan tentang cara membuat link download, mudah-mudahan dapat di mengerti. Selamat mencoba !<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-33473291580877965392009-07-08T12:45:00.003+07:002009-07-08T13:50:04.451+07:00Daftar dan Pasang MybloglogJika para sobat masih bingung dengan yang namanya <span style="font-weight: bold;">Mybloglog</span>, silahkan para sobat lihat ke bagian sidebar sebelah kanan yang bertuliskan mybloglog atau recent visitors. Disitu terdapat photo-photo para tamu yang pernah berkunjung ke blog ini, mereka juga sama-sama anggota yg terdaftar di mybloglog. Mungkin jika anda sering singgah di blog ini, foto anda pun sudah berada di sana !!! <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" border="0" height="18" width="18" /><div class="fullpost"><br /><br />Dalam arti kata berarti mybloglog itu ialah, suatu situs yang menyediakan layanan untuk melacak ( tracking ) para pengunjung atau website, apabila pengunjung tersebut merupakan anggota situs mybloglog maka secara otomatis terdeteksi dan di cantumkan dalam menu Recent Readernya ( pembaca terbaru ).<br /><br />Banyak manfaat yang kita dapatkan dari mybloglog itu sendir, contohnya kita bisa menambah trafic ke blog kita, kita juga bisa mengetahui link mana yang banyak di klik, dan yang pastinya manfaat dari mybloglog adalah bisa mempererat tali silaturahmi antar pengguna blog atau pemilik blog.<br /><br />Saya rasa para sobat sudah mengerti banyak tentang mybloglog, maka dari itu kita langsung saja membahas tentang cara bergabung di mybloglog, silahkan ikuti langkah-langkah berikut ini :<br /><ol><li>Silahkan buka situs <a style="color: rgb(51, 102, 255);" href="http://www.mybloglog.com/"><strong>http://www.mybloglog.com</strong></a></li><br /><li>Isi form yang telah di sediakan di bawah tulisan <b>Sign Up Now</b></li><br /><li>Screen name --> Isi dengan nama yang ingin di tampilkan. Contoh : Ichinx </li><br /><li>Email --> Isi dengan email sobat ( yang valid)</li><br /><li>Password --> Isi dengan password yang di inginkan.<br /></li><br /><li>Blog/Site URL --> Isi dengan alamat blog sobat. Contoh : http://learn-website.blogspot.com</li><br /><li>Klik Tombol <b>Register</b></li><br /><li>Terlihat beberapa form yang harus diisi lagi</li><br /><li>Blog/Site Title --> Isi dengan judul blog sobat</li><br /><li>Blog platporm --> pilih blogspot.com</li><br /><li>Dibagian bawah ada dua radio buttun, silahkan pilih yang sobat sukai</li><br /><li>Klik tombol yang bertuliskan <b>Complete Registration</b></li><br /><li>Klik tulisan <b>Go to Your page</b></li><br /><li>Klik tombol yang bertuliskan <b>Edit profile</b> yang berada di sebelah kanan atas</li><br /><li>Isi semua data diri sobat<br /></li><br /><li>Jika sudah selesai di isi semua, klik tombol bertuliskan <b>Update my profile</b></li><br /><li>Klik tulisam <b>MY HOME</b> untuk kembali ke home</li><br /><li>Klik tombol yang bertuliskan <b>Get Widget</b></li><br /><li>Klik kotak di samping tulisan <b>c_color_heading_bg</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna background heading</li><br /><li>Klik kotak di samping tulisan <b>c_color_heading</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan heading</li><br /><li>Klik kotak di samping tulisan <b>c_color_link_bg</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround link</li><br /><li>Klik kotak di samping tulisan <b>c_color_link</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link</li><br /><li>Klik kotak di samping tulisan <b>c_color_link</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom</li><br /><li>Tulis ukuran lebar yang sesuai dengan sidebar blog sobat (kalau mau di tempatkan di sidebar) contoh : 160</li><br /><li>Di samping tulisan <b>Show Screen Names</b> ada dua radio button, sebaiknya pilih <b>yes</b>, pilih <b>No</b> juga boleh</li><br /><li>Di samping tulisan <b>Image Size</b> ada dua radio button, sebaiknya pilih <b>Full-Size</b>, pilih <b>half-Size</b> juga boleh</li><br /><li>Disamping tulisan <b>Rows</b>, pilih berapa baris yang ingin muncul (terserah)</li><br /><li>Disamping tulisan <b>Title</b>, tulis kata yang sobat suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja</li><br /><li>Di bagian bawah, ada tulisan <b>Stat Tracking Script</b>, copy kode script yang di berikan lalu paste pada program <b>notepad</b>, silahkan save terlebih dahulu </li><br /><li>Kembali ke bagian atas</li><br /><li>Klik tombol bertuliskan <b>Preview and Get Code</b></li><br /><li>Copy seluruh kode yang berada di bawah tulisan <b>Recent Readers Widget Display & Code</b>, lalu paste ke dalam <b>notepad</b></li><br /><li>Silahkan klik tulisan <b>Logout</b> yang berada di bagian atas untuk keluar dari account sobat</li><br /><li>Silahkan close window situs tersebut.</li></ol> Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita atau widget blog kita, karena kode ini merupakan <i>Java Script</i>, maka cara memasukan kodenya sama dengan memasukan kode HTML.<br /><br />Lets Try !!!!<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-37245871116064262952009-07-07T04:36:00.008+07:002009-07-07T05:06:40.939+07:00Pasang VideoSelain memasang gambar pada postingan atau page, kita juga dapat memasang video yang kita inginkan. Dengan adanya video tentu akan lebih mempercantik dan memberikan informasi yang akurat. Memang jika kita memasang video dan image yang berlebihan, blog kita akan jadi lebih lambat dari sebelumnya. Tapi itu terserah bagi para sobat.. Untuk membuatnya kita harus melakukan langkah-langkah seperti berikut :<br /><div class="fullpost"><br /><br /><object height="340" width="425"><param name="movie" value="http://www.youtube.com/v/2F3MAqO79Yk&hl=en&fs=1&"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/2F3MAqO79Yk&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="340" width="425"></embed></object><br /><br />Untuk membuat sebuah video, kita bisa menggunakan situs layanan pembuatan video, salah satunya adalah <span style="font-weight: bold;">http://www.youtube.com</span>. Ikuti langkah-langkah berikut ini :<br /><br /><ol><li>Untuk daftar silahkan kunjungi <span style="font-weight: bold;">http://www.youtube.com</span></li><li>Setelah berada di situs tersebut, klik tulisan <b>Sign Up</b> yang berada pada layar bagian atas</li><li>Isi semua data diri anda pada form yang di sediakan, jangan lupa beri tanda tik/cek pada kotak di samping tulisan »» Sign me up for the "Broadcast Yourself" email - I agree to the terms of use and privacy policy. lalu klik tombol <b>Sign Up</b></li><li>Setelah berhasil, anda diminta untuk veryfikasi, silahkan cek email yang anda daftarkan tadi untuk melakukan veryfikasi</li><li>Jika email dari youtube.com sudah masuk, silahkan buka lalu klik tulisan <b>Confirm your email addres</b></li><li>Dengan meng klik tulisan tadi, secara otomatis anda sudah masuk kedalam halaman account anda dan siap untuk upload video</li><li>Klik tulisan <b>Upload Video</b> yang berada pada layar sebelah atas</li><li>Isi form yang di sediakan</li><li>Klik tombol bertuliskan <b>Continue Uploading</b></li><li>Klik tombol <b>Browse</b>, masukan file video yang ingin anda masukan</li><li>Beri tanda tik/cek pada radio button, <b>public</b> »» jika video anda bisa dilihat oleh umum. <b>Private</b> »» Jika video anda bersifat pribadi yang hanya bisa di lihat oleh orang yang anda tunjuk</li><li>Klik tombol <b>Upload Video</b>, tunggu beberapa saat sampai proses upload selesai</li><li>Setelah proses upload selesai, anda tinggal mengcopy kode HTML yang di berikan. lalu paste pada Notepad </li><li>Silahkan klik <b>Log Out</b> untuk keluar dari situs tersebut</li><li>Selesai. anda sudah mempunyai video yang bisa di simpan pada artikel anda</li></ol> Untuk memasukan kode video yang telah anda copy tadi, caranya yaitu anda tinggal posting artikel seperti biasa lalu sisipkan kode tersebut pada tempat yang anda inginkan. Cuma saat copy n' paste kode tersebut posisi posting harus pada <b>Edit HTML</b> jangan pada posisi <b>Compose</b>. Jika sudah selesai memasukan artikel, Tinggal klik Publish dan video anda siap di lihat oleh para pengunjung blog anda.<br /><br />Jika para sobat masih bingung memasukan kode video, caranya cari kode embed (di bawah url) lalu copy kode embed tsb, dan masukan kode embed pada tempat yg kita mau..<br /><br />Ex :<br /><br /><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/2F3MAqO79Yk&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2F3MAqO79Yk&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object><br /><br />Selamat bereksperimen ! ! !<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-58544981354821088312009-07-07T04:20:00.003+07:002009-07-07T04:34:20.423+07:00Pasang Icon Yahoo Messenger ( YM )Untuk menampilkan icon status online yahoo ! messenger, kita bisa memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3, style id 4, serta style id 5, Apa perbedaan dari style id ini? perbedaannya adalah ukuran dari icon itu sendiri, untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut :<br /><div class="fullpost"><br /><br /><br /> Style ID 1 Style ID 2 Style ID 3 Style ID 4 Style ID 5 <br /><br /> <img style="width: 571px; height: 39px;" src="http://i162.photobucket.com/albums/t253/rohman24/YM1.gif" border="0" /><br /><br /><img style="width: 588px; height: 47px;" src="http://i162.photobucket.com/albums/t253/rohman24/YM2.gif" border="0" /> <br /><br /><br />masing-masing gambar mempunyai URL adddress sendiri yaitu :<br /><br /><code> <span style="color: red;">http://opi.yahoo.com/online?u=</span>YahooID<span style="color: red;">&m=g&t=1 </span> <br />Untuk Style ID 1<br /><br /><span style="color: red;">http://opi.yahoo.com/online?u=</span>YahooID<span style="color: red;">&m=g&t=2 </span> <br />Untuk Style ID 2<br /><br /><span style="color: red;">http://opi.yahoo.com/online?u=</span>YahooID<span style="color: red;">&m=g&t=3 </span> <br />Untuk Style ID 3<br /><br /><span style="color: red;">http://opi.yahoo.com/online?u=</span>YahooID<span style="color: red;">&m=g&t=4 </span> <br />Untuk Style ID 4<br /><br /><span style="color: red;">http://opi.yahoo.com/online?u=</span>YahooID<span style="color: red;">&m=g&t=5 </span> <br />Untuk Style ID 5 </code><br /><br /><br />itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu :<br /><br /><code> <span style="color: red;"><img src="URL address"></span> </code><br /><br />Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :<br /><br /><code> <span style="color: red;"> <img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">YahooID</span>&m=g&t=1" border="0"></span><span style="color: red;"></span><br />Untuk Style ID 1<br /><br /><span style="color: red;"> <img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">YahooID</span>&m=g&t=2" border="0"></span><span style="color: red;"></span><br />Untuk Style ID 2<br /><br /><span style="color: red;"> <img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">YahooID</span>&m=g&t=3" border="0"></span><span style="color: red;"></span><br />Untuk Style ID 3<br /><br /><span style="color: red;"> <img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">YahooID</span>&m=g&t=4" border="0"></span><span style="color: red;"></span><br />Untuk Style ID 4<br /><br /><span style="color: red;"> <img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 255, 51);">YahooID</span>&m=g&t=5" border="0"></span><span style="color: red;"></span><br />Untuk Style ID 5 </code><br /><br /><br />Penambahan kode <code><span style="color: red;">border="0"</span></code>, agar gambar yang di hasilkan terhindar dari adanya garis tepi atau bingkai. Tapi tentu saja kode diatas adalah hanya untuk menampilkan gambar icon YM nya dan belum bisa bereaksi walaupun sudah di klik oleh para pengunjung.<br /><br />Ada beberapa pilihan yang bisa kita terapkan ketika pengunjung mengklik icon YM kita, yaitu :<br /><br /><br /><b>Kirim Instant Messenger</b>. <br /><br />Kodenya sebagai berikut :<br /><br /><code> <span style="color: red;"><a href="ymsgr:sendIM?<span style="color: rgb(51, 204, 0);">YOURID</span>">Kirim IM</a> </span><span style="color: red;"></span></code><br /><br />Sehingga untuk kode lengkapnya jadi seperti ini :<br /><br /><code> <span style="color: red;"><a href="ymsgr:sendIM?<span style="color: rgb(51, 204, 0);">YOURID</span>"><img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">YourID</span>&m=g&t=<span style="color: rgb(51, 204, 0);">StyleID</span>" border="0"></a></span><span style="color: red;"></span> </code><br /><br /><br /><br /><br /><b>Kirim Instant Messenger dengan pesan</b><br /><br />Kodenya sebagai berikut :<br /><br /><code> <span style="color: red;"><a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE">Kirim IM</a></span> </code><br /><br />Sehingga untuk kode lengkapnya jadi seperti ini :<br /><br /><code> <span style="color: red;"><a href="ymsgr:sendIM?<span style="color: rgb(51, 204, 0);">YOURID</span>&m=YOUR+MESSAGE"><img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">YourID</span>&m=g&t=<span style="color: rgb(51, 204, 0);">StyleID</span>" border="0"></a></span><span style="color: red;"></span> </code><br /><br /><br /> <b>Menambahkan link ke chat room favorit</b><br /><br />Kodenya sebagai berikut :<br /><br /><code> <span style="color: red;"><a href="ymsgr:addfriend?<span style="color: rgb(51, 204, 0);">YOURID</span>">Masukan ke daftar teman sobat</a></span><span style="color: red;"></span> </code><br /><br />Sehingga untuk kode lengkapnya jadi seperti ini :<br /><br /><code> <span style="color: red;"><span style="font-family: Georgia,serif;"><a href="ymsgr:addfriend?<span style="color: rgb(51, 204, 0);">YOURID</span>"><img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">YourID</span>&m=g&t=<span style="color: rgb(51, 204, 0);">StyleID</span>" border="0"></a><br /><br /></span></span></code> Bagaimana jelaskan? biar lebih jelas lagi saya beri contoh.<br /><br /><br />Karena email saya adalah amn_tea@yahoo.co.id maka id saya adalah <b>amn_tea</b>, Sehingga kode untuk mengirimkan <b>Instan Message</b> dengan pilihan Style ID 2 adalah sebagai berikut :<br /><br /><br /><code> <span style="color: red;"><a href="ymsgr:sendIM?<span style="color: rgb(51, 204, 0);">amn_tea</span>"><img src="http://opi.yahoo.com/online?u=<span style="color: rgb(51, 204, 0);">amn_tea</span>&m=g&t=<span style="color: rgb(51, 204, 0);">2</span>" border="0"></a></span><span style="color: red;"></span> </code><br /><br /><br />dan yang akan tampil seperti ini :<br /><br /><br /><br /><a href="ymsgr:sendIM?amn_tea"><img src="http://opi.yahoo.com/online?u=amn_tea&m=g&t=2" border="0" /></a><br /><br /><br /><br />Icon akan menyala jika anda sedang online di yahoo messenger.<br /><br /> Selamat mencoba ! ! !<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-38954931839533218052009-07-07T03:10:00.006+07:002009-07-07T03:52:34.317+07:00Memasang Gambar pada Judul ArtikelUntuk membuatnya, ada beberapa step yang harus dilakukan, antara lain :<br /><div class="fullpost"><br /><br /><li><b>Langkah pertama</b></li><br /><br />Langkah pertama yang harus dilakukan adalah membuat image ataupun logo yang di inginkan. jika sobat mahir dalam program grafik & design semisal adobe photoshop ataupun coreldraw, ya tinggal buat saja yang nyentrik. Tapi kalau tidak bisa atau males bisa gunakan layanan di internet.<br /><br /><br /><li><b>Langkah kedua</b></li><br /><br />langkah kedua yaitu sobat harus upload image atau logo tersebut, bisa ke blogger ataupun ke hosting lain. Misalkan biasanya saya menyimpan setiap image yang saya punya di <strong>www.Photobucket.com</strong>.<br /><br /><br /><li><b>Langkah ketiga</b></li><br /><br />langkah ketiga adalah mengatur ukuran dari image tersebut agar sesuai dengan yang di inginkan, karena jika terlalu besar atau terlalu kecil maka tentu saja akan tidak enak dipandang mata. Misalkan saya mempunyai URL image seperti ini :<br /><br /><span style="color: rgb(255, 0, 0);" class="fullpost">http://bima.ipb.ac.id/~anita/bendera.gif</span><code> </code><br /><br />Sebagaimana kita ketahui untuk membuat sebuah image bisa online maka kita tambahkan kode :<br /><br /><code> <span style="color:red;"><img src="URL image"></span> </code><br /><br />Sehingga kodenya akan jadi seperti ini :<br /><br /><span class="fullpost"><code><span style="color:red;"><span style="font-family:Georgia,serif;"><img src="http://bima.ipb.ac.id/~anita/bendera.gif"></span></span></code></span><br /><br />dan yang akan tampil adalah image dengan ukuran yang sebenarnya. contoh image tersebut adalah seperti ini :<br /><br /><br /><img src="http://bima.ipb.ac.id/%7Eanita/bendera.gif" /><br /><span class="fullpost"><code></code></span><span class="fullpost"><code></code></span><br /><span class="fullpost"><br />tentu saja bila kita memajang image sesuai ukuran image yang aslinya, ini menjadi kurang enak di lihat jika di padukan dengan tulisan judul posting. Untuk mengakalinya kita bisa menambahkan beberapa atribut kedalam kode image tersebut, antara lain atribut <code><span style="color:red;">width="..."</span></code> untuk lebar, <code><span style="color:red;">height="..."</span></code> untuk tinggi, dan <code><span style="color:red;">border="..."</span></code> untuk bingkai, dan dalam hal ini yang dipakai adalah border dengan nilai 0 (nol) agar terhindar dari setting template yang memakai nilai border. Saya ambil contoh kode image tadi jadi seperti ini :<br /><br /><code> <span style="color:red;"><img src="http://bima.ipb.ac.id/~anita/bendera.gif" width="45" hight="45" border="0"> </span></code></span><span class="fullpost"><code><span style="color:red;"></span></code><br /><br />sehingga image yang tadi akan berubah jadi seperti ini :<br /><br /><br /><br /><img src="http://bima.ipb.ac.id/%7Eanita/bendera.gif" hight="45" border="0" width="45" /><br /><br />Bagaimana sudah jelaskan cara merubah ukuran gambar? jika sudah, kita beranjak ke langkah selanjutnya.<br /><br /><br /><li><b>Langkah keempat</b></li><br /><br />langkah keempat yaitu memasukan kode gambar yang sudah kita modifikasi tadi ke dalam kode template blog milik kita. Silahkan ikuti langkah-langkah berikut ini :<br /><br />Untuk yang memakai template klasik :<br /><br /><ol><li>Sign in ke blogger dengan id sobat</li><br /><li>Klik menu <b>Template</b> </li><br /><li>Klik menu <b>Edit HTML</b></li><br /><li>Copy 'n paste seluruh kode HTML ke dalam notepad, ini dimaksudkan untuk mengurangi resiko apabila terjadi kesalahan pada saat kita melakukan editting kode template</li><br /><li>Cari kode berikut pada kode HTML sobat :</li><br /><br /><code><span style="color:red;"><$BlogItemTitle$></span></code><br /><br />cara yang mudah untuk menemukan kode tersebut adalah : klik menu <b>Edit</b> yang berada bar menu browser lalu klik <b>Find</b> kemudian tuliskan kode diatas tadi lalu klik tombol <b>Find</b>, maka secara otomatis kita akan langsung di bawa ke tulisan kode tadi. Nah kode <code><span style="color:red;"><$BlogItemTitle$></span></code> adalah merupakan kode untuk menampilkan <b><i>judul postingan</i></b>, maka kita harus menyimpan kode image yang kita miliki di dekatnya, bisa sebelum atau sesudahnya tergantung dari keinginan kita. Tentunya bila di simpan sebelum kode judul posting maka image pun akan muncul sebelum judul posting, jika di simpan sesudah kode judul posting sudah barang tentu image pun akan muncul sesudah tulisan judul. Saya ambil contoh kode image di simpan sebelum tulisan judul :<br /><br /><code> <span style="color:red;"><span style="font-family:Georgia,serif;"><img src="http://bima.ipb.ac.id/~anita/bendera.gif" width="45" hight="45" border="0">&nbsp;&nbsp;<$BlogItemTitle$></span></span></code><br /><br />pemasangn kode adalah untuk memberi jarak spasi antara image dengan tulisan judul, sebab jika tidak menambahkan kode maka image dengan tulisan akan bersatu walaupun kode image dengan kode judul di tulis ada jarak spasinya.<br /><br /><li>Klik tombol <b>Preview</b> untuk melihat perubahan yang dilakukan</li><br /><br /><li>Jika sudah OK, klik tombol <b>Save Settings</b></li><br /><br /><li>Selesai</li></ol><br /><br />Maka setiap sobat posting artikel, secara otomatis image yang kita pasang tadi akan muncul tanpa harus di tuliskan kembali. Untuk contoh nyata silahkan lihat judul postingan ini.<br /><br /><br /><br />Untuk yang memakai templat baru :<br /><br />Catatan awal bagi yang memakai template baru yaitu setiap tag yang kita pakai harus selalu di tutup tidak seperti template klasik, contoh kode gambar yang tadi kita pakai adalah :<br /><br /><code> <span style="color:red;"><span style="font-family:Georgia,serif;"><img src="http://bima.ipb.ac.id/~anita/bendera.gif" width="45" hight="45" border="0"><br /></span></span></code></span><br />kode image tersebut tag nya harus ditutup dengan tag penutup :<br /><br /><code> <span style="color:red;"></img></span> </code><br /><br />Sehingga kode image jadi bertambah menjadi :<br /><br /><code> <span style="color:red;"><img src="http://bima.ipb.ac.id/~anita/bendera.gif" width="45" hight="45" border="0"></img></span> </code><br /><br /><br />Untuk memasukan kode gambar yang sudah di tambahi tag penutup tadi, silahkan ikuti langkah berikut :<br /><br /><ol><li>Sign in ke blogger dengan id sobat</li><br /><li>Klik menu <b>Layout</b></li><br /><li>Klik menu <b>Edit HTML</b></li><br /><li>Klik tulisan <b>Download Full Template</b></li><br /><li>Silahkan save dulu template sobat, ini untuk back up data apabila terjadi kesalahan editting</li><br /><li>Beri tanda centang pada kotak disamping tulisan <b>Expand Widget Templates</b>. Sekali lagi jangan lupa beri tanda centang, sebab kalau tidak, nanti tidak akan sesuai dengan langkah selanjutnya </li><br /><li>Tunggu beberapa saat sampai proses selesai</li><br /><li>Cari kode berikut pada template sobat :</li><br /><br /><br /><code> <span style="color:red;"> <span style="font-family:Georgia,serif;"><a expr:href='data:post.url'><data:post.title/></a><br /><b:else/></span></span></code><br /><br /><li>Sisipkan kode gambar yang kita miliki diantara kode : </li><br /><br /><br /><code> <span style="color:red;"> <a expr:href='data:post.url'></span> dan kode <span style="color:red;"><span style="font-family:Georgia,serif;"><data:post.title/></a><br /><b:else/><br /></span></span></code><br />Sehingga bila di satukan kodenya menjadi :<br /><br /><code style="color: rgb(0, 0, 0);"> <span style="font-family:Georgia,serif;"><span style="color: rgb(255, 0, 0);"><a expr:href='data:post.url'></span> <img src="http://bima.ipb.ac.id/~anita/bendera.gif" width="45" hight="45" border="0"></img> &nbsp;&nbsp;<span style="color: rgb(255, 0, 0);"><data:post.title/></a></span><br /><span style="color: rgb(255, 0, 0);"><b:else/></span></span></code><br /><br /><li>Klik tombol <b>PREVIEW</b> untuk melihat perubahan </li><br /><li>bila sudah OK, klik tombol <b>SAVE TEMPLATE</b></li><br /><li>Selesai</li></ol> Selamat mencoba !<br /><img src="http://bima.ipb.ac.id/~anita/bird_ann.gif"><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-90693634149133525452009-07-06T04:07:00.003+07:002009-07-06T04:49:11.779+07:00Membuat BlogrollJika para blogger belum mengerti apa itu blogroll, akan saya jelaskan terlebih dahulu. Blogroll ialah tool yang digunakan untuk menyimpan link blog dengan cara menghemat space.<br />Dalam tutorial blogroll ini, terdapat beberapa cara, yaitu :<br /><span class="fullpost"><br /><li> <b>Blogroll dengan marquee</b></li><br /><br />Biasanya kebanyakan para blogger membuat blogroll dengan menggunakan perintah marque, karna bentuknya yang bisa membuat blog kita lebih bagus untuk di lihat.<br /><br />Contoh membuat blogroll dengan perintah marquee :<br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" ><br /><br /><a href="http://learn-website.blogspot.com" target="_blank">Ichinx Warehouse</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/webmaster" target="_blank">Webmaster</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/blogging" target="_blank">Blogging</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/promosi-website" target="_blank">Promosi Website</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/tips-n-trick" target="_blank">Tips & Trick</a><br /><br/><br/><br /><br /></marquee><br /><br /><br /><br />Maka nanti yang akan tampil pada blog kita adalah seperti ini :<br /><br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="200" width="100%"><br /><br /><a href="http://learn-website.blogspot.com/" target="_blank">Ichinx Warehouse</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/webmaster" target="_blank">Webmaster</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/blogging" target="_blank">Blogging</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/promosi-website" target="_blank">Promosi Website</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/tips-n-trick" target="_blank">Tips & Trick</a><br /><br /><br /><br /><br /></marquee><br /><br /><br />Kode diatas tidak harus di tuliskan persis seperti di atas, tapi bisa di sesuaikan dengan kondisi dan keinginan sobat. Kode yang bisa di rubah adalah :<br /><br />scrollamount="2" --> angka "2" adalah menunjukan kecepatan gerakan, jika ingin lebih cepat silahkan ganti nilainya dengan yang lebih tinggi. Misal : scrollamount="3" ,scrollamount="4" , scrollamount="5"<br /><br />direction="up" --> tulisan "up" menunjukan arah gerakan keatas, kalau ingin di rubah tinggal ganti kata "up" menjadi "down,left,right" . Misal : direction="down" , direction="left" , direction="right" .<br /><br />width="50%" --> tulisan "50%" menunjukan lebar dari marquee sebesar "50%" dari tempat dimana perintah ini ditempatkan, jika ingin di rubah tinggal ganti dengan nilai yang di inginkan. contoh : width="30%" , width="70%" , width="100%"<br /><br />height="200" --> tulisan "200" menunjukan tinggi dari marquee sebesar 200px, jika ingin di ganti tinggal di rubah nilai angkanya. Misal : height="100" , height="300" , height="400" , height="250" .<br /><br /><br /><br />Ada variasi lain, yaitu dengan memakai tabel, contoh :<br /><br /><table border="3" width="155" height="130" cellpadding="2"><br /><br /><tr><br /><br /><td align="left"><br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" ><br /><br /><a href="http://learn-website.blogspot.com" target="_blank">Ichinx Warehouse</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/webmaster" target="_blank">Webmaster</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/blogging" target="_blank">Blogging</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/promosi-website" target="_blank">Promosi Website</a><br /><br/><br/><br /><a href="http://learn-website.blogspot.com/search/label/tips-n-trick" target="_blank">Tips & Trick</a><br /><br/><br/><br /><br /></marquee><br /><br /></td><br /><br /></tr><br /><br /></table><br /><br /><br />Maka hasilnya akan seperti di bawah ini :<br /><br /><br /><table border="3" cellpadding="2" height="130" width="155"><br /><br /><tbody><tr><br /><br /><td align="left"><br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="200" width="100%"><br /><br /><a href="http://learn-website.blogspot.com/" target="_blank">Ichinx Warehouse</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/webmaster" target="_blank">Webmaster</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/blogging" target="_blank">Blogging</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/promosi-website" target="_blank">Promosi Website</a><br /><br /><br /><br /><a href="http://learn-website.blogspot.com/search/label/tips-n-trick" target="_blank">Tips & Trick</a><br /><br /><br /><br /><br /></marquee><br /><br /></td><br /><br /></tr><br /><br /></tbody></table><br /><br /><br /><br /><li> <b>Blogroll dengan menu dropdown</b></li><br /><br /><br />Untuk membuat blogroll pada menu dropdown, silahkan lihat contoh di bawah :<br /><br /><br /><form><br /><br /><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><br /><br /><option> - Blogroll - </option><br /><br /><option value="http://learn-website.blogspot.com">Ichinx Warehouse</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/webmaster">Webmaster</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/blogging">Blogging</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/promosi-website">Promosi Website</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/tips-n-trick">Tips & Trick</option><br /><br /></select><br /><br /></form><br /><br /><br />Hasilnya akan seperti ini, silahkan klik pada menu dropdownnya : <br /><br /><br /><form><br /><br /><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"><option> - Blogroll - </option><option value="http://learn-website.blogspot.com">Ichinx Warehouse</option><option value="http://learn-website.blogspot.com/search/label/webmaster">Webmaster</option><option value="http://learn-website.blogspot.com/search/label/blogging">Blogging</option><option value="http://learn-website.blogspot.com/search/label/promosi-website">Promosi Website</option><option value="http://learn-website.blogspot.com/search/label/tips-n-trick">Tips & Trick</option></select><br /><br /></form></span><span class="fullpost"></span><span class="fullpost"></span><span class="fullpost"><br /><br /><br /><br />Contoh variasi lainnya :<br /><br /><br /><h3> Blogroll </h3><br /><br /><div align="left"><br /><br /><select style size=5="font-weight: normal; font-size: 13px; width="135"; font-family: Verdana,Tahoma,Arial; background-color: rgb(229, 229, 229);" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"><br /><br /><option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--Teman-temanku--</option><br /><br /><option value="http://learn-website.blogspot.com">Ichinx Warehouse</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/webmaster">Webmaster</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/blogging">Blogging</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/promosi-website">Promosi Website</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/tips-n-trick">Tips & Trick</option><br /><br /></select><br /><br /></form> </div><br /><br /><br />Hasilnya akan seperti ini :<br /><br /><br /><br /><h3> Blogroll </h3><br /><br /><div align="left"><br /><br /><select style="" width="135" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="5" name="menu"><option style="font-weight: normal; font-size: 11px; color: rgb(204, 204, 204); font-family: Verdana,Tahoma,Arial;" value="" selected="selected">--Teman-temanku--</option><option value="http://learn-website.blogspot.com">Ichinx Warehouse</option><option value="http://learn-website.blogspot.com/search/label/webmaster">Webmaster</option><option value="http://learn-website.blogspot.com/search/label/blogging">Blogging</option><option value="http://learn-website.blogspot.com/search/label/promosi-website">Promosi Website</option><option value="http://learn-website.blogspot.com/search/label/tips-n-trick">Tips & Trick</option></select><br /><br /></div><br /><br /><br /><br />Kata left yang berada pada kode <div align="left"> menunjukan bahwa menu ini akan di simpan di sebelah kiri, jika mau di rubah tinggal ganti saja dengan kata "center" atau "right".<br /><br />Selamat mencoba ! ! !<br /></span>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-17828444255227735212009-07-06T03:30:00.003+07:002009-07-06T03:43:12.235+07:00User Online StatusBerapa banyak orang yang online di blogmu? Anda tahu atau tidak? jika para sobat tidak tahu berapa banyak orang yang online di blogmu, para sobat bisa menggunakan sebuah tool untuk mengetahuinya. Untuk mendapatkan tool user online status, salah satunya kita bisa mendapatkan dari <strong>www.Geovisite.com</strong>, untuk langkah-langkahnya silahkan ikuti langkah berikut :<br /><div class="fullpost"><br /><ol><li>Silahkan buka <a href="http://www.geovisite.com/"><strong>www.geovisite.com</strong></a></li><br /><br /><li>Klik tulisan <b>Register</b> yang berada di bawah gambar Geo counter Flash </li><br /><br /><li>Tulis alamat email sobat pada kotak kosong di samping tulisan <b>Email</b></li><br /><br /><li>Tulis address blog milik sobat disamping tulisan <b>URL</b>. Contoh : http://rubrik-elektronik.blogspot.com</li><br /><br /><li>Tulis kata untuk login di samping tulisan <b>Login (4/12)</b>. Contoh : ichinx<br /></li><br /><br /><li>Tulis password yang di inginkan disamping tulisan <b>password (4/8)</b>. Contoh : warehouse</li><br /><br /><li>Pilih waktu yang sesuai dengan daerah sobat disamping tulisan <b>Location</b>. contoh :untuk daerah jakarta adalah Asia/Jakarta (GMT+7)</li><br /><br /><li>Pilih kategori yang sesuai dengan blog sobat di samping tulisan <b>Category</b>. Contoh : Internet</li><br /><br /><li>Pilih bahasa yang sesuai dengan blog sobat di samping tulisan <b>Language of your site</b>. Contoh : English (soalnya kalo indonesia ga ada, belum di akui bo)</li><br /><br /><li>Pilih judul blog sobat disamping tulisan <b>Title</b>. Contoh : Berita Blog<br /></li><br /><br /><li>Tulis deskripsi dari blog milik sobat pada kotak di samping tulisan <b>Descriptioan</b>. Contoh : All about Electronic, tips, maintenance, until how to service the equipment of electronic</li><br /><br /><li>Klik tombol yang berlogo disket</li><br /><br /><li>Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad</li><br /><br /><li>Silahkan close window browser sobat</li><br /><br /><li>langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML milik sobat</li><br /><br /><li>Selesai.</li></ol><br /><br />Sebagai tambahan, situs penyedia yang lainnya sobat bisa kunjungi di :<br /><br /><ul><li><strong>http://www.neoworx.net</strong></li><br /><li><strong>http://www.webfooted.net</strong></li><br /><li><strong>http://www.fastonlineusers.com</strong></li><br /><li><strong>http://www.histats.com</strong> </li></ul><br /><br /><br />Selamat mencoba y....!!!!<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-37006484463061153342009-07-06T02:54:00.002+07:002009-07-06T03:28:08.219+07:00Readmore pada template baruSesuai janji saya pada waktu itu, kali ini saya akan menjelaskan tutorial tentang membuat perintah readmore pada template yang baru. Untuk caranya silahkan ikuti langka-langkah berikut :<div class="fullpost"><br /><ul><li>Sign in di blog dengan id anda<br /></li><br /><br /><li>Klik Setting</li><br /><br /><li>Klik Formatting</li><br /><br /><li>Pada layar paling bawah, ada text area kosong disamping tulisan <b>Post Template</b>, isi text area kosong tersebut dengan kode di bawah ini :</li><br /><br /><br /><br /><code><div class="fullpost"><br /><br /><br /></div> </code><br /><br /><br /><br /><li>Klik tombol yang bertuliskan <b>Save Settings</b></li><br /><br />Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut. </ul><br /><br />Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :<br /><br /><ul><li>Klik menu <b>Dasboard</b></li><br /><br /><li>Klik menu <b>Layout</b></li><br /><br /><li>Klik menu <b>Edit HTML</b></li><br /><br /><li>Klik tulisan <b>Download Full Template</b></li><br /><br /><li>Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula</li><br /><br /><li>Beri tanda <b>centang</b> pada kotak di samping tulisan <b>Expand Widget Template</b></li><br /><br /><li>Tunggu beberapa saat ketika proses sedang berlangsung</li><br /><br /><li>Silahkan Sobat cari kode berikut pada kode template milik sobat :</li><br /><br /><br /><code> <span style="font-family: Georgia,serif;"><div class='post-body'> </span></code><br /><br /><br /><li><i>Copy</i> kode HTML di bawah ini kemudian <i>paste</i> di bawah kode tadi</li><br /><br /><br /><br /><code> <span style="font-family: Georgia,serif;"><b:if cond='data:blog.pageType == "item"'><br /><br /><style>.fullpost{display:inline;}</style><br /><br /><p><data:post.body/></p><br /><br /><b:else/><br /><br /><style>.fullpost{display:none;}</style><br /></span></code><br /><br /><br /><li>Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :</li><br /><br /><br /><code> <span style="font-family: Georgia,serif;"><p><data:post.body/></p> </span></code><br /><br /><br /><li><i>Copy</i> kode HTML di bawah ini kemudian <i>paste</i> di bawah kode tadi</li><br /><br /><br /><code> <a expr:href='data:post.url'>Read More......</a><br /><br /></b:if> </code><br /><br /><br /><li>klik tombol bertuliskan <b>Save Template</b><br /><br /></li><li>Selesai.</li></ul><br /><br /><br /><br /> <b>Cara Posting Artikel</b><br /><br /><ul><li>Klik menu <b>Posting</b></li><br /><br /><li>Klik menu <b>Edit HTML</b>, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :</li><br /><br /><br /><br /><code> <div class="fullpost"><br /><br /><br /></div> </code><br /><br /><br /><br /><li>Tulisankan artikel yang ingin tampak pada blog sebelum kode :</li><br /><br /><br /><code> <span style="font-family: Georgia,serif;"><div class="fullpost"> </span></code><br /><br /><br /><li>Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :</li><br /><br /><br /><code> <span style="font-family: Georgia,serif;"></div> </span></code><br /><br /><br /><li>Klik tombol bertuliskan <b>PUBLISH POST</b></li><br /><br /><li>Klik tulisan <b>Open New Window</b> untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas</li><br /><br /><li>Selamat mencoba !</li></ul> Catatan :<br />Untuk kata <span style="font-weight: bold;">Readmore</span>, kita bisa menggantinya dengan kata yang kita mau. Contoh, kita bisa mengubah dengan kata Selengkapnya.., Baca selengkapnya.., Lanjutannya…<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com2tag:blogger.com,1999:blog-838000825663493344.post-17173642400066366202009-07-05T21:37:00.004+07:002009-07-05T21:45:26.804+07:00Membuat Foto AnimasiUntuk membuat foto animasi kita bisa menggunakan jasa situs-situs pembuatan animasi. Banyak sekali situs pembuat animasi foto di internet, jumlahnya ribuan atau bahkan jutaan. Sebagai contoh anda bisa kunjungi salah satu situs yaitu, <strong>http://www.slide.com</strong>. Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :<br /><div class="fullpost"><br /><ol><li>Silahkan buka situs <a href="http://www.blogger.com/www.slide.com">www.slide.com</a></li><br /><li>Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut </li><br /><li>Klik tulisan <b>Sign Up</b> untuk melakukan pendaftaran (daftar gratis)</li><br /><li>Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan</li><br /><li>Jika sudah, silahkan klik tombol <b>sign Up</b>, dan otomatis sobat sudah masuk ke halaman account sobat</li><br /><li>Langkah selanjutnya adalah melakukan pembuatan animasi</li><br /><li>Klik <b>style</b>, untuk memilih gaya dari animasi</li><br /><li>klik <b>skin</b>, untuk memilih bingkai animasi</li><br /><li>klik <b>Size</b> untuk memilih ukuran</li><br /><li>Klik Tombol <b>Select Image</b>, lalu masukan foto/image yang ingin sobat masukan</li><br /><li>klik tombol <b>Upload</b> untuk melakukan proses upload foto</li><br /><li>Jika proses upload selesai, klik tombol<b>Save</b></li><br /><li>Copy kode HTML yang di berikan, lalu paste pada program notepad</li><br /><li>Klik tulisan <b>Log Out</b> untuk keluar dari situs tersebut. Silahkan tutup halaman browser </li><br /><li>Langkah selanjutnya adalah memasukan kode HTML animasi tersebut ke dalam blog sobat.</li></ol>Atau para sobat bisa juga daftar di <span class="fullpost"><a href="http://www.flickr.com"><span style="font-weight: bold;">http://www.flickr.com</span></a> dan </span><a href="http://www.picturetrail.com"><span class="fullpost"><span style="font-weight: bold;">http://www.picturetrail.com</span></span></a><br /><br />Selamat Mencoba...!!!<br /><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-67543535392438745032009-07-05T21:22:00.003+07:002009-07-05T21:34:13.987+07:00Memasang Statistik dan TrackerDengan memasang statistik dan tracker, kita dan pengunjung bisa mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita, dan kita bisa mengetahui si pengunjung blog kita datang dari mana, apa dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya.<br /><div class="fullpost"><br />Kita bisa menggunakan dengan cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs <a href="http://www.sitemeter.com/"><strong>http://www.sitemeter.com</strong></a>. Berikut adalah contoh tool yang bisa kita pilih : <p> </p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLZcPg1CmKdf_H696LJxDFJ3kElUbYSAJTeyLKI2zewvMZqlIJzZXE4z5RJ7FtEHKSl6Wp7IoO4Y21lYh8iuOKBtyoLaYUnrmRENJKCQdyoudHpSZkT-SudpNI7hQa8eZ7B7aiQAnOIkk/s1600-h/sitemeter_03.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLZcPg1CmKdf_H696LJxDFJ3kElUbYSAJTeyLKI2zewvMZqlIJzZXE4z5RJ7FtEHKSl6Wp7IoO4Y21lYh8iuOKBtyoLaYUnrmRENJKCQdyoudHpSZkT-SudpNI7hQa8eZ7B7aiQAnOIkk/s400/sitemeter_03.jpg" alt="" id="BLOGGER_PHOTO_ID_5179863795192071826" border="0" /></a> <p> </p> Untuk mendapatkannya silahkan ikuti langkah-langkah berikut :<br /><br /><ol><li>Silahkan kunjungi situs <a href="http://www.sitemeter.com/">http://www.sitemeter.com</a>. </li><br /><br /><li>klik tulisan <b>Sign Up</b> untuk melakukan pendaftaran</li><br /><br /><li>klik tombol bertuliskan <b>Next</b></li><br /><br /><li>Klik tombol <b>Next</b> lagi</li><br /><br /><li>Isi semua tabel yang ada lalu klik tombol <b>Next</b> lagi</li><br /><br /><li>Isi lagi tabel yang ada, lalu klik tombol <b>Next</b> lagi</li><br /><br /><li>klik tombol <b>Next</b> lagi</li><br /><br /><li>klik tombol <b>Next</b> lagi ( cape dech next..next melulu <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" alt="emoticon.gif" height="18" width="18" /> )</li><br /><br /><li>Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan</li><br /><br /><li>Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com</li><br /><br /><li>Silahkan login dengan id anda</li><br /><br /><li>Bila sudah login, Klik menu <b>Manager</b></li><br /><br /><li>Klik Menu <b>Meter Style</b> untuk memilih gaya dari site meter anda </li><br /><br /><li>Pilih style yang anda sukai, kemudian klik tombol <b>Select</b></li><br /><br /><li>Klik menu <b>HTML Code</b> </li><br /><br /><li>Klik tulisan <i>Adding site Meter to a Blogger.com Site</i></li><br /><br /><li>copy semua kode HTML yang di berikan lalu paste pada Notepad</li><br /><br /><li>Klik menu <b>Logout</b> untuk keluar dari situs tersebut</li><br /><br /><li>Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita<br /><br /><br /><br /></li></ol> Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :<br /><br />khusus blog dengan template klasik :<br /><br /><ol><li>Sign in di blogger dengan id anda</li><br /><br /><li>Klik menu <strong>TEMPLATE</strong> </li><br /><br /><li>Klik Edit <strong>HTML</strong></li><br /><br /><li>Klik Edit (yang ada pada bar menu browser anda)</li><br /><br /><li>Klik Find (on this page)... ⇒ untuk mempercepat pencarian</li><br /><br /><li>Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find</li><br /><br /><li>Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol <b>Preview</b> untuk melihat perubahan yang terjadi</li><br /><br /><li>Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai </li></ol><br /><br />Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <span style="color: rgb(0, 153, 0);"><center> ...kode site meter... </center> </span><br /><br />Untuk blog dengan Template baru :<br /><br /><ol><li> Login di blogger dengan ID anda</li><br /><br /><li>Klik menu <strong>layout</strong></li><br /><br /><li>Klik <strong>Elemen Halaman</strong></li><br /><br /><li>Klik <strong>Tambahkan sebuah Elemen Halaman</strong></li><br /><br /><li>Klik <strong>TAMBAHKAN KE BLOG</strong> pada menu HTML/JavaScript</li><br /><br /><li>Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)</li><br /><br /><li>Copy & paste kode Site meter pada kolom isian</li><br /><br /><li>Klik tombol <b>Simpan Perubahan</b></li><br /><br /><li>Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)</li><br /><br /><li>Klik tombol <b>PRATINJAU</b> untuk melihat perubahan yang baru di lakukan</li><br /><br /><li>Bila sudah cocok dengan perubahan tadi, klik tombol <b>SIMPAN</b></li><br /><br /><li>Selesai</li></ol><br /><br />Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-17047848910073477552009-07-05T20:36:00.003+07:002009-07-05T20:56:01.802+07:00Membuat Buku Tamu ( Shoutbox / Guestbook )Salah satu sarana untuk berinteraksi antara yang punya blog dengan si pengunjung blog tsb adalah dengan memasang buku tamu pada sebuah blog. Di buku tamu, para pengunjung bisa menulis komentar tentang blog yang anda buat, bisa berisi pujian, pertanyaan, sekedar iseng, bahkan ada juga merupakan kritikan terhadap isi blog anda.<br /><div class="fullpost"><br />Untuk mendapatkan buku tamu sangat mudah, kita bisa tinggal mencari pada mesin pencari semisal google atau yahoo. Atau anda bisa menggunakan alamat situs yang servernya lumayan bagus, yaitu, Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, <a style="color: rgb(51, 51, 255);" href="http://www.shoutmix.com/"><strong>http://www.shoutmix.com</strong></a>. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :<br /><br /><p></p><ol><li>Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan. </li><li>Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda </li><li>Pada kolom yang berjudul <strong>Style</strong>, klik menu <strong>appearance</strong>. </li><li>Silahkan klik menu <em>pulldown</em> di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik <strong>Save Setting</strong>.</li><li>Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik <strong>Use Shoutbox</strong> yang berada di bawah menu <strong>Quick Start</strong></li><li>Klik tulisan <strong>Place Shoutbox on web page</strong>. Isi lebar dan tinggi shoutbox yang di inginkan </li><li>Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan <strong>Generated Codes</strong>, lalu simpan di program Notepad anda</li><li>Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.</li><li>Selesai </li></ol> <p> </p> <p>Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.</p> <p><strong>Untuk blogger dengan template klasik</strong> :</p> <ol><p> </p><li>Log in terlebih dahulu ke blogger.com dengan id anda </li><li>Klik menu <strong>Template</strong></li><li>Klik <strong>Edit HTML</strong></li><li>Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan</li><li>Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya. </li><li>Klik tombol <strong>Preview</strong> untuk melihat perubahan yang kita buat.</li><li>Jika sudah cocok dengan perubahan tadi, klik <strong>Save Template Changes</strong></li><li>Selesai</li></ol> <p> </p> <p>Anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut. </p> <p> </p> <p><strong>Untuk Blogger baru</strong> :</p> <ol><p> </p><li>Silahkan Login dengan id anda </li><li>Klik menu <strong>Layout</strong></li><li>Klik <strong>Page Element</strong></li><li>Klik <strong>Add a Page Element</strong></li><li>Klik tombol<strong> Add to Blog</strong> yang berada di bawah tulisan <strong>HTML/JavaScript</strong> </li><li>Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka</li><li>Copy paste kode HTML shoutbox anda di dalam form <strong>Content</strong> </li><li>Klik tombol <strong>Save Changes</strong></li><li>Drag & Drop element yang telah anda buat tadi di tempat yang di sukai</li><li>Tekan tombol <strong>Save</strong></li><li>Selesai</li></ol> <p> </p> <p>Selamat mencoba ! </p> <p> </p> <p>Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :</p> <ol><li><a href="http://oggix.com/" title="untuk menuju oggix.com. silahkan klik di sini" rel="nofollow" target="_blank">http://oggix.com</a></li></ol> <p>Untuk langkah-langkahnya hampir sama dengan langkah diatas. </p> </div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com1tag:blogger.com,1999:blog-838000825663493344.post-19710639863960160792009-07-05T20:30:00.001+07:002009-07-05T20:35:30.738+07:00Membuat Banner AnimasiAgar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa. Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.<br /><div class="fullpost"><br />bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi <a href="http://www.addesigner.com"><span style="font-weight: bold;">http://www.addesigner.com</span></a> Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.<br /><br />Contoh banner animasi : <br /><br /><br /> <a href="http://www.addesigner.com/" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/addesign.gif" /></a> <br /><br />selamat mencoba.<br /><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-54705104630510960542009-06-30T22:09:00.002+07:002009-06-30T22:29:02.876+07:00Memberikan Simbol Yahoo ( Emoticons )Untuk para sobat yang ingin memberikan icon / simbol yahoo, kalian bisa copy source code dibawah ini.<br /><div class="fullpost"><br /><img alt="happy" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" border="0" height="18" width="18" />:)happy<br /><code> <span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="sad" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" border="0" height="18" width="18" />:(sad<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="winking" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" border="0" height="18" width="18" />;)winking<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="big grin" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" border="0" height="18" width="18" />:Dbig grin<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="batting eyelashes" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" border="0" height="18" width="18" />;;)batting eyelashes<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0><br /></span></code><br /> <img alt="big hug" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" border="0" height="18" width="42" />>:D<big hug=""><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0><br /></span></code><br /><img alt="confused" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" border="0" height="18" width="20" />:-/confused<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width=42 height=18 border=0></code><br /><br /><img alt="love struck" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" border="0" height="18" width="18" />:xlove struck<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=42 height=18 border=0></code><br /><br /><img alt="blushing" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" border="0" height="18" width="18" />:">blushing<br /><code></code><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="tongue" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" border="0" height="18" width="18" />:Ptongue<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="kiss" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" border="0" height="18" width="18" />:-*kiss<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="broken heart" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" border="0" height="18" width="18" />=((broken heart<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="surprise" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" border="0" height="18" width="18" />:-Osurprise<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="angry" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" border="0" height="18" width="34" />X(angry<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="smug" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" border="0" height="18" width="18" />:>smug<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="cool" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" border="0" height="18" width="18" />B-)cool<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="worried" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" border="0" height="18" width="18" />:-Sworried<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="whew!" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" border="0" height="18" width="34" />#:-Swhew!<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="devil" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" border="0" height="18" width="18" />>:)devil<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="crying" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" border="0" height="18" width="22" />:((crying<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="laughing" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" border="0" height="18" width="18" />:))laughing<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="straight face" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" border="0" height="18" width="18" />:straight face<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="raised eyebrow" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" border="0" height="18" width="18" />/:)raised eyebrow<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="rolling on the floor" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" border="0" height="18" width="30" />=))rolling on the floor<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=42 height=18 border=0><br /></code></span><span class="fullpost"><code></code><br /><img alt="angel" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" border="0" height="18" width="30" />O:-)angel<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="nerd" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" border="0" height="18" width="24" />:-Bnerd<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /><img alt="talk to the hand" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" border="0" height="18" width="18" />=;talk to the hand<br /><code></code></span><span class="fullpost"><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width=42 height=18 border=0></code></span><span class="fullpost"><code></code><br /><br /> <b><h2>Yahoo hidden emoticons</h2></b><br /><br /><img alt="puppy dog eyes - New!" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" border="0" height="18" width="31" />:o3puppy dog eyes - New!<br /><br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" width=31 height=18 border=0></code><br /><br /><img alt="I don't know" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" border="0" height="18" width="40" />:-??I don't know<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" width=40 height=18 border=0></code><br /><br /><img alt="not listening" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" border="0" height="18" width="52" />%-(not listening<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" width=52 height=18 border=0></code><br /><br /><img alt="pig" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" border="0" height="18" width="18" />:@)pig<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="cow" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" border="0" height="18" width="18" />3:-Ocow<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" width=18 height=18 border=0></code><br /><br /><img alt="monkey" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" border="0" height="18" width="21" />:()monkey<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" width=21 height=18 border=0></code><br /><br /><img alt="chicken" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" border="0" height="18" width="18" />~:>chicken<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" width=18 height=18 border=0></code><br /><br /><img alt="rose" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" border="0" height="18" width="18" />@};-rose<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" width=18 height=18 border=0></code><br /><br /><img alt="good luck" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" border="0" height="18" width="18" />%%-good luck<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" width=18 height=18 border=0></code><br /><br /><img alt="flag" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" border="0" height="18" width="25" />**==flag<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" width=25 height=18 border=0><br /></span></code><br /><img alt="pumpkin" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" border="0" height="18" width="17" />(~~)pumpkin<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" width=17 height=18 border=0><br /></span></code><br /><img alt="coffee" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" border="0" height="18" width="18" />~O)coffee<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" width=18 height=18 border=0></code><br /><br /><img alt="idea" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" border="0" height="18" width="30" />*-:)idea<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" width=30 height=18 border=0></code><br /><br /> <img alt="skull" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" border="0" height="18" width="18" />8-Xskull<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" width=18 height=18 border=0><br /></span></code><br /> <img alt="bug" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" border="0" height="18" width="20" />=:)bug<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" width=20 height=18 border=0></code><br /><br /> <img alt="alien" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" border="0" height="18" width="18" />>-)alien<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" width=18 height=18 border=0></code><br /><br /><img alt="frustrated" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" border="0" height="18" width="18" />:-Lfrustrated<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width=18 height=18 border=0></code><br /><br /><img alt="praying" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" border="0" height="18" width="18" />[-O<praying><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="money eyes" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" border="0" height="18" width="18" />$-)money eyes<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="whistling" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" border="0" height="18" width="22" />:-"whistling<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" width=22 height=18 border=0></code><br /><br /><img alt="feeling beat up" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" border="0" height="18" width="18" />b-(feeling beat up<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width=18 height=18 border=0></code><br /><br /><img alt="peace sign" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" border="0" height="18" width="22" />:)>-peace sign<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" width=22 height=18 border=0></code><br /><br /><img alt="shame on you" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" border="0" height="18" width="22" />[-Xshame on you<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" width=22 height=18 border=0><br /></span></code><br /><img alt="dancing" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" border="0" height="18" width="26" />\:D/dancing<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" width=26 height=18 border=0></code><br /><br /><img alt="bring it on" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" border="0" height="18" width="23" />>:/bring it on<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" width=23 height=18 border=0></code><br /><br /><img alt="hee hee" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" border="0" height="18" width="18" />;))hee hee<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width=18 height=18 border=0></code><br /><br /><img alt="chatterbox" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" border="0" height="18" width="36" />:-@chatterbox<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" width=36 height=18 border=0></code><br /><br /><img alt="not worthy" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" border="0" height="18" width="32" />^:)^not worthy<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" width=32 height=18 border=0></code><br /><br /><img alt="oh go on" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" border="0" height="18" width="26" />:-joh go on<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" width=26 height=18 border=0></code><br /><br /><img alt="star" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" border="0" height="18" width="18" />(*)star<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="hiro" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" border="0" height="18" width="18" />o->hiro<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" width=18 height=18 border=0></code><br /><br /><img alt="billy" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" border="0" height="18" width="18" />o=>billy<br /><code><span style="font-family:Georgia,serif;"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" width=18 height=18 border=0><br /></span></code><br /><img alt="april" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" border="0" height="18" width="18" />o-+april<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" width=18 height=18 border=0></code><br /><br /> <img alt="yin yang" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" border="0" height="18" width="18" />(%)yin yang<br /><code><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" width=18 height=18 border=0></code><br /><br /> Selamat mempercantik postingan nya... <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" border="0" height="18" width="18" /></praying></span><br /></big></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-89260681803591384062009-06-30T20:05:00.007+07:002009-06-30T22:03:07.161+07:00Posting Kode HTML di ArtikelBagi para pemula pasti bingung bagaimana cara memposting artikel dengan mengisi kode html agar tidak dianggap perintah. Untuk mengisi kode HTML agar muncul di postingan, ada tiga cara untuk melakukannya, yaitu :<br /><div class="fullpost"><br /><span style="font-weight: bold;">Cara Pertama</span>, anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :<br /><br /><br /><table border="2" width="400"> <tbody><tr> <td><center> <b><span style="color: rgb(51, 0, 255);">Karakter</span></b> </center></td> <td><center> <b><span style="color: rgb(51, 0, 255);">Notasi</span></b> </center></td> <td><center> <b><span style="color: rgb(51, 0, 255);">Keterangan</span></b> </center></td> </tr> <tr> <td><center><</center></td> <td><center><</center></td> <td> Kurung runcing terbuka </td> </tr> <tr> <td><center>></center></td> <td><center>></center></td> <td> Kurung runcing tutup </td> </tr> <tr> <td><center>&</center></td> <td><center>&</center></td> <td> Tanda Dan </td> </tr> <tr> <td><center> "</center></td> <td><center>"</center></td> <td> Tanda petik ganda</td> </tr> <tr> <td><center>±</center></td> <td><center>±</center></td> <td> Tanda plus minus </td> </tr> <tr> <td><center>Spasi</center></td> <td><center> </center><br /></td> <td> Tanda Spasi </td> </tr> <tr> <td><center>©</center></td> <td><center>©</center></td> <td> Tanda hak cipta (copyright) </td> </tr> <tr> <td><center>®</center></td> <td><center>®</center></td> <td> Tanda terdaftar (Registered) </td> </tr> </tbody></table><br /><br />Agar lebih paham akan saya beri contoh, misalkan dalam postingan anda berisi kata-kata seperti ini :<br /><br /><span style="color: rgb(0, 0, 255);">Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :<br /><br /><meta http-equiv="refresh" content="10"><br /><br /></meta></span><br /><br />Jika anda ingin tampilkan kode yang seperti diatas, maka jangan menuliskan kode seperti yang diatas, karna tulisan kode tersebut tidak akan muncul di postingan, justru yang ada hanya menimbulkan dari efek kode tersebut. Nah caranya seperti yang saya tuliskan pada tabel, anda harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus anda tuliskan pada postingan adalah seperti ini :<br /><br /><span style="color: rgb(0, 0, 255);">Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :<br /><br />&ltbr/><br/> <code><br />&lt;meta http-equiv="refresh" content="10"&gt;<br /><br/><br />&lt;/meta&gt;<br /></code><br /><br /></span> Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, sebagai contoh silahkan anda lihat postingan saya yang lainya yang membubuhkan kode-kode HTML. pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu.<br /><br />Memang agak sedikit pusing dengan cara yang pertama. Tapi tenang aja, disini menyediakan cara yang kedua.<br /><br /><span style="font-weight: bold;">Cara kedua</span>, dengan menggunakan text area. Jika masih belum tahu cara membuat text area silahkan <a href="http://learn-website.blogspot.com/2009/06/text-area.html"><span style="color: rgb(51, 51, 255);">klik disini</span></a>. Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini :<br /><br /><span style="color: rgb(0, 0, 255);">Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :<br /><br/><br/><br /><p align="left"><textarea name="code" rows="6" cols="400"><span style="color: rgb(0, 0, 0);">&lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</span></textarea></p></span><br /><br />Maka yang akan tampil di blog anda adalah seperti ini :<br /><br />Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :<br /><br /><br /><p align="left"><textarea name="code" rows="6" cols="400"><background-color: white;><br /><meta http-equiv="refresh" content="10"> </meta></textarea></p><br /><br /><br />Jika masih pusink mengerjakannya, tenang para sobat, saya masih punya cara ketiga yang lebih simple dan mudah.</p><p><span style="font-weight: bold;">Cara Ketiga</span>, kita bisa menggunakan layanan ENCODE / DECODE untuk mengconvert HTML code menjadi HTML entities.</p><p>Untuk menggunakan layanan ini banyak sekali yang bisa kita jumpai, untuk contoh, <a href="http://centricle.com/tools/html-entities/"><span style="color: rgb(51, 51, 255);">klik disini</span></a>.</p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRBXyZJkEoRl_vof_SrZL0tR6ppDG-w5PnstGdHLN8-gAF4XoYyKC9Z-d7mnql4dK4tZnPy_nCdXYhgnTVrIeBKHgQpJGzkgzfFB0hUr6gOPP5gXSJ6Tn-CkQfUcD7AiX8l6_BSdXvo0c/s1600-h/centricle.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 213px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRBXyZJkEoRl_vof_SrZL0tR6ppDG-w5PnstGdHLN8-gAF4XoYyKC9Z-d7mnql4dK4tZnPy_nCdXYhgnTVrIeBKHgQpJGzkgzfFB0hUr6gOPP5gXSJ6Tn-CkQfUcD7AiX8l6_BSdXvo0c/s400/centricle.jpg" alt="" id="BLOGGER_PHOTO_ID_5353115741674102770" border="0" /></a></p><p>Coba perhatikan gambar di atas, pada area teks terdapat kode html yang akan di convert, untuk mengkonvertnya, klik tombol encode..</p><p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwzT7x9K6NQvTiHrnIhINUiHFWDZNHgdnZ0QCmJhcTT2BTgAHBNAaUCIdzU2uMzchf8WKvaa1ku9fWNALA1A9Cse-MrejdM1_GloiV-5Cdryu8WaGdQX0r3cOOAlJGr1S0vR86FwRReI/s1600-h/centricle2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwzT7x9K6NQvTiHrnIhINUiHFWDZNHgdnZ0QCmJhcTT2BTgAHBNAaUCIdzU2uMzchf8WKvaa1ku9fWNALA1A9Cse-MrejdM1_GloiV-5Cdryu8WaGdQX0r3cOOAlJGr1S0vR86FwRReI/s400/centricle2.jpg" alt="" id="BLOGGER_PHOTO_ID_5353132658736180306" border="0" /></a></p><p>Pada gambar diatas, menunjukan bahwa kode html sudah di convert. Jika ingin mengembalikan kode seperti semula, tinggal klik saja decode. Lebih mudah kan, tapi apa salahnya kan jika kita mengetahui dasarnya.<br /><br />Catatan : untuk cara pertama dan kedua, anda harus pada posisi <b>Edit HTML</b> jangan pada posisi <b>compose/tulis.</b></p> <p>Selamat mencoba.......!<br /></p> </div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-1496816425974348432009-06-30T19:53:00.002+07:002009-06-30T20:04:09.137+07:00Membuat efek Refresh<span style="font-weight: bold;"><span style="font-weight: bold;"></span></span>Para sobat tentunya sudah tau kan, apa itu yang disebut dengan <span style="font-weight: bold;">"Refresh"</span>, fungsinya digunakan untuk membuat " penyegaran " kembali dalam halaman blog atau website. Fungsi refresh ini sama saja dengan fungsi refresh yang ada pada browser internet, cuma fungsi ini memiliki perbedaan, yaitu jika refresh seperti biasanya kita harus menekan tombol refresh yang ada pada tool bar, tetapi jika refresh ini anda tidak perlu menekan tombol refresh, karna fungsi ini dibuat bekerja dengan otomatis.<span style="font-weight: bold;"></span><br /><div class="fullpost"><br />Cara <span class="fullpost">membuatnya cukup dengan memberikan kode di bawah ini :<br /><br /><br /> <code><meta http-equiv="refresh" content="10"/></code><br /><br /><br /> Simpan kode di atas di antara <code><head> .... </head></code><br /><br />sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses <em>refresh</em> akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.<br /><br /> Fungsi <span style="font-weight: bold;">refresh</span> selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai <strong>Redirect</strong> dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi <em>Refresh</em> yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.<br /><br /> Fungsi <strong>Redirect</strong> ini bisa di buat dengan kode : <br /><br /><br /> <code><meta http-equiv="refresh" content="0;URL=<span style="color: rgb(51, 51, 255);">tulis alamat URL tujuan di sini</span>"/> </code><br /><br /><br /> Selamat mencoba....!</span><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-80232837953032839592009-06-30T18:15:00.004+07:002009-06-30T18:51:28.256+07:00Membuat Link dan Memodifikasi LinkTentunya anda sebagai bloger sudah tau apa itu <span style="font-weight: bold;">" Link "</span>. Membuat link bagi para bloger hukumnya wajib ( agamis banget sih ), karna jika anda tidak membuat link, bisa-bisa berakibat blog anda akan tidak di kenal oleh blog lainnya. Dalam arti kata link bisa menaikan page rank blog anda. Dalam isi postingan ini terbagi dalam beberapa sub, yaitu :<br /><br /><div class="fullpost"> <strong>Link pada posting-an</strong><br /><br />Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti <em>Jika anda tertarik silahkan anda <a href="http://learn-website.blogspot.com/"><span style="color: rgb(51, 51, 255);">klik disini</span></a></em>, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :<br /><br /><ol><li>Highlight kata-kata yang ingin di buat link, contoh di atas adalah <em>klik disini</em>.</li><br /><br /><li>Klik ikon yang bergambar seperti ini <img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_11.gif" /> yang berada pada toolbar, maka setelah itu akan muncul tulisan <strong>http://</strong> pada window baru yang berbentuk seperti gambar di bawah ini :</li></ol><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFx4JtM9ClF1gHfmKVeTPBOPRV2xUOeOmbOCSjxAfLXXO3EJrwlT9pIAgGW64dXwnnsOtVgT668Z4qG-v-LSnPLqmDSBPwyGX42V-voXujPhxU5mh3ZXg0smhVuwr-9bFvRBvI2mLEhxA/s1600-h/link.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 333px; height: 156px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFx4JtM9ClF1gHfmKVeTPBOPRV2xUOeOmbOCSjxAfLXXO3EJrwlT9pIAgGW64dXwnnsOtVgT668Z4qG-v-LSnPLqmDSBPwyGX42V-voXujPhxU5mh3ZXg0smhVuwr-9bFvRBvI2mLEhxA/s400/link.jpg" alt="" id="BLOGGER_PHOTO_ID_5353081358131360690" border="0" /></a><ol><br /><br /><li>Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.learn-website.blogspot.com/?id=ichinx</li><br /><br /><li>Klik OK. Selesai</li></ol><br /><br /><strong>Link dengan window baru</strong><br /><br />Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :<br /><br /><ol><li>Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu <img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif" alt="Edit HTML tab" /> yang ada pada toolbar.</li><br /><br /><li>Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan <strong>klik disini</strong> di link ke http://www.learn-website.blogspot.com/?id=ichinx :<br /><br /><code><span style="font-family:Georgia,serif;"><a href="http://www.learn-website.blogspot.com/?id=ichinx">klik disini</a></span></code><br /><br />maka disini anda harus menambahkan embel-embel kode <strong>HTML target="new'</strong> ataupun <strong>target="_blank"</strong> pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :<br /><br /><code><a href="http://www.learn-website.blogspot.com/?id=ichinx" target="new">klik di sini</a></code><br /><br />atau :<br /><br /><code><a href="http://www.learn-website.blogspot.com/?id=ichinx" target="new">klik di sini</a> </code><br /><br />atau bisa juga seperti ini :<br /><br /><code><a href="http://www.learn-website.blogspot.com/?id=ichinx" target="_blank">klik di sini</a></code> </li></ol><br /><br /><strong>Buat Links di sidebar</strong><br /><br />Bila anda berkeinginan membuat link kepada teman anda di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)<br /><br /><ol><li>Sign in di blogger dengan id anda</li><br /><br /><li>Klik menu TEMPLATE</li><br /><br /><li>Klik Edit HTML</li><br /><br /><li>Klik Edit</li><br /><br /><li>Tekan CTRL+F… --> untuk mempercepat pencarian</li><br /><br /><li>Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find</li><br /><br /><li>Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :</li><br /><br /><code><a href="http://learn-website.blogspot.com" target="_blank">ichinx warehouse</a></code><br /><br /><li>Klik Save Template Changes. Selesai</li></ol><br /><p>Untuk anda pengguna Blogger baru, ada perbedaan dalam membuat link, silahkan ikuti langkah berikut ini :<br /><br /></p><ol><li>Login di blogger dengan ID anda</li><br /><br /><li>Klik menu Layout</li><br /><br /><li>Klik Page Elements</li><br /><br /><span class="fullpost"> <li>Klik Add a Page Element</li><br /><br /><li>Klik ADD TO BLOG pada menu Link List</li><br /><br /><li>Tulis Judul link pada pada isian di sebelah form Title. Contoh dalam blog saya Adalah “ Link partner” atau silahkan terserah anda</li><br /><br /><li>Isi nomor link yang ingin anda tunjukan di blog anda pada form Number of Links to show in list, jika anda ingin membatasi jumlah link yang akan di tampilkan, jika anda tidak mau membatasi silahkan di kosongkan saja.</li><br /><br /><li>Pada form Sorting, silahkan anda pilih sort Alphabetically bila ingin link anda di urutkan berdasarkan huruf alphabet ( mulai dari A --> Z ), atau pilih sort revers Alphabetically apabila anda menginginkan Link yang anda buat di urutkan secara terbalik ( mulai dari Z --> A ). Bila anda tidak menginginkan keduanya, yakni Link yang tampil sesuai dengan yang anda buat, silahkan pilih Don’t Sort</li><br /><br /><li>Tulis alamat URL yang akan di Link pada form New Site URL. Contoh : http;//learn-website.blogspot.com</li><br /><br /><li>Tulis nama atau tulisan yang ingin muncul pada link yang anda buat pada form New site Name. contoh : Ichinx Warehouse.</li><br /><br /><li>Klik Add Link, jika link yang anda buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.</li><br /><br /><li>Klik SAVE CHANGES bila sudah selesai</li><br /><br /><li>Bila anda ingin menempatkan Link yang anda buat tadi, silahkan arahkan mouse anda ke kotak link yang baru anda buat, lalu tekan mouse sambil di tahan pindahkan ke tempat yang anda inginkan ( di drag & drop ) .</li><br /><br /><li>Klik SAVE. Selesai</li></span></ol><br /><br /> <strong>Membuat link dari gambar atau image</strong><br /><br />Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :<br /><br /><ol><li>Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh <strong>http://www.photobucket.com</strong>. </li><br /><br /><li>Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :<br /><br />http://i722.photobucket.com/albums/ww223/ichinx2/cooltext427212325.gif<br /><br />Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :<br /><br /><code><span style="font-family:Georgia,serif;"><a href="http://learn-website.blogspot.com"><img src="http://i722.photobucket.com/albums/ww223/ichinx2/cooltext427212325.gif"></a> </span></code><br />(kode dalam satu baris)<br /><br />jika ingin dalam window baru :<br /><br /><code><span style="font-family:Georgia,serif;"><a href="http://learn-website.blogspot.com" target="_blank"><img src="http://i722.photobucket.com/albums/ww223/ichinx2/cooltext427212325.gif"></a> </span></code><br />(kode dalam satu baris) </li></ol><br /><br /><strong>Link berjudul</strong><br /><br />Mungkin anda bingung, dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :<br /><br /><code><span style="font-family:Georgia,serif;"><a href="http://www.learn-website.blogspot.com/?id=ichinx target="new" title="tutorial blog untuk pemula silahkan klik di sini">ichinx warehouse</a><br /></span></code><br />Akhir kata, jangan pernah menyerah untuk mencoba ya...</div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-50824559278065861362009-06-30T17:22:00.004+07:002009-06-30T18:15:37.822+07:00Membuat Text Berjalan ( Marque )Text berjalan atau istilah tenarnya " Marque ", ialah suatu program dengan menggunakan HTML code sehingga menghasilkan sebuah teks / tulisan yang bisa bergerak atau berjalan. Kebanyakan dari para bloger menggunakan marque, karna disamping untuk menghemat tempat pada halaman blog, marque juga sangat dinamis dan menarik untuk dilihat.<br /><div class="fullpost"><br /> Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.<br /><br /> Atribut yang sering di gunakan adalah :<br /><br />BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks<br /><br />DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks<br /><br />BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan<br /><br />Scroll --> teks bergerak berputar<br />Slide--> teks bergerak sekali lalu berhenti<br />Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)<br /><br />TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks<br /><br />SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.<br /><br />SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik<br /><br />LOOP="angka|-1|infinite" --> Mengatur jumlah loop<br /><br />WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen<br /><br /> Agar lebih jelas akan saya sertakan contohnya :<br /><br />Contoh marquee dari gerakan :<br /><br /><MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"><br /><br />teks berjalan / marque<br /><br /></MARQUEE><br /><br />hasilnya :<br /><br /><MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"><br /><br />teks berjalan / marque<br /><br /></MARQUEE><br /><br />ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .<br /><br /> Contoh marquee dari perilaku gerakan :<br /><br /><MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"><br /><br />text berjalan / marque<br /><br /></MARQUEE><br /><br /><marquee align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"><br /><br />text berjalan / marque<br /><br /></marquee><br /><br />Contoh marquee dengan variasi hurup dan warna latar belakang :<br /><br /><div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate"><br /><br />text berjalan / marque<br /><br /></MARQUEE></b></FONT></div><br /><br />hasilnya :<br /><br /><div align="left"><b><marquee bgcolor="RED" width="70%" scrollamount="3" behavior="alternate"><br /><br />text berjalan / marque<br /><br /></marquee></b></div><br /><br />Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.<br /><br />Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :<br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"><br /><br />text berjalan / marque<br /><br /></marquee><br /><br />hasilnya :<br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"><br /><br />text berjalan / marque<br /><br /></marquee><br /><br />Contoh marquee yang di dalam nya terdapat link :<br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"><br /><br /><a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/><br /><br /><a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/><br /><br /><a href="http://learn-warehouse.blogspot.com" target="new">Blog Rubric </a><br/><br /><br /></marquee><br /><br />hasilnya :<br /><br /><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center"><br /><br /><a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/><br /><br /><a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/><br /><br /><a href="http://learn-warehouse.blogspot.com" target="new">Blog Rubric </a><br/><br /><br /></marquee><br /><br />Jika masih kurang jelas, silahkan tuliskan dalam comment.<br />Dan para sobat bisa mengutak-atik dengan keinginan sobat sendiri.<br /><br />Selamat Mencoba y....<br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com1tag:blogger.com,1999:blog-838000825663493344.post-12920711578884950052009-06-30T11:32:00.002+07:002009-06-30T11:59:11.027+07:00Membuat Menu DropdownDengan menambahkan fasilitas menu dropdown dalam blog, manfaatnya sangat besar. Apalagi bagi para sesepuh blogger ( alias blogger yang sudah lama berdiri ), pasti sangat membutuhkan menu ini. Karna setiap posting di blog, setiap bulan maka postingan kita akan terarsip otomatis secara rapi, dan arsip akan tampil di sidebar. Kendalanya, bagaimana jika kita sudah ngeblog setahun, maka arsip januari akan tampil berjejer di sidebar kita. Untuk mengantisipasinya, kita bisa membuat pull-down menu seperti dibawah ini:<span class="fullpost"><br /><div class="fullpost"><br /><select name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="selected">- Archives -</option> <option>January 2007</option> <option>February 2007</option> <option>Mart 2007</option> <option>April 2007</option> </select><br /><br />Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.<br /><br />Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :<br /><br />1. Login ke blogger.com dg id Anda<br /><br /><br />2. Klik Template<br /><br /><br />3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:<br /><br /><br /> &<BloggerArchives><br /><br /><br /> <a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a><br /><br /><br /><br /> </BloggerArchives><br /><br /><br />4. Nah, ganti kode di atas dg kode html di bawah ini:<br /><br /><br /> <select name="archivemenu"<br /> onchange="document.location.href=this.options[this.selectedIndex].value;"><br /><br /><br /><br /> <option selected>- Archives -</option><br /><br /><br /><br /> <BloggerArchives><br /><br /> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option><br /><br /> </BloggerArchives><br /><br /><br /><br /> </select><br /><br /><br /><br />5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.<br /><br /><br />6. Selesai.<br /><br /><br />Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :<br /><br />1. login dulu, tentunya dengan id anda<br /><br /><br />2. klik LAYOUT<br /><br /><br />3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive<br /><br /><br />4. Klik Edit pada kotak Blog Archive tadi<br /><br /><br />5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek<br /><br /><br />6. Klik Save Changes<br /><br /><br />7. Selesai<br /><br /><br />Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :<br /><br /><form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected><span style="color: rgb(255, 0, 0);">tulisan disini yang akan muncul duluan</span></OPTION><br /><br /><option value="<span style="color: rgb(255, 0, 0);">isi dengan addres yang ingin di tuju</span>"><span style="color: rgb(255, 0, 0);">tulisan di sini yang akan muncul</span></option> </select></form><br /><br />Sebagai contoh untuk menu Dropdown milik saya :<br /><br /><form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><br /><br /><option>- Ichinx Warehouse -</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/webmaster">Webmaster</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/blogging">Blogging</option><br /><br /><option value="http://http://learn-website.blogspot.com/search/label/promosi-website">Promosi Website</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/tips-n-trick">Tips N Trick</option><br /><br /><option value="http://learn-website.blogspot.com/search/label/free-download">Free Download</option><br /><br /></select></form><br /><br /><span class="fullpost">Hasilnya akan seperti ini :<br /><form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"><option>- Ichinx Warehouse -</option><option value="http://learn-website.blogspot.com/search/label/webmaster">Webmaster</option><option value="http://learn-website.blogspot.com/search/label/blogging">Blogging</option><option value="http://http://learn-website.blogspot.com/search/label/promosi-website">Promosi Website</option><option value="http://learn-website.blogspot.com/search/label/tips-n-trick">Tips N Trick</option><option value="http://learn-website.blogspot.com/search/label/free-download">Free Download</option></select></form></span><span class="fullpost"></span><span class="fullpost"></span><span class="fullpost"></span><span class="fullpost"></span><span class="fullpost">Selamat Mencoba...!!!<br /></span></div></span>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-83330235560691830232009-06-30T09:05:00.004+07:002009-06-30T10:26:24.878+07:00Text Area<span style="font-weight: bold;">Text Area</span> ialah suatu area yang fungsinya untuk menyimpan tulisan dengan membentuk area baru. Jika para sobat belum tau tentang <span style="font-weight: bold;">Text Area</span>, sebagai petunjuk, coba anda perhatikan kolom di bawah kanan layar, di bawah tulisan <span style="font-weight: bold;">Tukar Link</span>, ada area yang berisi kode-kode HTML, itulah yang disebut dengan <span style="font-weight: bold;">Text Area</span>. Kebanyakan para blogger menggunakan text area adalah untuk menyimpan HTML Code / tulisan lain agar bisa di copy oleh para pengunjung.<br /><div class="fullpost"><br /><span class="fullpost">Untuk membuat <strong><span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span></span></strong><span>, silahkan <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> Copy kode di bawah ini : </span><br /><br /><p align="center"><textarea name="code" rows="6" cols="20"> <span style="color: rgb(255, 0, 0);">Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area</span> </textarea></p><br /><br /><code></code>Sebagai contoh :<br /><br /><p align="center"><textarea name="code" rows="6"><a href="http://learn-website.blogspot.com" target="_blank"><img src="http://i722.photobucket.com/albums/ww223/ichinx2/cooltext427168336.gif" border="0" alt="ichinx warehouse" /></a></textarea></p><br /><br /><span> Keterangan : rows="6", menunjukan tinggi dari <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span><span>, jadi jika <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> menginginkan </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span><span> <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> tinggi maka silahkan ganti angka " 6 tadi dengan angka <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> lebih tinggi nilainya. </span></span><br /><br /><span> Cols="20", menunjukan lebar dari <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span><span>. Jika <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> menginginkan </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span><span> <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> lebar maka silahkan ganti angka " 20 " tadi dengan angka <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> lebih tinggi nilainya. </span></span><br /><br /><strong><span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">Text Area</span> dengan memakai HighLight</span></strong><br /><br /><span> Ada variasi lain dari membuat <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span> ini, yakni <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span> dengan menggunakan tombol </span><strong><em>highlight</em></strong>. dengan adanya tombol <strong><em>highlight</em></strong><span> ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> di berikan, karena dengan hanya sekali tekan saja pada tombol </span><strong><em>highlight</em></strong><span><span> tadi, maka seluruh text ataupun kode-kode <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> di berikan dalan jumlah <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span> dengan menggunakan </span><strong><em>highlight</em></strong><span> ini silahkan <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> copy kode </span><strong>HTML</strong> di bawah :<code></code><div><form name="copy"><span class="fullpost"><code><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><span style="color: rgb(255, 0, 0);">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</span></textarea></p></div></form></code><br /></span><br /></form></div> Sebagai contoh :<br /><br /><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><p align="center"><textarea style="width: 300px; height: 120px;" name="txt" rows="100" wrap="VIRTUAL" cols="55"><script language="JavaScript"> function clickIE() { if (document.all) { return false; } } function clickNS(e) { if (document.layers(document.getElementById&&!document.all)) { if (e.which==2e.which==3) { return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS; } else{ document.onmouseup=clickNS; document.oncontextmenu=clickIE; } document.oncontextmenu=new Function("return false") </script></textarea> </p> </form></div><br /><br /><span> Agar <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span><span> lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> bertuliskan </span></span><strong>Highlight All</strong><span><span>, dan <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> kedua adalah elemen kode untuk membuat </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span>. </span><br /><br />Elemen tombol <strong><em>highlight All</em></strong> :<br /><br /><ol><li> <span style="color: rgb(255, 0, 0);"><div align="center"></span><span class="fullpost"> --> kata <strong>center</strong> menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata <strong>left</strong>. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata <strong>right</strong>. </span></li><br /><br /><li> <span style="color: rgb(255, 0, 0);"><input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"></span> <span class="fullpost">--> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.</span></li><br /><br /><li> <span style="color: rgb(255, 0, 0);">Value="Highlight All"</span> --> kata <em>Highlight All</em><span><span> adalah kata <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> akan muncul di dalam tombol, jadi jika </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span><span> ingin merubah tulisan ini silahkan ganti dengan kata <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> inginkan.</span></li></ol> Element <strong><span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span></span></strong> :<br /><ol><li> <span> <span style="color: rgb(255, 0, 0);"><p align="center"></span> </span><span class="fullpost">--> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata <em>center</em> dengan kata <em>left</em>, bila ingin di tepi kanan, ganti dengan kata <em>right</em>. </span></li><li> <span class="fullpost"><span style="color: rgb(114, 45, 50);"><span style="color: rgb(255, 0, 0);"><text style="WIDTH: 300px"></span> </span></span><span class="fullpost"><span style="color: rgb(0, 0, 0);">--></span>kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"</span></li><li> <span style="color: rgb(114, 45, 50);"><span style="color: rgb(255, 0, 0);">HEIGHT: 144px</span> </span><span>--> angka "144px" menunjukan bahwa <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span><span> akan mempunyai tinggi sebesar 144 px, jadi jika <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span><span> ingin merubahnya tinggal ganti angka tersebut dengan angka <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> inginkan. Misal : HEIGHT:160px.</span></span></li><br /></ol><span> Contoh <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">text area</span><span> <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> memakai tombol </span></span><i>highlight</i> diatas, memuat skript untuk melindungi dari <i>right click</i><span> para pengunjung. skript ini di pakai apabila <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> tidak ingin tulisan-tulisan <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span><span> di copy paste oleh pengunjung. bagi <span class="IL_SPAN"><input name="IL_MARKER" type="hidden">yang</span> berminat silahkan copy lalu pasang pada kode HTML </span><span class="IL_SPAN"><input name="IL_MARKER" type="hidden">anda</span> antara kode<HEAD> dan </HEAD> selamat mencoba. </span></span><br /><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0tag:blogger.com,1999:blog-838000825663493344.post-68681371128172400732009-06-30T08:53:00.002+07:002009-06-30T09:04:41.089+07:00Readmore pada template klasikApa maksud judul diatas.??<span style="font-weight: bold;"> “Readmore”..</span>?? pasti para bloger pernah melihat di suatu blog dengan postingan artikel yang hanya menampilkan judul atau satu dan dua paragraf dari artikel tersebut, dan biasanya dibawah artikel tersebut ada suatu link yang bertuliskan <span style="font-weight: bold;">Readmore >></span>, atau <span style="font-weight: bold;">Selengkapnya >></span>, fungsinya adalah untuk melihat keseluruhan artikel tersebut.<br /><div class="fullpost"><br />Untuk para bloger yang memposting artikel satu atau dua artikel saja pasti tidak ingin menyingkat artikel. Tapi jika artikel anda sudah banyak, maka ada baiknya sobat membuat menu ini.<br /><br />Karna sudah kebanyakan intermezo, mending langsung tancap gas saja, ok.<br />Untuk membuatnya kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan baca pada postingan selanjutnya.<br /><br />Silahkan ikuti langkah-langkah berikut :<br />• Login ke blogger.com dengan id sobat<br /><br />• Klik menu bertuliskan <span style="font-weight: bold;">Template</span><br /><br />• Klik menu <span style="font-weight: bold;">Edit HTML</span><br /><br />• jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.<br /><br />• Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :<br /><br /><br /><br /><span style="color: rgb(51, 51, 255);"><MainOrArchivePage><br /><br />div.fullpost {display:none;}<br /><br /></MainOrArchivePage><br /><br /><ItemPage><br /><br />div.fullpost {display:inline;}<br /><br /></ItemPage></span><span style="color: rgb(51, 51, 255);"> </span><br /><br />Untuk mempercepat pencarian kode <span style="color: rgb(51, 51, 255);"></style></span>, silahkan sobat klik menu <span style="font-weight: bold;">Edit</span> yang ada pada bar menu browser, kemudian klik <span style="font-weight: bold;">Find (on this page)</span>..., lalu tulis <span style="color: rgb(51, 51, 255);"></style></span> trus klik tombol <span style="font-weight: bold;">find next</span>, maka secara otomatis akan di bawa ke kode tersebut.<br />• langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody• langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :<br />amp;gt; :<br /><br /><br /><span style="color: rgb(51, 51, 255);"><MainOrArchivePage><br/><br /><a href="<$BlogItemPermalinkURL$>">Read more!</a><br /></MainOrArchivePage></span><br /><br /><br />Lagi-lagi Untuk mempercepat pencarian kode <span style="color: rgb(51, 51, 255);"><$BlogItemBody$></span>, silahkan sobat klik menu <span style="font-weight: bold;">Edit</span> yang ada pada bar menu browser, kemudian klik <span style="font-weight: bold;">Find (on this page)</span>..., lalu tulis <span style="color: rgb(51, 51, 255);"><$BlogItemBody$></span> trus klik tombol <span style="font-weight: bold;">find next</span>, maka secara otomatis akan di bawa ke kode tersebut.<br />• Klik tombol yang bertuliskan <span style="font-weight: bold;">SAVE SETTINGS </span><br /><br />• Langkah selanjutnya adalah klik menu <span style="font-weight: bold;">Setting</span><br /><br />• Klik menu <span style="font-weight: bold;">Formatting</span><br /><br />• Dibagian bawah menu tersebut ada kotak di samping tulisan <span style="font-weight: bold;">Post Template</span>, nah isi kotak kosong tersebut dengan kode di bawah ini :<br /><br /><br /><span style="color: rgb(51, 51, 255);"><div class="fullpost"><br /><br /><br /></div> </span><br /><br />Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.<br /><br />• kemudian jangan lupa klik tombol <span style="font-weight: bold;">Save Settings</span><br /><br />• Selesai<br /><br /><br /><br /><span style="font-weight: bold;">Cara Posting Artikel </span><br /><br /><br />Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu <span style="font-weight: bold;">Readmore</span> nya.<br />• Klik menu <span style="font-weight: bold;">Posting</span><br /><br />• klik menu <span style="font-weight: bold;">Edit HTML</span>, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :<br /><br /><br /><span style="color: rgb(51, 51, 255);"><div class="fullpost"><br /><br /><br /></div> </span><br /><br />simpan artikel sobat yang ingin di tampilkan sebelum kode <span style="color: rgb(51, 51, 255);"><div class="fullpost"><br /></span>, kemudian simpan sisa keseluruhan artikel setelah kode <span style="color: rgb(51, 51, 255);"><div class="fullpost"><br /></span> dan sebelum kode <span style="color: rgb(51, 51, 255);"></div> </span><br /><br />Agar lebih jelas, saya beri contoh, misal artikelnya begini :<br /><br />Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.<br /><span style="color: rgb(51, 51, 255);"><div class="fullpost"></span><br />dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.<br /><span style="color: rgb(51, 51, 255);"></div> </span><br /><br />Hasilnya yang akan tampak pada blog kita adalah seperti ini :<br /><br />Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Read more!</span><br /><br /><br /><br />Catatan :<br />Untuk kata <span style="font-weight: bold;">Readmore</span>, kita bisa menggantinya dengan kata yang kita mau. Contoh, kita bisa mengubah dengan kata Selengkapnya.., Baca selengkapnya.., Lanjutannya…<br /><br />Tutorial ini khusus bagi para bloger yang masih menggunakan template klasik, untuk yang memakai template baru silahkan baca pada postingan selanjutnya.<br /><br />Selamat mencoba…<br /><br /></div>IcHiNxhttp://www.blogger.com/profile/00635663530777088584noreply@blogger.com0