Senin, 21 Januari 2008

Pasang Google Talk di blog (2)


Beberapa waktu yang lalu, saya pernah memposting bagaimana
cara menampilakan Google Talk di blog, namun
rupanya ada yang belum puas karena widget yang di pasang terlalu
besar sehingga sedikit mengganggu pemandangan. Lalu muncul pertanyaan,
apakah bisa google talk yang di pasang adalah berupa tombol? jawabannya
tentu saja bisa, karena memang sudah disediakan oleh pihak google talk
sendiri. Contoh tombol yang bisa terpasang adalah sebagai berikut :









Kode yang di pasang adalah sebagai berikut :






<script src="http://talkgadget.google.com/talkgadget/button"></script>






Masih bingung cara masangnya? biar cepat, saya buatkan yang otomatis.
Silahkan klik tombol di bawah ini, kemudian login ke blogger dengan ID anda.

 









 



Info lengkap seputar google talk, bisa anda baca di sini!

Sabtu, 19 Januari 2008

Pasang Icon Yahoo! Messenger (2)


Dulu saya pernah memposting bagaimana cara memasang icon yahoo! Messenger di blog. Pada postingan tersebut saya tulis bahwa style ID yang bisa di pilih
adalah sebanyak 5 style ID, ternyata eee.... ternyata style ID yang bisa pilih
adalah lebih dari 5 buah. Dibawah ini adalah screenshot icon serta style ID
yang bisa di pilih.



 



 



Untuk cara pemasangan, silahkan baca ulasan lengkapnya pada postingan yang ini.
Kode yang di pasang adalah sama, yang di ubah adalah style ID nya saja. Silahkan
pilih mana yang paling di sukai. Informasi ini saya dapat dari blog ini
emoticon4.gif padahal masih blog saya
sendiri emoticon9.gif emoticon10.gif



Rabu, 16 Januari 2008

Pasang Feed Dalam Kode Marquee


Salah satu sahabat blog kang rohman yaitu Setangguh kaktus ! (nama yang diperkenalkan beliau melalui kotak komentar) menanyakan bagaimana cara membuat Feed dalam kode marquee. Bagi blogger yang mencintai tampilan yang lebih di namis, memang dengan pemakaian kode marquee bisa menambah semarak karena suatu objek bisa bergerak dengan bantuan sedikit kode HTML.




Kembali ke pertanyaan di atas yaitu apakah pemasangan feed bisa di pasang dalam kode marquee? jawabannya tentu saja bisa, namun pengertian pasang feed disini adalah seperti yang pernah saya ulas di sini. Trus bagaimana cara memasangnya? silahkan di baca sampai tuntas.



Sebagai contoh, saya mengasumsikan bahwa anda belum memasang feed apapun di blog anda, dan silahkan ikuti langkah-langkah berikut ini :



Langkah ke 1 :


  1. Sign in di blogger dengan ID anda.

  2. Klik menu layout.

  3. Klik menu Elemen Halaman.

  4. Klik tulisan Tambahkan sebuah Elemen Halaman.

  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed.

  6. Tulis alamat ini pada kotak di samping tulisan URL feed --> http://kolom-tutorial.blogspot.com/atom.xml

  7. Klik tombol SIMPAN PERUBAHAN.

  8. Pindahkan elemen yang baru saja di buat pada tempat yang anda kehendaki.

  9. Klik tombol SIMPAN .

  10. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat.




