Background warna pada bagian posting

Ada kalanya pada setiap posting ada tulisan yang ingin jadi perhatian lebih atau lebih menarik, untuk itu perlu penanda agar tulisan tersebut lebih menonjol, salah satunya dengan memberi warna atau background pada tulisan tersebut.

Penandaan dengan background warna biasanya digunakan untuk kode-kode HTML/Javascript atau sesuatu yang penting pada postingan tersevut,

lihat pada contoh di bawah ini:

... Ini adalah contoh TEXT yang sudah diberi background ...

adapun cara membuatnya adalah

Ini adalah kode untuk membuat background warna pada bagian posting:

<div style="padding: 3px; background: none repeat scroll 0% 0% #80ff00 ; text-align: justify;">... Ini adalah contoh TEXT yang sudah diberi background ... </div>

Cara Memberi Background Warna Pada bagian Posting adalah sebagai berikut:

1. pastikan ketika mau posting ada pada mode "Edit HTML" bukan pada mode "tulis";

2. Pada tulisan yang hendak diberi background warna, tambahkan kode diatas:

3. Jika Ingin merubah warna background, silahkan ganti kode warna ini: #80FF00 dengan warna yang diinginkan;

4. ok... selesai deh. selamat mencoba

Menampilkan Slide show di blogspot

Slide show dalam blog sangat membantu pengunjung untuk melihat rangkuman isi blog kita atau apa yang ingin ditonjolan pada blog kita, slide show gambar adalah lemari etalase dari blog anda.

cara membuat Slide Show Foto atau Gambar

Sebenarnya ada fasilitas gratis slide show dari web-web untuk menampilkan slide gambar di blog. Kamu bisa mendapatkan kode html yang bisa langsung kamu pasang di blog kamu.

tapi disini saya ingin menunjukan cara lain, yaitu cara manual dengan kode script, (terinspirasi dari salah satu blog yang pernah saya baca) yaitu dengan memanfaatkan fasilitas "marquee".


Cara membuat dan mengisi gambar:

- buat posting baru yang berisi gambar-gambar yang ingin ditampilkan di slide.
dalam mode "html" copy semua scriptnya simpan di notepad dengan nama slide gambar (contoh),
simpan posting tersebut.
- tambah widget "java script/html" dimana saja tergantung anda mau menempatkan slide tersebut
- isi judul,
- dalam kotak konten masukan kode marquee di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="up" width="50%" bgcolor="yellow" height="100">isikan gambar atau foto-fotomu di sini</marquee>

Berikut ini keterangannya:

scrollamount="3" menunjukkan angka kecepatan bergeraknya. Semakin besar angka, semakin cepat larinya.
width="50%" menunjukkan lebar kotak slide.
height="100" menunjukkan tinggi kotak tampilan.
direction="up" menunjukkan arah gerakkan. Bisa kamu ganti left, right, atau down.
Atau kalau kamu suka yang goyang kanan kiri kamu ganti saja kodenya menjadi behaviour="alternate"

- ganti tulisan "isi foto ....." Dengan kode script "slide gambar" tadi
- simpan

sekarang lihat blog anda..... slide gambar telah terlihat dengan cantiknya...

Kritik dan sarannya ditunggu....!!!!!


refferensi : Thomas blog, indo-template-blogger.blogspot.com

Cara ambil gambar dari monitor (screen)

Untuk membuat suatu artikel kadang-kadang diperlukan gambar sebagai petunjuk yang harus langsung diambil dari monitor, sebenarnya ada cara lain untuk mengambil sebuah gambar yang tampil di monitor yaitu dengan cara ambil foto pakai hp atau kamera digital tapi itu sungguh tidak effektif dan cukup merepotkan,

ada cara gampang untuk mendapatkannya, tetapi sobat harus mempunyai program pengolah gambar misal photoshop atau semacamnya.

nih saya kasih langkahnya :

1. Buka page atau halaman yang akan di ambil gambarnya

2. klik tombol CTRL + PRNT SCR (pada tombol keyboard STD)

atau klik tombol FN + PRNT SCR (pada tombol keyboard Laptop/Notebook)

3. Buka program Photoshop, pilih new, atur besar canvas (halaman)

