From : “Sumarbagiono” [bagya@……..id]
To : bahtiar@gmail.com
Subject : Salam kenal
Date : Fri, 24 Jun 2005 14:36:04 +0700

Hallo Pak Bahtiar, salam kenal.
Saya, Sumarbagiono - biasa dipanggil Yayak,  kakak kelas anda angkatan ‘85, saya dapat email anda dari tn93.blogsome.com

Kami, angk.85 jadi pengen juga punya blog dan sudah bikin tn85.blogsome.com.

Cuma saya musti belajar banyak pada anda ttg blog :

  1. Bagaimana cara mengganti tampilan photo utama di bagian atas blog ?
  2. Bagaimana cara menambahkan asesoris : ramalan cuaca, berita, dsb. ?

Terima kasih sebelumnya.
Salam buat rekan2 angk.93.
Kalau ada yg mau kontak ke angk.85 atau 83 bisa lewat saya.

Jabat erat,

Sumarbagiono (85/53930/TN/13610)

*******************************************

Bahtiar :

Salam kenal juga kagem Bapak Sumarbagiono, kakak angkatan 85,
sampai-sampai nomer induk mahasiswanya masih ingat dan ditulis lengkap )
, kalo saya dah lupa …. yah saya mewakili angkatan 93 menyambut salam
hangat keakraban ini, insya Allah balasan email ini akan dibaca pula
temen-teman 93 semuanya.

Pertanyaan Bapak tentang blog cuman dua, tapi keliatannya
bakal panjang nih penjelasannya … , tapi tidak mengapa saya pribadi
malah senang - bisa sebagai bahan inspirasi membuat buku tentang
tips-tips WEB BLOG.

Pertanyaan pertama : bagaimana cara mengganti tampilan photo utama di bagian atas blog ?

Jawaban saya :

Siapkan dulu url-foto yang akan menggantikannya dengan cara :

  1. Buka situs Bapak di http://tn85.blogsome.com/
  2. Klik Login dan masukkan user-name dan password Bapak
  3. Setelah masuk ke halaman http://tn85.blogsome.com/wp-admin/, klik menu Upload
  4. Pada area input pertama [file :] klik tombol Browse maka akan muncul jendela baru dan pilih foto yang akan menggantikannya, klik Open
    pada jendela baru tersebut (*catatan = di situ dijelaskan ukuran file
    foto tidak boleh melebihi 300 KB, bila iya kecilkan dulu dengan program
    pengolah foto seperti Paint, ACDSee, Photoshop, Corel, Image, dll …)
  5. Pada kotak input kedua [Description:] ditulis diskripsi tentang foto tersebut
  6. Pada pertanyaan [Create a thumbnail?] pilih radio option No thanks
  7. Kemudian klik Upload File di tombol paling bawah
  8. Setelah muncul halaman baru yang menyatakan File uploaded!, kopi kode di bawah tulisan Here’s the code to display it:, contoh kode tersebut

    <img src=’http://tn85.blogsome.com/images/gambartn85.jpg’
    alt=’diskripsigambar’ />

    Itu yang dimaksud url-foto yang akan menggantikan foto di situs bapak

  9. Kemudian paste kode tersebut di halaman notepad atau ms.word tahan dan simpan dulu …. )

Mulai mengganti foto :

  1. Masih di halaman File uploaded! pada menu di atas klik Manage
  2. Kemudian setelah terbuka halaman baru dengan tulisan Manage yang tersorot, klik sub menu Files
  3. Yang ini rada rumit (tapi jangan menyerah ) . Setelah terbuka halaman Editing index.html pada bagian bawah ada pilihan You can also edit the following files klik Site Style Sheet
  4. Pada halaman baru Editing wp-layout.css skrol ke bawah cari baris kode yang tertulis :

    #header {
    background: url(’http://tn85.blogsome.com/wp-inst/wp-content/sitetemplates/GreenTrack/img/rail.jpg’);

  5. Ganti url-foto = http://tn85.blogsome.com/wp-inst/wp-content/sitetemplates/GreenTrack/img/rail.jpg dengan url-foto milik Bapak yang tadi disimpan di halaman notepad atau ms.word sehingga contohnya menjadi

    #header {
    background: url(’http://tn85.blogsome.com/images/gambartn85.jpg‘);

  6. Kemudian klik tombol Update Template yang ada di bawah kotak
  7. Hasilnya bisa dilihat link View site yang ada di
    atas sendiri (di samping judul) bila tidak tampil hasilnya, teliti lagi
    cara penulisan kode-kode url mungkin ada salah ketik gitu ….

Pertanyaan kedua : bagaimana cara menambahkan asesoris : ramalan cuaca, berita, dsb. ?

  1. Masuk lagi ke halaman Login Admin - Manage - Files
  2. Cari baris kode yang tertulis :

    <div id="sidebar">

  3. Tepat di bawah kode itu tanem/paste kode ramalan cuaca, berita, dan reffering  seperti berikut ini :

    <h2>Weather:</h2>
    <ul>
    <li>
    <script language="JavaScript"
    src="http://data.geo.yahoo.com/geo/v1?w=c,id_djaka,id_bandu,id_semar,id
    _yogya,id_surab,id_denpa,id_medan,id_padan&hbc=ffffff&hfc=000000&hff=&h
    fs=1&ibc=ffffff&ifc=000000&iff=&ifs=1&ufc=ffffff&uff=&ufs=2&ts=95757840
    0"></script>
    <a href=http://weather.yahoo.com/regional/IDXX.html target=_blank>Check
    Other</a>
    </li>
    </ul>

    <h2>News:</h2>
    <ul>
    <li>
    <iframe id=myTicker name=myTicker marginwidth=0 marginheight=0
    src="http://www.indosiar.com/download/myticker/?id=30507&width=200&height=400&dir=up&delay=30"
    frameborder=0 scrolling=no width=200 height=400></iframe>
    </li>
    </ul>

    <h2>Visitor:</h2>
    <ul>
    <li>
    <script language="Javascript" src="http://www.truefresco.org/referrers5days.js"></script>
    </li>
    </ul>

  4. Klik tombol Update Template, dan bisa dilihat hasil asesoris tersebut dengan membuka langsung ke situs http://tn85.blogsome.com

Tambahan dari saya : untuk mengerjakan langkah-langkah tersebut perlu kesabaran, karena memang “sedikit” rada njlimet …. )