langkah ke 2 :


  1. Klik tab Edit HTML.

  2. Klik tulisan Download Template Lengkap, silahkan di save dulu untuk backup (penting untuk di lakukan).

  3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget

  4. Tunggu beberapa saat ketika proses sedang berlangsung

  5. Silahkan anda cari kode berikut pada kode template milik anda :

  6. <b:widget id='Feed1' locked='false' title='Blog Kang Rohman' type='Feed'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
    <b:loop values='data:feedData.items' var='i'>
    <li>
    <span class='item-title'>
    <a expr:href='data:i.alternate.href'>
    <data:i.title/>
    </a>
    </span>
    <b:if cond='data:showItemDate'>
    <b:if cond='data:i.str_published != ""'>
    <span class='item-date'>
     - <data:i.str_published/>
    </span>
    </b:if>
    </b:if>
    <b:if cond='data:showItemAuthor'>
    <b:if cond='data:i.author != ""'>
    <span class='item-author'>
     - <data:i.author/>
    </span>
    </b:if>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

  7. Tambahkan kode marquee seperti pada contoh kode berikut :



    <b:widget id='Feed1' locked='false' title='Blog Kang Rohman' type='Feed'>
    <b:includable id='main'>

    <h2><data:title/></h2>
    <marquee align='center' direction='up' height='200' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
    <div class='widget-content'>
    <ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
    <b:loop values='data:feedData.items' var='i'>
    <li>
    <span class='item-title'>
    <a expr:href='data:i.alternate.href'>
    <data:i.title/>
    </a>
    </span>
    <b:if cond='data:showItemDate'>
    <b:if cond='data:i.str_published != ""'>
    <span class='item-date'>
     - <data:i.str_published/>
    </span>
    </b:if>
    </b:if>
    <b:if cond='data:showItemAuthor'>
    <b:if cond='data:i.author != ""'>
    <span class='item-author'>
     - <data:i.author/>
    </span>
    </b:if>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div>
    </marquee>
    </b:includable>
    </b:widget>


  8. Klik tombol Simpan Template.

  9. Selesai. Silahkan lihat hasilnya !




Perlu di ketahui bahwa, pemasangan kode marquee kurang begitu bagus kalau di lihat pada browser mozilla/firefox, kode ini berfungsi secara baik apabila di lihat pada browser internet explorer.



Selamat mencoba !

Jumat, 11 Januari 2008

Pasang Google Talk di Blog




add google talk



Beberapa bulan yang silam, saya pernah mengulas tentang bagaimana cara menampilkan status online Yahoo! Messengerdi blog pada postingan yang ini. Rupanya ada beberapa sahabat yang berkeinginan lain yaitu ingin mengetahui bagaimana cara memasang Google Talk di blog. Apa itu google talk? google talk adalah suatu layanan dari google yang dapat di pergunakan oleh mereka yang mempunyai akun di google agar satu sama lain bisa saling berkomunikasi atau lebih di kenal dengan istilah chatting. Apakah fasilitas google talk tersebut bisa di pasang di blog? jawabannya adalah bisa. Belum mengetahui caranya? silahkan ikuti saja langkah-langkah berikut ini :



Untuk template baru :

  1. Sign in di blogger dengan ID anda.

  2. Klik Layout.

  3. Klik tab Elemen Halaman.

  4. Klik Tambahkan sebuah Elemen Halaman.

  5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript.

  6. Copy lalu paste pada kode berikut pada pop up window yang muncul.











  7. Klik tombol SIMPAN PERUBAHAN.

  8. Pindahkan elemen yang baru anda buat tadi pada tempat yang di inginkan.

  9. Klik tombol SIMPAN yang ada di sebelah atas.

  10. Selesai. Silahkan lihat hasilnya!




Jika anda merasa kesulitan dengan langkah di atas, saya mempunyai cara yang sangat praktis. Silahkan anda login dulu di blogger kemudian klik pada tombol Tambahkan ke blog saya di bawah ini, maka widget google talk akan secara otomatis di simpan di sidebar anda !











Untuk template Klasik :

  1. Sign in di blogger dengan ID anda.

  2. Klik Layout.

  3. Klik tab Edit HML.

  4. Copy seluruh kode template anda, kemudian paste pada notepad. Silahkan di save dulu untuk backup (sangat penting).

  5. Copy lalu paste kode berikut di tempat yang anda inginkan.











  6. Klik tombol Simpan Perubahan Template yang ada di sebelah atas.

  7. Selesai. Silahkan lihat hasilnya!




Selamat mencoba !

Kamis, 10 Januari 2008

