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.

 

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

 

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

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
padahal masih blog saya
sendiri

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 :



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



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

   
   


7. Klik tombol Simpan Template.


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

Pasang Google Talk di Blog

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.













<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"> </iframe><p style="margin:-8px 0"><br /><center> <a style="text-decoration:none;font-size:60%;" href="http://kolom-tutorial.blogspot.com/2008/01/pasang-google-talk-di-blog.html">Add to your blog</a></center></p>








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.













<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"> </iframe><p style="margin:-8px 0"><br /><center> <a style="text-decoration:none;font-size:60%;" href="http://kolom-tutorial.blogspot.com/2008/01/pasang-google-talk-di-blog.html">Add to your blog</a></center></p>








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


7. Selesai. Silahkan lihat hasilnya!

Selamat mencoba !

Blog Bukan Sekedar Untuk Hobby

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 .

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

 

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 :






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

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





 



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

















<br /><br /><a class="comment-link" href="<$BlogItemPermalinkUrl$>#comments"><span style="text-transform:lowercase"><$I18NNumComments$></span></a><br /><br />










5. Cari kode seperti ini :






<BlogItemCommentsEnabled><a name="comments">






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

















<br /><br /><!-- <br /><BlogItemCommentsEnabled><a name="comments"><br /><br />










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






<p class="comment-timestamp">

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

</p>


</div>

</itempage>







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

















<br /><br /><br /><p class="comment-timestamp"><br /> <a href="<$BlogURL$>"><< <$I18NHome$></a><br /> </p><br /></div><br />--><br /><iframe src="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$> width="400px" height="700px" frameborder="10" scrolling="yes"></iframe><br /></div><br /></ItemPage><br /><br />










9. Klik tombol Simpan Perubahan Template.




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