4. Tekan CTRl + V (tekan edit ---> paste)

5. Gambar yang di monitor telah ada di photoshop

6. save gambar tersebut, tekan file ---> save for web (apabila gambar tersebut dipergunakan untuk blog atau web)

7. Nah sekarang gambarnya sudah masuk di file komputer sobat, siap di pakai sebagaimana mesinya.

8. selesai deh.... praktis kan ????

Pasang Page Rank Stat dengan mypagerank

Ingin tau perkembangan Blog anda?

untuk blogger pemula (seperti saya) ingin rasanya melihat perkembangan blog kita, ada berapa pengunjung yang telah mampir ke blog kita,

cobalah pasang data statistik blog anda dengan page rank stat dari mypagerank!!!!

caranya :

1. daftar dulu di www.mypagerank.net untuk mendapatkan kode scriptnya

2. klik SignUp

3. Isikan data-data yang diminta, setelah itu isi kode yang tertera,

4. Klik Create My Account

register telah selesai, langkah selanjutnya periksa email Anda .

Kemudian Verifikasi akun page rank dengan klik alamat web seperti yang ditunjukan gambar diatas atau sesuai petunjuk dari email tersebut.

Nah sekarang anda telah punya akun page rank.

5. Buka kembali www.mypagerank.net

masukan user name & passwordnya, lalu klik login

6. anda telah masuk di akun mypagerank anda dan sekarang pilih jenis statistik apa yang akan ditampilkan di blog anda

pilih Free service lalu (pilih salah satu fiturnya) contoh : SEO STATS

7. isi site url dengan alamat blog anda, centang apa yang akan ditampilkan di blog anda disamping nama-namanya,

isi kodenya dan klik submit

8. copy code sriptnya yang ada di dalam kotak, lalu simpan di notepad

9. Buka akun blogger anda,

masuk ke rancangan (elemen halaman), Tambah Gadget, pilih html/javascript

10. isi judul gadget anda kemudian masukan kode script yang sudah disimpan tadi di kolom konten lalu klik simpan

11. Jreeeeeeeeeeeeeeeeng..... lihat blog anda sekarang. statistik blog anda sudah dapat dipantau oleh SEO SATS

mudah-mudahan bermanfaat !!!!!!!! terima kasih

Cara pasang Shoutmix di Blogspot

Ingin blognya banyak dikunjungi ? So pasti deh (saya juga), salah satu caranya adalah memasang widget chat untuk berinteraksi dengan tamu, saling bertukar link ataupun sekedar comment aj gt. .

Mungkin masih banyak blogger pemula (termasuk saya) yang masih bingung dalam memasang shoutmix pada blognya,

bagi teman2 yang ingin memasang widget shoutmix, ok deh ini caranya ..... lanjut....

1. Buka link http://www.shoutmix.com/main/

2. Daftar dulu untuk atau registrasi dengan Klik "create your shoutbox now".

Maka akan muncul halaman seperti dibawah ini. Masukkan data ID anda, Password, Name, dan email anda.

kemudian centang "i have ready and agree ....".

3. Klik Continue, akan muncul halaman berikut Pilihlah shoutbox style sesuai keinginan anda.

kemudian copy kode HTMLnya dan simpan di notepad (untuk nanti di copy ke widget blog).

jika anda ingin mengubah ukuran Shotmix anda pilih "Embed Code(Coztumize size...) "

4. Selanjutnya tahap pasang shoumix pada bloger sobat.

buka blogger sobat, buka elemen halaman dan tambah gadget, pilih widget HTML\JavaScript,

pasang code html shoutmix tadi (copas dari code yang tadi disimpan).

Kemudian Simpan

5. Jreeeeeeeeeng ShoutMix chat sobat sudah terpasang n ready to use. . .

sekian dulu yaa... tunggu post berikutnya...

Tip & Trik

Bagi sobat-sobat yang sedang belajar baik ngeblog atau yang berhubungan dengan TI

kami ingin berbagi tip & trik yang mudah-mudahan bermanfaat.

Tip & Trik ini ada yang original maupun yang kami dapat dari senior-senior yang telah malang

melintang di dunia blogger maupun TI (sekalian izin untuk menampilkannya).

selamat mencoba !!!!!