Blog Bukan Sekedar Untuk Hobby



klik saja di sini kalo mau mampir ke tempatnya mba mika


Sebagian orang mungkin masih beranggapan bahwa blog hanyalah sebuah sarana
untuk menyalurkan hobby dalam hal menulis, entah itu menulis tentang pengalaman pribadi,
puisi-puisi, unek-unek dalam hati dan lain sebagainya. Namun tahukah anda
bahwa blog tidak hanya sekedar untuk hobby semata namun bisa juga di
jadikan sebagai sarana untuk berbisnis, baik itu bisnis yang secara totalitas
dilakukan di internet (online) atau ada juga yang di jadikan sarana pendukung untuk
kelancaran berbisnis di dunia nyata (offline).


Sebuah contoh kongkrit adalah seperti yang di lakukan oleh salah satu sahabat saya
yang bernama mba mika. Wanita yang mempunyai paras cantik ini pandai untuk memanfaatkan
sarana yang ada, dalam hal ini adalah blog. Beliau ini mencoba untuk memanfaatkan blog sebagai
sarana untuk mendukung kelancaran bisnis offline yang di milikinya. Bagi yang penasaran, silahkan mampir
ke blog milik beliau di  http://yukmampir.blogspot.com.


Usaha yang di geluti adalah dalam bidang produk sepatu dan sandal. Dengan adanya
blog maka informasi tentang produk yang di jual dapat dengan mudah di ketahui oleh khalayak ramai,
tak hanya oleh tetangga dekat saja bahkan seluruh dunia dapat dengan mudah mengakses
dan mengetahui tentang adanya bisnis yang beliau geluti.


Menurut keterangan beliau yang saya kutip dari sebuah pesan di inbox mail saya, pada awalnya
sarana blog hanyalah sekedar untuk iseng saja, namun ternyata dengan mudahnya informasi yang bisa
di akses melalui blog, maka usaha beliau bisa lebih maju dari sebelumnya. Satu lagi keterangan
yang saya catat yaitu katanya pesanan justru lebih banyak datang dari luar kota di bandingkan
dengan yang di dalam kota.


Dari kenyataan yang ada maka beliau dapat membuktikan kepada kita kita blogger mania bahwa blog
bisa juga di jadikan sarana sebagai sumber rezeki yang halal tentunya. Ingin tahu lebih banyak
tentang usaha yang beliau geluti atau mungkin ada yang mau sekedar sharing dengan mba mika, silahkan langsung saja meluncur ke
http://yukmampir.blogspot.com

 


 




Note : thanks ya mba atas uang kopinya, anak-anak senang lho nerima nya emoticon3.gif .






Rabu, 09 Januari 2008

Comment box inside post untuk template klasik


Dulu ketika saya pertama kali membuat blog, saya lebih menyukai
template klasik daripada template yang baru, alasan utamanya yaitu
untuk template klasik kode html templatenya sangat mudah untuk
di otak-atik dan tidak seribet template baru yang sering muncul
pesan error ketika melakukan editting. Maka pada waktu
tutorial yang saya tulispun lebih dominan membahas tentang yang berhubungan
dengan template klasik.


Seiring berjalannya waktu saya tergoda untuk memakai template baru karena
semakin hari semakin banyak pula fasilitas yang di tawarkan oleh pihak blogger,
maka akhirnya saya putuskan untuk bermigrasi ke
template baru. Setelah perpindahan tersebut rupanya perilaku saya dalam menulispun
ikut terbawa, sekarang tulisan saya hampir semuan berhubungan dengan
yang namanya template baru sehingga template klasik hampir sudah di lupakan.


Hal ini rupanya membuat sedikit kurang nyaman bagi pembaca setia blog saya yang masih menggunakan
template klasik, ambil contoh saya pernah memposting sebuah artikel yang membahas tentang bagaimana cara membuat
kotak komentar yang langsung di dalam halaman posting
tanpa harus membuka window baru layaknya kotak komentar blogger pada umumnya. Tulisan tersebut
memang saya tujukan bagi mereka yang menggunakan template baru, terus bagaimana
kalau untuk template klasik?
begitulah permintaan beberapa orang pembaca yang
masih menggunakan template klasik.


