Selasa, 18 Januari 2011

Menambahkan Widget Jumlah Postingan dan Jumlah Komentar

Berapa banyak kita telah menulis di blog kita? Dan berapa banyak komentar yang masuk? Masih ingatkah? Atau tahukah kita? Mungkin sudah banyak atau sering kita telah mengupdate blog kita sampai kita lupa sudah berapa banyak kita memposting. Atau seberapa banyak komentar yang masuk, mengomentari tulisan kita?

Karena ingatan kita terbatas dan buat apa juga kita menghitungnya. Sekrang dengan gadget atau widget ini kita mudah untuk mengetahui jumlah postingan yang telah kita publikasikan dan jumlah komentar yang kita terima.

Cara Menambahkan Widget Jumlah Postingan dan Jumlah Komentar
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

<script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><b><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Postingan<br/><script src="/feeds/comments/summary?max-results=0&alt=json-in-script&callback=showpostcount"></script> Komentar</b><br/>

Hasilnya akan seperti ini
118Postingan
1568 Komentar

Menambahkan Jam dan Kalender Pada Blog

Blog kita anggapkan saja sebagai rumah kita, yaitu tempat kita berteduh dari panasnya siang dan dinginnya malam. Blog tempat kita tinggal berada dalam suatu lingkungan yang cukup luas yang setiap orang bebas untuk datang ke rumah kita (blog). Adakalanya kita juga perlu unutk menghias rumah kita agar kelihatan lebih indah dan rapi.

Salah satu pernak-pernik yang biasanya ada di rumah (blog) adalah  jam dan kalender, hidup ini terbatas oleh waktu, dan setiap rumah pasti punya jam atau kalender, walau jaman sekarang ada saja hal-hal yang mempermudah manusia, misalnya saja di HP  sudah ada jam  dan kalendernya.


Jam adalah sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perduapuluh empat) hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi. Satu jam terdiri dari: 60 menit atau 3600 detik
Cara Menambahkan Jam dan Kalender Pada Blog
  1. Login ke blogger
  2. Pilih Tata Letak kemudian Tambah Gadget
  3. Pilih HTML/JavaScript
  4. Masukan kode-kode berikut ini
<script src="http://www.clocklink.com/embed.js"></script><script language="JavaScript" type="text/javascript">obj=new Object;obj.clockfile="5015-green.swf";obj.TimeZone="GMT0700";obj.width=160;obj.height=40;obj.wmode="transparent";showClock(obj);</script>

Hasilnya kan seperti ini



Dan atau yang satu ini

<center><iframe src="http://www.free-blog-content.com/Calendars/calendar0054.htm" width="120" height="150"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>

Hasilnya akan seperti ini




Sebuah kalender adalah sebuah sistem untuk memberi nama pada sebuah periode waktu (seperti hari sebagai contohnya). Nama-nama ini dikenal sebagai tanggal kalender. Tanggal ini bisa didasakan dari gerakan-gerakan benda angkasa seperti matahari dan bulan.

Dengan pernak-pernik hiasan rumah (blog) mungkin akan bisa meperindah blog kita, sehingga orang-orang akan semakin betah bertamu ke blog kita. Untuk lebih banyak pilihan jam kita bisa ambil dari sini, dan untuk lebih banayak pilihan kalender kita bisa ambil dari sini

Membuat Banner dan Tukeran Link Banner

Jika kita punya suatu produk, pasti kita ingin juga membuat sebuah logo dari produk kita tersebut, misalnya kita punya toko, tentu kita juga akan memberi nama toko kita itu, dengan nama yang bagus, yang mempunyai arti dan tentu saja mudah diingat, itu sama artinya saat kita punya blog, tentu kita akan menamainya dengan sesuatu nama atau brand dengan nama yang bagus dan mudah diingat.

Sebagai contohnya adalah blogger, yang sudah banyak dikenal orang, mungkin kenapa blogger juga banyak dikenal orang karena Logo Banner juga. Kita yang punya blog juga mengikuti atau setidaknya berusaha memperkanalkan blog kita pada khalayak umum dengan  salah satu caranya dengan membuat Banner.

Salah satu pernak-pernik blog yang banyak digunakan dan tentunya akan berdampak positif dengan blog kita adalah Banner dan Tukeran Link Banner. Dengan pernak-pernik tersebut akan membawa manfaat terciptanya pertemanan derngan blogger yang lain, karena saling bertukeran link, yang akhirnya berimbas pada traffic blog kita.

Cara Membuat Banner dan Tukeran Link Banner
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript 
4. Masukan kode HTML berikut ini

<a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a>
<!------------------------------------------------------------>
<textarea rows="3" cols="16"><a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a></textarea>

