Facebook

Bintang Timur | Buat Lencana Anda

Cara Mudah Membuat Tampilan

Rekan2 Blogger ... Kali ini saya akan menulis dan belajar ( khususnya saya sendiri ) untuk membuat fungsi Read more / Baca selanjuynya adalah fungsi pemenggalan pada suatu paragraf yang sering kita lihat di kebanyakan blog yang sangat berguna untuk mengurangi tampilan awal pada suatu blog, sehingga tidak terlalu memakan tempat.

Trik untuk membuatnya sangatlah mudah, langsung saja y saya akan menuliskan caranya dan ikuti langkah2 berikut :

Setting kode HTML :

1. Masuk ke Account blogger sobat.
2. Pilih Tata Letak => Edit HTML.
3. Silahkan save dulu template tersebut, ini untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
4. Klik / Beri tanda centang Tulisan "expand widget template" yang ada diatas kanan kolom edit HTML. ( Tunggu beberapa saat ketika proses sedang berlangsung )
5. Lalu Cari Kode :

Atau kode dibawah ini ( Sama saja )

6. Hapus kode diatas lalu ganti dengan kode dibawah ini.

Baca Selengkapnya...

7. Klik tombol simpan dan selesai

Setting Format :

1. Klik Pengaturan.
2. Klik Format.
3. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

4. Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Cara posting artikel :

1. Klik menu Posting.
2. Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

3. Tuliskan artikel yang ingin tampak didepan / tidak disembunyikan pada blog sebelum kode dibawah ini :

4. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode ( Tulis kode dibawah ini pada bagian paling bawah postingan ) :

5. Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING.
6. Klik tulisan Lihat Blog (di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.

Mudah2an dapat membantu, kususnya bagi para rekan2 blogger yang masih pemula seperti saya. Jika rekan2 yang gagal mempraktekkan cara ini, anda jangan khawatir untuk mengembalikanya seperti semula sangat mudah asal anda punya backup data yang di simpan. Anda tinggal copas aja kode yang anda backup tadi dan pastekan di kolom edit HTML. Selesai ...

Membuat Widget Komentar Paling Banyak ( Top Comments )

L anjut untuk membuat Widget Komentar Paling Banyak ( Top Comments ), Langkah-langkahnya adalah sebagai berikut :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" ( Tempatnya terserah kamu ).
3.Copy Paste Script Berikut :

Widget edited by http://multimediasukamara.blogspot.com

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Top Comment" yang ditampilkan, kamu bisa menggantinya
6. Nama Anda ,nama yang Anda gunakan saat komentar ( akan dihapus / tidak ditampilkan dari daftar top komentator )
7. Terus Simpan.

Membuat Efek Tulisan Berjalan ( Marquee )

E fek tulisan berjalan ( Marquee ) adalah suatu program HTML untuk membuat teks agar bisa bergerak / berjalan yang merupakan suatu perintah yang dapat kita atur sesuai keinginan. Kode HTML ini banyak sekali di pakai olehpara blogger, karena memang menarik pengunjung untuk melihatnya dan menghemat tempat pada halaman blog. Ada beberapa macam kode marquee untuk model perilaku geraknya ... antara lain :

TEXT

Kode untuk perilaku gerakan dari kanan ke kiri

TEXT

Kode untuk perilaku gerakan dari kiri ke kanan

TEXT

Kode untuk perilaku gerakan berjalan ke kiri dan ke kanan

TEXT

Kode untuk perilaku gerakan berjalan ke atas

TEXT

Kode untuk perilaku gerakan berjalan ke bawah

TEXT

Kode untuk perilaku gerakan berjalan ke atas dan ke bawah

TEXT

Kode untuk perilaku gerakan terbang zigzag

TEXT

Kode untuk perilaku gerakan berjalan zigzag ke atas dan ke bawah

>>TEXT<<

Kode perilaku untuk menampilkan tanda panah ke teks

TEXT

Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan latar belakang warna, anda bisa merubahnya dengan kode warna lain

TEXT

Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan dikelilingi garis tepi (border)

TEXT

Kode untuk perilaku gerakan berjalan dengan hanya menampilkan bagian depan textnya saja atau hidden marquee

TEXT
TEXT

Kode untuk perilaku gerakan berjalan seperti gelombang ombak ke atas dan ke bawah

Keterangan :
+ Ganti tulisan Text dengan tulisan yang akan di tampilkan sesuai keinginan.

Cara membuatnya :1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script yang ada tinggal anda edit saja
4. Klik Simpan dan selesai

Ada variasi lain dari marquee lagi, yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee tsb. Kodenya di bawah ini :

Cara Back Up dan Upload File Java Script ke Free Hosting Cara Membuat Animasi Status Loading Cara Membuat Buku Tamu dengan Shoutmix.com Cara Membuat dan Memahami Isi Blog di Blogspot Cara Membuat Icon Address bar ( Favicon ) di Blog Cara Membuat Kata Penutup di Blog Ketika Menutup Blog Cara Menampilkan Elemen Halaman Hanya Pada Halaman Depan Cara Menampilkan Elemen Halaman Hanya Pada Halaman Selanjutnya Cara Menulis Kode HTML di Postingan

Membuat Widget Tampil Dengan Scroll

S eperti pada salah satu widget yang ada pada blog saya ini, fungsi scroll yang sederhana namun banyak sekali manfaatnya. Salah satunya adalah untuk menampilkan widget agar tampak lebih ringkas mungkin karena terbatasnya tempat. Kotak scroll widget ini walau sangat sederhana ini cukup ampuh untuk menjadikan blog anda tertata rapi karena banyak widget yang ingin kita pasang di blog tetapi ukurannya tidak sesuai dengan ukuran sidebar atau kolom template kita, nah supaya widget widget tersebut bisa di sesuaikan dgn halaman blog maka kita perlu kolom scroll widget ini.

Cara buatnya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :

TULIS JUDUL KOTAK SCROLL DISINI

#F5003D; overflow: auto; width: 310px; height: 200px; text-align: left;">

http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

Keterangan :

+ Angka 310 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.
+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.
+ Ganti URL/Link yang berwarna merah dengan link yang ingin anda pasang.
+ Ganti judul link yg berwarna hijau dengan judul link yang anda pasang.+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda
+ Jika ingin meletakkan widget atau banner ke dalam kota scroll ini, ganti saja script link dengan script widget atau banner anda.

4. Klik Simpan dan selesai.

Nah !!! gampang kan cara buatnya, silahkan di coba semoga bermanfaat

Menambah Emotion pada Buku Tamu Shoutmix.com

B logwalking, berkeliling membaca artikel2 teman dan meninggalkan jejak dengan menuliskan sapaan di buku tamu adalah kegiatan yang sangat rutin dilakukan oleh para blogger2 ... Memang sangat mengasikkan dan saya sendiri sering melakukanya, selain dapat meningkatkan traffik kunjungan, kita juga dapat memberikan penilaian terhadap blog yang sedang kita kunjungi dengan berinteraksi dan silaturahmi dengan pemilik blog.

Memperluas pergaulan skalian sharing ilmu he3 ...

Kalau kita melihat dibuku tamu (Shoutmix) kita sering melihat animasi2 yang lucu2. Dengan adanya emoticon dalam buku tamu, ini akan lebih mempertegas karakter si pemberi komentar, walaupun tentu saja ada juga yang hanya berpura-pura mempunyai karakter tersebut. Bagi sobat yang menggunakan buku tamu dari shoutmix, apabila sobat berkeinginan untuk menambah kepala-kepala ajaib, hal itu bisa sobat lakukan ...

Sobat yang sangat menyukai emoticons dari yahoo! messenger, bisa melihat alamat gambarnya di sini!, yang diperlukan hanyalah alamat gambarnya saja, tampilanya seperti ini :



Atau mungkin anda bisa upload gambar sendiri di hosting kesayangan anda.

Saya akan menulis bagaimana cara membuatnya :

1. Silahkan Login di Shoutmix, tentunya memakai username serta pasword yang sobat miliki.
2. Pada menu Display, klik yang untuk Smiley.
3. Masukan alamat gambar yang di inginkan pada kotak di bawah tulisan Smiley image URL.
4. Klik pada tombol Add yang berada di sampingnya.
5. Masukan kembali alamat gambar smile yang lain apabila masih ada yang mau di masukan, jangan lupa untuk klik kembali tombol Add nya.
6. Klik tombol Save Settings.
7. Selesai.

Apabila sobat sudah melakukan langkah-langkah di atas, maka secara otomatis pada buku tamu yang ada di blog nya akan memiliki emotion yang menari untuk dilihat yang tadi di masukan tanpa harus mengubah apa-apa lagi pada kode templatenya. Contohnya bisa dilihat pada buku tamu pada blog ini ... Semoga dapat membantu, khususnya bagi para blogger pemula