Hmmmmmm.... tampaknya memang tak adil juga ya perilaku saya selama ini. Untuk
sedikit memenuhi hasrat beliau-beliau yang masih menggunakan template klasik,
maka tulisan kali ini saya akan mencoba membahas bagaimana cara membuat kotak
komentar yang langsung di bawah postingan.


Sebelumnya saya tegaskan bahwa tulisan ini khusus bagi anda yang memakai
template klasik bukan untuk template baru, namun demikian kalau untuk sebatas
pengetahuan saja tentunya tidak di larang, silahkan saja di baca.


Perlu anda ketahui bahwa desain template sangatlah variatif, sehingga mungkin
kode-kode yang saya terangkan tidak akan sama persis dengan kode template yang anda miliki.
untuk itu tulisan ini saya merujuk kepada kode template yang standar di pake oleh template blogger
dalam hal ini saya mengambil contoh pada template minima (template asli blogger).


Terlalu lama berbasa-basi? Ok,.. langsung saja. Untuk membuat kotal komentar
langsung di dalam posting pada template klasik, silahkan ikuti langkah-langkah berikut :


Langkah #1



  1. Sign in di blogger dengan ID anda.


  2. Pada halaman dashboard, klik Pengaturan.


  3. Klik tab Komentar.


  4. Cari tulisan Tampilkan komentar dalam sebuah window popup?, pilih ya. Perhatikan gambar di bawah :


  5. kotak komentar

     


  6. Klik tombol   simpan pengaturan

 



langkah #2

  1. Klik tab Edit HTML


  2. Copy seluruh kode html template anda, lalu paste pada notepad kemudian Save dulu untuk backup (penting jangan sampai tidak di lakukan).


  3. Cari kode seperti di bawah ini :




  4. <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>

    <span style="text-transform:lowercase"><$I18NNumComments$></span></a>


     


  5. Hapus/delete kode di atas, lalu ganti dengan kode berikut :















  6. Cari kode seperti ini :




  7. <BlogItemCommentsEnabled><a name="comments">



  8. Hapus/delete kode di atas, lalu ganti dengan kode berikut :















  9. Coba tuju ke bagian bawah, lalu cari kode seperti berikut :




  10. <p class="comment-timestamp">

    <a href="<$BlogURL$>"><< <$I18NHome$></a>

    </p>


    </div>

    </itempage>




  11. Hapus/delete kode di atas, lalu ganti dengan kode berikut :















  12. Klik tombol Simpan Perubahan Template.


  13. Selesai. Silahkan lihat hasilnya!


 



Manilik kepada pengalaman yang lalu pada template baru, ada beberapa
komentar yang masuk bahwa beliau-beliau ini sudah berulang kali mencoba
akan tetapi gagal terus, setelah saya coba riview blog nya ternyata kotak komentarnya
sudah berhasil di buat, ini ada kemungkinan beliau ini meriview blognya di bagian
halaman depan saja dan tidak membuka halaman posting. Untuk itu saya
tegaskan bahwa ketika anda ingin melihat hasilnya, anda harus membuka sebuah
halaman posting. Caranya yaitu apabila halaman post anda mempunyai sistem Read more..
maka klik lah link Read more.. tersebut untuk membuka sebuah poastingan.
Jika tidak mempunyai sistem Read more.., silahkan klik pada judul yang ada
di posting sebelumnya (untuk template klasik).


Untuk sekedar melihat contoh dari yang saya terangkan di atas, silahkan anda klik di sini!


Informasi tambahan saja bahwa sebenarnya tutorial ini pernah di bahas oleh sahabat
saya mas abi,
bagi yang merasa kesulitan dengan yang saya terangkan, coba kunjungi saja blog beliau. Mungkin pembahasan beliau
lebih mudah untuk di pahami.


Selamat mencoba !

Senin, 07 Januari 2008

Free template : Hello Wiki 3 Columns



Ada koleksi template baru di uniQue template. Sebuah theme wordpress
yang telah di adaptasikan untuk bisa di pakai di blogger. Template ini
mempunyai nama Hello Wiki 3 Columns, secara original
template Hello Wiki mempunyai 2 kolom, untuk mengikuti trend yang lagi in yaitu
template 3 kolom, maka sengaja saya buatkan dalam bentuk tiga kolom.


Demo :



hello wiki template


Silahkan kunjungi http://hello-wiki.blogspot.com untuk melihat demo.


Lisensi


Bagi yang tertarik untuk memakai template Hello Wiki 3 Columns ini bisa didownload secara gratis, namun
ada beberapa ketentuan yang harus di taati, antara lain yaitu :




  1. Anda tidak boleh menghapus credits link ke blog ini serta ke situs
    ini yang berada di bagian bawah template.




  2. Anda tidak boleh untuk menjualnya kepada pihak lain.




  3. Anda boleh memodifikasi seluruh isi template.




  4. Anda boleh memakai template ini untuk di pakai secara personal ataupun perusahaan.







Cara menginstall template



Sesudah anda mendownload templatenya, jangan langsung di upload ke blogger tapi
di ekstrak dulu karena file yang di download masih dalam bentuk file zip.
Selain file XML (file template), disana sudah saya sertakan gambar-gambar dari
template tersebut, silahkan upload ke server tempat anda menyimpan gambar, gantilah
alamat gambar yang ada di template dengan alamat milik anda, ini untuk menghindarkan
server down apabila terlalu banyak yang menggunakan alamat gambar milik saya.
Jangan lupa untuk membackup template lama anda, mungkin setelah anda mengganti template dengan
yang baru tidak merasa cocok, anda bisa mengembalikan nya kembali ke template yang lama.
Selain membackup template yang lama, jangan sampai lupa untuk membackup data widget.
Untuk cara membackup widget bisa di baca pada postingan yang ini.
atau jika mau iseng membaca dalam versi bahasa inggris, bisa di baca pada postingan yang ini
atau juga postingan yang ini.



Untuk cara-cara menginstall bisa di baca pada postingan yang ini atau juga posting yang ini.




Tips-tips mengganti template



