24 September 2008

Membuat Read More (1)

Tutorial ini khusus bagi anda yang masih menggunakan template klasik, jika anda sudah menggunakan template baru (xml/beta), silahkan baca di sini!

Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor).
Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.

Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan
atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.

Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more 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 tunggu pada postingan yang akan datang.

Silahkan ikuti langkah-langkah berikut :
  • Login ke blogger.com dengan id sobat
  • Klik menu bertuliskan Template
  • Klik menu Edit HTML
  • 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.
  • Copy kode HTML di bawah, kemudian paste persis di atas kode </style> :

  • <MainOrArchivePage>
    div.fullpost {display:none;}
    </MainOrArchivePage>
    <ItemPage>
    div.fullpost {display:inline;}
    </ItemPage>


    Untuk mempercepat pencarian kode </style>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis </style>
    trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

  • langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :

  • <MainOrArchivePage><br/>

    <a href="<$BlogItemPermalinkURL$>">Read more!</a>

    </MainOrArchivePage>

    Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$>
    trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

  • Klik tombol yang bertuliskan SAVE SETTINGS
  • Langkah selanjutnya adalah klik menu Setting
  • Klik menu Formatting
  • Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :

  • <div class="fullpost">
    </div>


    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.

  • kemudian jangan lupa klik tombol Save Settings
  • Selesai

Cara Posting Artikel

Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.
  • Klik menu Posting
  • klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :
  • <div class="fullpost">
    </div>


    simpan artikel sobat yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian
    simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div>

    Agar lebih jelas, saya beri contoh, misal artikelnya begini :
    Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita,
    sedangkan tulisan yang lainnya tidak akan muncul.

    <div class="fullpost">

    dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.

    </div>

    Hasilnya yang akan tampak pada blog kita adalah seperti ini :

    Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita,
    sedangkan tulisan yang lainnya tidak akan muncul.

    Read more!

    Akhirul kata selamat mencoba !

Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar.

Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan
keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja
yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span.
Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan
dengan perintah lain yang memakai kode Span.





23 September 2008

Cara Menghilangkan Navbar Blogger

Apa itu Navbar Blogger? navbar blogger adalah
suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas
blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk
melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS
blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan
ke pihak blogger.

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka
tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada
baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama,
karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account
blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya.
Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah
ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada
style sheet CSS :

/* hilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau bisa juga menaruh kode berikut persis di bawah kode <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga
dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

  • Untuk template klasik
    1. Sign in di blogger

    2. Klik menu Template

    3. Klik menu Edit HTML

    4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman

    5. Copy kode berikut lalu paste di atas kode </style>


    6. /* hilangkan navbar
      ----------------------------- */
      #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
      }

    7. Klik tombol Simpan Perubahan Template

    8. Selesai.
  • Untuk template baru
    1. Sign in di blogger

    2. Klik menu Layout

    3. Klik menu Edit HTML

    4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

    5. Copy kode berikut lalu paste di atas kode ]]></b:skin>


    6. /* hilangkan navbar
      ----------------------------- */
      #navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none
      }

    7. Klik tombol Simpan Template

    8. Selesai.
    Selamat menikmati blog tanpa navbar !

    Label:

    Membuat Banner dan Kode Tukar Link

    Membuat banner dan kode tukar link sebenarnya sangat mudah, pertama anda harus memiliki bannernya terlebih dahulu. Untuk membuat banner/chicklet, anda bisa melakukannya dikomputer anda dengan menggunakan software-software desain grafis seperti adobe photoshop. Sebagai tips, banner yang anda buat sebaiknya berukuran kecil saja (biasanya 80x15px) karena lebih disukai dalam bertukar link. Untuk anda yang tidak mengerti program photoshop, anda bisa membuatnya secara online di situs-situs pembuat chicklet yang banyak terdapat di internet, misalnya di http://cooltext.com/.

    Langkah pertama, membuat Banner:
    1. Untuk menuju http://cooltext.com/
    2. Lalu klik tulisan Design a Logo
    3. Klik gambar contoh logo yang anda sukai
    4. Tulis tulisan yang ingin dijadikan logo di sampimg tulisan Logo Text. Misal : Blog Keren
    5. Tulis ukuran yang di inginkan di samping Tulisan Text Size. Misal: 80

    6. Klik logo warna-warni disamping kotak yang ada tulisan Text Color untuk memilih warna tulisan (text). Silahkan pilih warna yang anda sukai
    7. Pilih format image disamping tulisan file format. sebaiknya .JPG atau .GIF
    8. Klik tombol yang bertuliskan Render Logo Design
    9. Tunggu beberapa saat ketika proses pembuatan logo berlangsung
    10. Lihat hasil logo. Bila belum cocok klik tulisan Edit this logo, tapi jika sudah klik tulisan Download Image untuk kita simpan di PC kita
    11. Selesai. Anda sudah mempunyai sebuah banner
    Selain situs diatas, anda juga bisa membuatnya di http://button.blogflux.com atau di http://chicklette.net.

    Langkah kedua, meng-upload banner:
    Agar logo yang kita buat tadi bisa tampil di blog, anda harus mengupload gambar tersebut ke blogger.com atau melalui situs lain, misalnya www.geocities.com atau di www.photobucket.com.

    Untuk proses upload di geocities, silahkan ikuti langkah-langkah berikut :
    1. Buka www.geocities.com
    2. Silah kan daftar dulu. Jika anda memiliki email Yahoo, anda bisa langsung klik sign in.
    3. Setelah sign in, klik Manage
    4. Lalu klik File Manager
    5. Klik Open File Manager yang berwarna kuning
    6. Klik Upload Files yang disebelah kanan
    7. Klik Browse untuk mencari lokasi banner anda
    8. Klik Upload Files
    9. Tunggu beberapa saat ketika proses upload berlangsung
    10. Setelah upload selesai, akan ada pemberitahuan uploaded successfully
    11. Lihat hasilnya dengan menglklik Manage, lalu klik Open file manager
    12. Lihat URL banner anda. Contoh punya saya: http://www.geocities.com/junjungpurba/mybanner.gif
    13. Klik sign out, selesai.

    Langkah ketiga, memasang banner di blog:
    Untuk memasang banner di blog, anda membutuhkan kode khusus, paste kode dibawah ke sidebar blog anda, lalu edit kode yang berwarna merah dengan URL blog dan URL banner anda:

    Copy code below, insert into your blog
    <a target="_blank" href="http://www.junjungpurba.com">
    <img border="0" src="http://www.geocities.com/junjungpurba/mybanner.gif" alt="junjungpurba" /></a>
    <textarea rows="4" cols="24" name="code">
    <a target="_blank" href="http://www.junjungpurba.com">
    <img border="0" src="http://www.geocities.com/junjungpurba/mybanner.gif" alt="junjungpurba" /></a></textarea>


    hasilnya akan seperti ini:
    Copy code below, insert into your blog

    Label:

    Mau Tahu 'Antivirus' Paling Aman?


    Dalam Seminar Hari Kesadaran Keamanan Informasi (HKKI) di Yogyakarta terungkap 'antivirus' yang disebut-sebut paling aman dari yang lain. Apakah itu?

    Ternyata, antivirus yang dimaksud bukan berbentuk piranti lunak. "Antivirus yang paling aman sebenarnya terletak pada diri sendiri, caranya jangan sembarangan membuka file asing, jangan mudah tergoda dengan file yang memiliki 'nama-nama menggiurkan' dan aktifkan folder options dengan benar," ujar Aat Shadewa dari Inatradecentre dalam seminar yang diadakan Kamis (24/4/2008) dan Jumat (25/4/2008) di Universitas Gajah Mada, Yogyakarta.

    Pada kesempatan itu, Aat pun membagi tips untuk menghalau program jahat yang menginfeksi dokumen digital. Khususnya, file berekstensi .DOC yang diinfeksi virus sehingga menjadi .EXE.

    Pengguna komputer, ujar Aat, tidak perlu takut karena ada program HEDIT (Hex Editor) yang menurutnya mampu mengubah file EXE menjadi DOC kembali. Sayangnya program ini belum beredar secara luas dan kebanyakan pengguna komputer mungkin tidak akrab dalam memanfaatkannya.

    Cara kerja program ini cukup sederhana. Pertama pengguna perlu membuka file berformat EXE dengan HEDIT, selanjutnya adalah mencari bagian yang terinfeksi. Aat mengatakan, biasanya bagian yang terinfeksi memiliki sandi 4D 5A 60. Bagian itu, ujarnya bisa dihapus sehingga muncul sandi DO CF 11 untuk file DOC.

    sumber: http://www.detikinet.com

    Label:

    SurfJunky Adalah Scam

    Setelah mencoba-coba dan mencari-cari informasi kesana kemari, ternyata program Paid to Surf Surfjunky termasuk scam (Bohongan). Itu telah dibuktikan oleh beberapa rekan yang telah mengikuti program ini. Setelah dollarnya mencapai lebih dari $25 dollar, yang terjadi kemudian bukanlah kita bisa mengambil dollar tersebut, tapi yang terjadi adalah kita malah tidak bisa login untuk masuk ke account kita di surfjunky.

    Oleh karena itu, saya meminta maaf yang sebesar-besarnya kepada rekan2 yang telah ikut program ini atas pemberitahuan saya. Saya tidak bermaksud menipu, tapi karena ketidaktahuan saya mengenai hal ini. Saya juga baru ikut program tersebut. jadi saya juga termasuk yang kena tipu. jadi kepada rekan-rekan yang ikut program Paid to Surf dari Surfjunky saya sarankan untuk menghentikan kegiatannya, karena program tersebut adalah bohongan. Dan bagi yang sudah ikut menyebarkan untuk ikut surfjunky, diharap untuk menyebarkan berita ini juga supaya tidak semakin terjerumus kedalam program ini.

    Program serupa: cashfiesta, spedia, agloco, semuanya scam

    terimakasih.

    Label:

    13 September 2008

    Cara Munculin YM di BLOG

    Ide ini aku dapet dari temen. ada temen aku yg bilang klo blog yg kita bikin ntu standart banget.. makanya harus di percantik dengan beberapa trik-trik khusus.
    misalkan dengan munculin YM kita. caranya tinggal beri aja beberapa source di template kita.
    coba kalian copy paste source ini dan letakkan dimana yg kalian mau:

    <a href="ymsgr:sendIM?ID_YM_Anda">

    <img src="http://opi.yahoo.com/online?u=ID_YM_Anda&m=g&t=no.type border="0/></a>


    ket :
    - ID_YM_ANDA : isi ID ym km. tapi tanpa "@yahoo.com"
    - no.type : isi dengan angka 1-16 tergantung gambar mana yg anda sukai.. coba liat di bawah.
    - border : isi 0 ( nol) ga' ada bordernya ato bingkainya ato isi dengan 1 (satu) klo ingin ada bingkainya

    ada beberapa gambar untuk di isi di no.type. maksudnya sich biar keren aja. and ga' monoton.
    no.type --> 1


    no.type --> 2


    no.type --> 3


    no.type --> 4


    no.type --> 5


    no.type --> 6


    no.type --> 7


    no.type --> 8


    no.type --> 9


    no.type --> 10


    no.type --> 11


    no.type --> 12


    no.type --> 13


    no.type --> 14


    no.type --> 15


    no.type --> 16


    Itu beberapa no type yg bisa kalian pilih.. nah selamat mencoba.

    Label: