Sunday 9 August 2009

Membuat Penggalan Artikel

Kali 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. 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.


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 :

http://learn-website.blogspot.com/2009/08/perlunya-ie-dan-firefox.html

Isi dari penggalan kalimatnya adalah sebagai berikut :

Perlunya IE dan FireFox

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.


Maka kode yang kita buat adalah sebagai berikut :


<span style="color:#FD8403"><font size="6">Perlunya IE dan FireFox</font></span>
<hr width="100%" align="left">
<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>
<hr width="90%" align="left">
<br/>


Kode tersebut hasilnya akan seperti ini :

Perlunya IE dan FireFox




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? ...Read more...




Biar lebih faham, sedikit saya uraikan :

<span style="color:#FD8403"> ..... </span> --> ini adalah kode untuk merubah warna text. #FD8403 merupakan kode warna orange.
<font size="6">.......</font>< --> ini adalah kode untuk menampilkan huruf dalam ukuran font 6 (ukuran besar)
<hr width="100%" align="left"> --> ini adalah kode untuk membuat garis sebesar 100% dari lebarnya halaman blog yang dimulai dari tepi kiri.
<br/> --> kode untuk membuat suatu kalimat pindah ke bawah sebesar satu line break.


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 :

Untuk template klasik :

  • Sign in di blogger dengan id sobat

  • Klik menu Template

  • Klik menu Edit HTML

  • Copy seluruh kode HTML yang ada, kemudian save di komputer sobat. Ini untuk backup data apabila terjadi kesalahan dalam proses editting template

  • Cari kode seperti di bawah ini :


  • <div class="post"><a name="<$BlogItemNumber$>"></a>
    <BlogItemTitle>


    Tempatkan kode yang telah kita buat tadi persis diatas kode diatas, sehingga kodenya menjadi :


    <span style="color:#FD8403"><font size="6">Perlunya IE dan FireFox</font></span>
    <hr width="100%" align="left">
    <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>
    <hr width="90%" align="left">
    <br/>
    <div class="post"><a name="<$BlogItemNumber$>"></a>
    <BlogItemTitle>


  • Klik tombol Preview untuk melihat perubahan yang baru di lakukan

  • Apabila sudah OK, klik tombol save Template Changes

  • Selesai.


  • 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 Posting artikel.


    Untuk template baru :

  • Sign In di blogger dengan id sobat

  • Klik menu Layout

  • Klik menu Page Elements

  • Klik Add a Page Element

  • Klik tulisan ADD TO BLOG yang berada di bawah tulisan HTML/JavaScript

  • Copy paste kode penggalan artikel yang telah kita buat tadi

  • Klik tombol SAVE CHANGES

  • Klik kotak element yang baru di buat, tahan kemudian pindahkan di atas kotak yang bertuliskan Blog post (di drag & drop)

  • Klik tulisan View Blog untuk melihat hasil dari penambahan kode tadi

  • Bila sudah OK, klik tombol SAVE

  • Selesai.



  • Selamat mencoba ! ! !

    Readmore »»

    Perlunya IE dan FireFox

    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.



    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.

    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.

    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 : Buset deh, kebiasaan pake FireFox pas dilihatdi IE, blog ku ancur begini ya.

    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.

    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 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.

    Oke, thanks ya sobat, semoga infonya bermanfaat..

    Readmore »»

    Saturday 8 August 2009

    Membuat Banner Animasi

    Agar 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.


    bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com 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.

    Contoh banner animasi :




    selamat mencoba.

    Readmore »»

    Pasang Jam di Blog

    Salah satu aksesoris yang bisa kita tambahkan pada blog kita adalah memasang jam. Kita bisa mendapatkan aksesoris ini dengan secara gratis. Silahkan klik disini . Salah satu contoh jam yang tersedia adalah sebagai berikut :






    Dan bagi anda yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :

    1. Silahkan kunjungi situs http://www.clocklink.com
    2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
    3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
    4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
    5. Klik tombol yang bertuliskan Accept
    6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
    7. Set ukuran jam yang anda sukai di samping tulisan size
    8. Copy kode HTML yang di berikan pada notepad
    9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
    10. Selesai
    Sekarang blog anda tampak cantik dan menarik untuk di lihat.

    Selamat mencoba.


    Readmore »»

    Blogger Emoticons

    Supaya postingan kita makin mantap, saatnya kita memberikan emoticons pada blog kita..


    Blogger Emoticons


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">

    <img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">


    <img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">

    Kali ini blog para sobat pasti jadi lebih hidup..

    Readmore »»

    Wednesday 8 July 2009

    Membuat Link Untuk Download

    Dalam 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.


    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.

    Agar tidak terlalu lama mencari situs-situs yang menyediakan space untuk upload file, saya akan memberikan situs penyedia layanan space untuk upload file, yaitu www.snapdrive.net. 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 :

    1. Silahkan klik http://www.snapdrive.net

    2. Klik tulisan Register

    3. Isi formulir yang disediakan dengan data diri sobat

      • Username --> isi dengan nama yang ingin sobat gunakan, boleh apa saja yang penting mudah di ingat.

      • Password --> isi dengan password yang di inginkan.

      • Confirm password --> isi kembali dengan password yang tadi di tuliskan.

      • Email address --> isi dengan alamat email sobat, tentunya yang masih valid.

      • First name -->isi dengan nama depan sobat

      • Last name --> isi dengan nama belakang sobat

      • Country --> pilih nama negara dimana sobat tinggal. contoh : indonesia

      • Postcode --> isi dengan kode pos daerah sobat

      • Gender --> pilih sesuai dengan jenis kelamin sobat. male(pria), female(wanita)

      • Date of birth --> pilih tanggal kelahiran sobat

      • Preferances isi dengan tulisan yang tertera di situ

    4. Klik tombol Register

    5. Ada konfirmasi bahwa account yang baru di buat harus di aktifkan melalui email yang kita tulis tadi

    6. Cek email milik sobat yang tadi ditulis, periksa apakah email dari Snapdrive sudah sampai atau belum

    7. Jika email sudah sampai, silahkan buka email tersebut. Isi di dalam email tersebut ada yang berupa link untuk aktifasi, klik saja link tersebut

    8. Secara otomatis sobat akan dibawa kehalaman yang berisi ucapan terima kasih

    9. Klik tombol OK

    10. Silahkan Login dengan username serta password yang tadi di tuliskan saat register

    11. Setelah berada di halaman account sobat, klik tulisan Upload

    12. Klik tombol Add Files

    13. Pilih file yang ada dikomputer sobat yang mau di upload

    14. Klik tombol Upload. tunggu beberapa saat ketika proses upload file sedang berlangsung

    15. Jika proses upload selesai, sobat akan diperlihatkan file yang di upload tadi. Klik tulisan details yang ada disebelahnya

    16. Klik tulisan HTML Code

    17. Copy kode yang di berikan lalu paste pada program notepad

    18. Klik tulisan Logout untuk keluar dari situs tersebut

    19. Silahkan tutup layar browser sobat



    Langkah selanjutnya adalah memasukan kode tadi ke dalam blog kita, saya ambil contoh kode yang sudah di upload seperti ini :


    <a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">billing internet.zip</a>


    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 billing internet.zip di rubah menjadi kata download, maka kode diatas menjadi seperti di bawah ini :


    <a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">download</a>


    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 :

    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">download</a>


    Maka nanti di blog kita akan tampil seperti ini :


    Untuk men download program billing internet, silahkan anda klik link di bawah ini :

    download


    Contoh link yang saya buat diatas adalah link yang benar-benar nyata untuk mendownload program billing internet, silahkan sobat klik untuk membuktikannya!


    Saya kira sudah cukup pembahasan tentang cara membuat link download, mudah-mudahan dapat di mengerti. Selamat mencoba !

    Readmore »»

    Daftar dan Pasang Mybloglog

    Jika para sobat masih bingung dengan yang namanya Mybloglog, 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 !!!



    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 ).

    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.

    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 :
    1. Silahkan buka situs http://www.mybloglog.com

    2. Isi form yang telah di sediakan di bawah tulisan Sign Up Now

    3. Screen name --> Isi dengan nama yang ingin di tampilkan. Contoh : Ichinx

    4. Email --> Isi dengan email sobat ( yang valid)

    5. Password --> Isi dengan password yang di inginkan.

    6. Blog/Site URL --> Isi dengan alamat blog sobat. Contoh : http://learn-website.blogspot.com

    7. Klik Tombol Register

    8. Terlihat beberapa form yang harus diisi lagi

    9. Blog/Site Title --> Isi dengan judul blog sobat

    10. Blog platporm --> pilih blogspot.com

    11. Dibagian bawah ada dua radio buttun, silahkan pilih yang sobat sukai

    12. Klik tombol yang bertuliskan Complete Registration

    13. Klik tulisan Go to Your page

    14. Klik tombol yang bertuliskan Edit profile yang berada di sebelah kanan atas

    15. Isi semua data diri sobat

    16. Jika sudah selesai di isi semua, klik tombol bertuliskan Update my profile

    17. Klik tulisam MY HOME untuk kembali ke home

    18. Klik tombol yang bertuliskan Get Widget

    19. Klik kotak di samping tulisan c_color_heading_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah warna background heading

    20. Klik kotak di samping tulisan c_color_heading kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan heading

    21. Klik kotak di samping tulisan c_color_link_bg kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround link

    22. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link

    23. Klik kotak di samping tulisan c_color_link kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom

    24. Tulis ukuran lebar yang sesuai dengan sidebar blog sobat (kalau mau di tempatkan di sidebar) contoh : 160

    25. Di samping tulisan Show Screen Names ada dua radio button, sebaiknya pilih yes, pilih No juga boleh

    26. Di samping tulisan Image Size ada dua radio button, sebaiknya pilih Full-Size, pilih half-Size juga boleh

    27. Disamping tulisan Rows, pilih berapa baris yang ingin muncul (terserah)

    28. Disamping tulisan Title, tulis kata yang sobat suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja

    29. Di bagian bawah, ada tulisan Stat Tracking Script, copy kode script yang di berikan lalu paste pada program notepad, silahkan save terlebih dahulu

    30. Kembali ke bagian atas

    31. Klik tombol bertuliskan Preview and Get Code

    32. Copy seluruh kode yang berada di bawah tulisan Recent Readers Widget Display & Code, lalu paste ke dalam notepad

    33. Silahkan klik tulisan Logout yang berada di bagian atas untuk keluar dari account sobat

    34. Silahkan close window situs tersebut.
    Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita atau widget blog kita, karena kode ini merupakan Java Script, maka cara memasukan kodenya sama dengan memasukan kode HTML.

    Lets Try !!!!

    Readmore »»

    Recent Comments