5. Sebelum disimpan, berikut ini hal-hal yang perlu kita ubah.
  • Diatas kode <!-----> adalah bannernya dan di bawahnya adalah textarea, kotak berisi kode banner.
  • http://kurniasepta.blogspot.com adalah URL yang dituju, kita ganti dengan URL kita sendiri.
  • http://images.cooltext.com/531532.gif adalah URL gambar atau logo banner.
  • Kita juga dapat mengatur lebar dan tinggi banner dengan mengubah angka-angka pada width dan height. dan kotak (textarea) dengan mengubah angka pada rows dan cols. Kalaupuan tidak diubah juga tidak akan jadi masalah
 Mungkin diantara kita masih, masih belum bisa membuat logo banner sendiri, jangan khawatir, karena kita juga bisa membuat logo banner secara online dengan mudah dan cepat. Kita bisa membuatnya di cooltext.com disana kita tinngal memilih modelnya, menganti judul, tulisan, dan warna, setelah itu sedikit registrasi dan kita akan mendapatkan kode HTMLnya. Ambil saja URL gambar atau logonya saja.




Setelah kita pasang atau tambahkan ke blog kita nanti hasilnya akan seperti di atas, ada yang mau tukeran link banner dengan saya? atau ada yang ingin mengoleksi banner? Silahkan :D

Slime

Blog kita akan terlihat lebih baik dan bagus jika didukung oleh tampilan yang yang baik juga, artinya selain konten (isi) blog kita baik atau bermutu setidaknya juga ditunjang tampilan blog kita yang juga harus indah dan bagus. Salah satu hal yang bisa kita lakukan untuk memperindah blog kita adalah dengan membuat tulisan atau teks yang ada di blog kita tak hanya diam, artinya berjalan dan bergerak-gerak :z

Setelah kita belajar membuat tulisan berjalan, yang dulu pernah kita pelajari bersama disini. Kita sekarang beralih, cara membuat tulisan berkedip-kedip. Mungkin kita juga bisa kasih julukan dengan tulisan genit :o Karena dengan tulisan berkedip-kedip ini akan menjadi daya tarik orang untuk melihatnya. Bayangkan saja jika ada cewek di dekat kita yang mengedip-ngedipkan matanya. :D

SELAMAT DATANG DI BELAJAR NGEBLOG DI BLOG

Itu contoh atau hasil dari pelajaran kita hari ini, yaitu membuat tulisan berkedip, lalu apa saja hasil dari modifikasi atau manfaat apa yang bisa kita peroleh dari kode html tulisan berkedip ini? Kita juga dapat membuat link dari tulisan berkedip itu, hasilnya akan seperti ini :


Cara Membuat Tulisan Berkedip-kedip
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

<blink><b>SELAMAT DATANG</b></blink>

5. Sedang untuk yang kita sisipkan link kodenya seperti ini

<blink><a href="http://www.kurniasepta.blogspot.com/"><b>SELAMAT DATANG </b></a></blink>

6. Kita dapat menganti tulisan yang nampak (SELAMAT DATANG), dengan berbagai keinginan kita. Dan link http://www.kurniasepta.blogspot.com/ dengan URL yang kita tuju.
7. Simpan kalu sudah selesai.

Menghilangkan Angka Pada Label

Pada fitur blog ada yang "label" Tampilkan semua label dari posting dalam blog Anda. Saat kita mengunakan fitur atau widget ini akan memunculkan label kita beserta jumlah postingan yang termasuk pada label tersebut. Misal
Kucing (10)
Ayam (45)
Monyet (9)
Unta(34)
Itu karena blog kebun binatang jadi labelnya juga nama-nama binatang :)
Kita bisa menghilangkan angka-angka pada label tersebut sehingga nantinya akan berubah menjadi seperti ini
Kucing
Ayam
Monyet
Unta
Sekarang langkah-langkah untuk menghilangkan angka pada label adalah sebagai berikut.
1. Login ke blogger
2. Pilih Tata Letak --> Edit HTML
3. Beri tanda centang pada Expand Template Widget
4. Cari kode berikut ini

(<data:label.count/>)

5. Jika sudah hapus/delete kode tersebut
6. setelah selesai Simpan Template

Mengganti Tulisan Posting Lama, Halaman Muka, dan Posting Lebih Baru

Mengganti Tulisan Posting Lama, Halaman 
Muka, dan Posting Lebih Baru
Mungkin kita tidak puas dengan tulisan yang ada di bawah halaman atau postingan blog kita yaitu tulisan posting lama, halaman muka dan postingan lebih baru. Karena tentunya berbagai alasan, mungin karena tidak indah atau ingin lebih menarik lagi dengan caranya mengubahnya menjadi atau dengan ikon gambar.

 

Cara Menganti Tulisan Posting Lama, Halaman Muka, dan Posting Lebih Baru
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini


<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

6. Langkah selanjutnya, jika kita menginginkan menganti dengan tulisan yang baru (tulisan kita sendiri) langsung saja ganti yang yang tercetak tebal dengan tulisan kita sendiri. Misalnya <data:homeMsg/> dalam tampilan standar adalah halaman muka kita ganti dengan HOME.

Dan jika kita ingin mengganti dengan ikon gambar kita ganti kode yang bercetak tebal dengan <img src="http://anime7.graphic.googlepages.com/home_post.png"/> untuk tulisan (kode) <data:homeMsg/>

7. Simpan Template jika sudah selsai.