Ada beberapa tips yang sekiranya boleh untuk di pertimbangkan, diantaranya :



  • Jangan lupa untuk membackup template dan widget.




  • Jangan langsung mengganti template yang lama dengan yang baru, cobalah buat
    satu blog percobaan (membuat blog yang baru sangat gampang) karena mungkin saja
    setelah di upload anda tidak merasa cocok dengan template yang baru. Hal ini lebih
    efektif karena apabila langsung pada blog utama anda tentu saja berbagai widget akan
    terhapus, trus apabila tidak merasa cocok akan repot dua kali.




  • Apabila sudah merasa cocok dan siap untuk mengganti template pada blog utama anda. jika
    dalam template lama terdapat menu navigasi, hapuslah terlebih dahulu menu-menu
    navigasi tersebut. Karena apabila terdapat menu navigasi yang langsung di tanam
    pada kode template, sering terjadi Error saat mengganti template atau kadang-kadang link
    yang ada pada menu navigasi tersebut tidak hilang serta tidak bisa di hapus lagi.




  • Apabila terjadi Error dengan isu IDs Widget harus Unik, untuk mengatasi error tersebut
    coba baca postingan yang ini.








  • Bagi yang berminat, silahkan download di
    http://template-unik.blogspot.com, atau
    bisa juga di http://rohman-freeblogtemplate.blogspot.com




    Selamat berdownload ria !

    Kamis, 03 Januari 2008

    Pasang Fasilitas "Print" di blog



    Sudah beberapa hari tidak ada tulisan baru di blog ini, harap
    dimaklumi ya soalnya kemarin baru liburan ke bandung selama tiga hari.
    Iseng melihat dokumen yang ada di shoutbox, rupanya banyak juga
    pengunjung baru blog ini. Buat anda yang terbilang sebagai pengunjung
    baru dan belum kenal dengan saya, salam kenal saja dari saya Kang Rohman,
    sering-sering berkunjung kemari ya.



    Pada kesempatan kali ini saya mau mencoba mengulas sebuah pertanyaan mengenai
    bagaimana cara memasang fasilitas print di blog, layak nya
    yang banyak terdapat di situs-situs internet.
    . Memang, dengan memasang
    falitas print di blog, maka akan lebih memudahkan para pembaca blog yang ingin
    membaca artikel kita secara offline.




    Untuk memasang falitas ini, banyak cara yang bisa di tempuh. Ada yang memasang
    script dari yang rumit nya minta ampun sampai dengan script yang sederhana. Untuk
    mendapatkan script tersebut sangatlah mudah, coba lakukan googling Silahkan
    tulis keyword atau kata kunci yang berhubungan
    semisal script print this page pada mesin pencari (search engine) yang ada di sebelah
    kanan atas blog ini. Bagi yang sedikit malas untuk ber googling ria, silahkan baca
    artikel ini sampai selesai.



    Agar tidak membingungkan, saya memilih cara yang sederhana tapi tetap berfungsi secara
    semestinya yaitu memasang script yang sederhana tapi tetap berfungsi secara baik.
    Agar telihat lebih manis, ada banyak pembuat situs menggandengkan link untuk print
    berderetan dengan icon berbentuk printer, maka dari itu saya pun akan
    mencoba membuat link untuk print beserta icon print.



    Langkah pertama yaitu membuat icon berbentuk print, jika anda tidak mahir menggambar
    tentu saja ada banyak situs penyedia icon secara gratis di internet. Lagi-lagi silahkan tulis
    keyword yang berhubungan semisal free icon pada mesin pencari di sebelah
    kanan atas blog ini. Sebagai contoh, saya mempunyai icon printer seperti ini print this page.
    Jika anda sudah mempunyai icon yang mau di pasang, langkah selanjutnya adalah mengupload
    icon tersebut ke server tempat anda biasanya menyimpan gambar. Sebagai contoh saya menyimpan icon print
    di google pages, untuk cara-cara upload ke google pages sudah saya ulas pada postingan yang ini.



    Sebagai contoh, icon yang saya upload mempunyai alamat seperti ini :


    http://amen24.googlepages.com/printer.png



    Untuk script fasilitas print, anda tinggal memakai script di bawah ini (silahkan
    ganti alamat gambarnya dengan milik anda):





    <a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/>&#160;Print this page</a>



    Hasilnya akan seperti ini (silahkan klik untuk membuktikannya!) :


    print this page Print this page


    Tulisan Print this page bisa anda ubah sesuai keinginan, misal di ubah menjadi Cetak halaman ini atau
    yang lainnya, perhatikan saja kodenya.


    Masih bingung cara memasukannya di blog anda? ya sudah saya tuliskan langkah-langkahnya lebih detail :



    1. Silahkan login di blogger dengan id anda.


    2. Klik Layout.


    3. Klik Elemen Halaman.


    4. Klik tulisan Tambahkan sebuah Elemen Halaman.


    5. Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.


    6. Copy lalu paste kode berikut pada elemen halaman tadi :








    7. Klik tombol simpan perubahan.


    8. Pindahkan elemen yang baru di buat tadi ke tempat yang anda sukai.


    9. Klik tombol SIMPAN.


    10. Selesai. Silahkan lihat hasilnya.


     


    Selain bentuk link seperti yang saya terangkan di atas, ada juga yang memasang
    fasilitas ini dalam bentuk tombol, kodenya seperti ini :






    hasilnya akan seperti ini (coba klik untuk membuktikannya !) :






    Untuk langkah-langkah pemasangan silahkan merujuk pada langkah-langkah yang di atas, langkahnya
    sama yang berbeda hanya kode yang di pasang saja.


    Selamat mencoba !