Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Senin, 03 Oktober 2011

Berkreasi dengan Recent Comments

Ayo kita berkreasi dengan Recent Comments (komentar terakhir) pasti sobat blogger dah pada tau kan apa fungsinya, yup Fungsi dari fitur ini untuk sama seperti fitur Comment RSS, yaitu untuk memantau komentar-komentar terbaru di dalam blog. Cuma untuk melihatnya Anda harus masuk ke halamn blog sobat. untuk kali ini saya akan sedikit bercerita haha eh bukan maksudnya sedikit berkreasi (jadi inget temen saya yg slalu bilang sedikit bercerita sampai2 dosenpun ikut2an bilang sedikit bercerita :) ) ada 3 kreasi yang akan saya bahas yu langsung ja ke TKP.


1. Untuk Recent Comments yang ini adalah Recent Comments yang biasa saja tampilannya dengan menggunakan scrip berikut langkah2nya :



Langkah nya sebagai berikut :
1. Seperti biasa Masuk dulu Blogger.com
2. Login dengan user dan pass sobat
3. Klik Tata Letak
4. Tambah Widget dan pilih HTML/JavaScript
5. Kemudian Copy-Paste kode dibawah ini.

<script style="text/javascript" src="http://simplesite.wen.ru/js/recentcomments.js"></script> <script style="text/javascript"> var numcomments = 6; var showcommentdate = true; var showposttitle = true; var numchars = 60; var standardstyling = true; </script><script src="http://sharing-q.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></ script></script>

ket :
numcomments = 6 : jumlah komentar yang ditampilkan, rubah angkanya untuk menambah / mengurangi jumlah komentar.
sharing-q.blogspot.com : ganti dengan URL blog sobat.



dan hasilnya akan seperti berikut :





2. untuk yang ke dua ini saya akan tambahkan scrip yang akan membuat 
Recent Comments akan berjalan seperti yang saya pakai hahaha untuk yang ini scrip Recent Comments nya pun berbeda hasilnya pun berbeda dari kreasi Recent Comments yang pertama. untuk langkah2nya sama ya sama yang diatas jadi langsung saja ke scrip Recent Comments nya.
/love



<marquee onmouseover="this.stop()" onmouseout="this.start()" align="center" direction="up" scrollamount="2" height="200" width="95%">



<div style="margin: 0 0 0 14px;">
<script style="text/javascript" src="http://www.raycreationsindia.com/blogger-template/edensgarden/recent-comment.js"></script><script style="text/javascript">var numcomments = 10;var showcommentdate = false;var showposttitle = false;var numchars = 70;</script><script src="/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script></div>



</marquee>



catatan : untuk Recent Comments  yang ini sobat hanya perlu menggati berapa jumlah commant yang akan di tampilkan saja jadi untuk Recent Comments  yang ini lebih peraktis


ket : 
 10 : adalah jumlah commant yang akan di tampilkan 


scrip yang berwarna ungu adalah scrip untuk teks berjalannya. :)


nah berikut ini hasilnya :




3. Nah yang ini lebih mudah lagi, kenapa lebih mudah lagi karena sebenarnya blogger sudah menyediakan pasilitas Recent Comments untuk sobat, nah pertanyaannya dibanakah Recent Comments dari blogger itu haha,yup bener Recent Comments nya ada pada widget nya blogger yu langsung ke TKP :



  1. Pilih Tata Letak,
  2. Pada Elemen Halaman klik Tambah Gadget untuk menambah widget di sidebar,
  3. Akan muncul jendela baru Tambah Gadget, pilih menu Gadget Lainnya,

  4. Pilih Recent comments,

  5. Pada jendela gadget Recent comments atur sesuai dengan keinginan sobat,

  6. Simpan 

Ke :
Judul : Judul widget yang akan tampil di sidebar
Ketinggian : Ketinggian widget dari recent comments
Number of comments to display : Jumlah komentar yang akan mucul di widget
Summary length : jumlah description (isi ringkasan) komentar yang tampil




Segitu dulu ya Tips kali ini moba bermanfaat 
/cheer

Jumat, 30 September 2011

Cara menggati kursor mouse Blog

Saya tahu banyak blogger yang ingin mengubah tampilan setiap bagian dari blog, dari template, warna, ukuran font, gaya, dan beberapa orang bertanya tentang bagaimana caranya untuk mengubah kursor mouse blogger, Berikut langkah-langkahnya : 




Buka akun blogger Anda,Selanjutnya ke dashboard >> desain >> edit html>>
Dan cari kode berikut,
]]></ B: skin>
Tambahkan kode berikut ini sebelum kode yang ada diatas :
body, a, a:hover {cursor: url ( http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif ), progress;}
Selanjutnya klik Simpan Templet

Langkah di atas akan mengubah kursor mouse blog kamu, Dan karena tujuan dari tutorial ini adalah untuk memberikan semua kontrol atas kursor blog Anda, Untuk mengganti kursor silahkan ganti alamat url yang berwarna merah dengan almat url kursor yang anda sukai 

Gratis 1000 lebih kursor mouse.
Pada 2 link Anda akan menemukan lebih dari 1000 cursors gratis dan siap untuk digunakan .

  • /love

Kamis, 29 September 2011

Cara Pasang Tombol 'Back to Top' pada Blog

Actions arrow up top iconTombol 'Back to Top' atau 'Kembali ke Atas' merupakan sebuah tombol yang jika diklik akan membawa kita menuju ke bagian atas suatu halaman pada blog. Tombol ini berguna untuk memudahkan pengunjung saat ingin kembali ke bagian atas halaman blog setelah selesai membaca artikel kita yang panjang hehe. Jadi, pengunjung tidak perlu repot-repot mengeklik scroll bar atau memutar scroll pada mouse untuk kembali lagi ke bagian atas halaman.

Letak tombol ini berada di pojok kanan bawah layar monitor dan melayang. Untuk memasang tombol ini, ikuti langkah-langkahnya berikut :

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen Laman > Tambah Gadget.

3. Pilih HTML/JavaScript.

4. Copy dan paste kode di bawah ini di kolom Konten.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Kembali ke Atas"><img src="http://icons.iconarchive.com/icons/saki/nuoveXT/128/Actions-arrow-up-top-icon.png" /></a>

  • Anda dapat mengganti Kembali ke Atas dengan judul yang Anda inginkan.
  • Bila ingin menggunakan gambar Anda sendiri, silakan ganti "http://icons.iconarchive.com/icons/saki/nuoveXT/128/Actions-arrow-up-top-icon.png" dengan url gambar Anda kalau yang saya gunakan dari iconarchive.com
5. Klik tombol SIMPAN, dan Pindahkan elemen ke posisi paling bawah.

7. Klik tombol SIMPAN.

8. Selesai deh :) .




Kamis, 04 Agustus 2011

Cara Membuat Shout Box

Shout Box atau istilah lainnya Kotak ngoceh, Say Box, Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat ngobrol (chatting). nah jika kamu tertarik ingin pasang Shout Box gini caranya :

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan,Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" :D lalu klik link Go to My Control Panel Now
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

Rabu, 03 Agustus 2011

Menampilkan Komentar Terbaru (Recent Comments)

Menampilkan komentar terbaru atau  recent comments fungsinya supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Berikut cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

 ket :
- Angka 9 adalah jumlah komentar yang mau ditampilkan.
- Ganti
sharing-q.blogspot.com dengan nama blogmu.

3. Menampilkanya di sidebar pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas .