Tampilkan postingan dengan label Tips dan Trick blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips dan Trick blogging. Tampilkan semua postingan

Sabtu, 23 Juli 2011

Membuat gambar Bergerak di Blog

Untuk menghemat ruang di halaman Blog kita, kita bisa menyiasati dengan membuat gambar atau foto foto  bergerak dalam postingan kita dengan texs marque,   disamping itu akan menambah cantiknya blog kita. Kamu ingin tahu caranya ?, Ikuti langkah langkahnya   :
  • Masuk pada edit entri halaman yang sudah kamu posting atau entri baru kalau ingin membuat postingan baru, atau bisa juga kamu posting pada side bar atau footer.
  • Copy kode dibawah ini
  • <marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="100"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXISRKrVT7pEBg4d2c1R6Tu74T0oMxJ36HemYKVEP1MePjSf8C2joQwhGpq1S5WcdbZWPN7dXrNnlU-h0e9gXEFTitSTY6Tg-yCkU_zTxmpiEBAJU1T9-Fsh-0sLSA_XytvA8MuOd1kRs/s320/Foto%2528316%2529.jpg" alt=""/> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizjLQAOpjMY7zZ0lF9wAMsE-snz9WAuM3XY4jBjGGHcOOwgNuadYqphyphenhyphenzmEGOs33O6zDmI-luhFxyr699a4f_Ch9KyBn_pHSSUHX4IIfF1LAP1QwCOE3utVknizcDFyOzSxLsuFLB9Eq0R/s320/Foto%2528313%2529.jpg" alt="" /></marquee
  • Ganti teks yang berwarna Kuning dengan URL gambar yang akan kamu posting sedangkan warna merah tipis menunjukan kode HTML Image nya.  Teks berwarna hijau tebal adalah arah gerakan gambar, untuk mengganti arah gambar, ganti saja dengan Down, Left , atau right.  
  • Perlu di ingat bahwa dalam memasukan kode, pastikan kamu berada di Tab edit HTML, dan utuk pengetikan teks lainnya kembali lagi ke compose. 
  • Save setelah posting
Akan terlihat gambar seperti ini    :





Okey, bisa kan ? selamat mencoba semoga blog kalian tambah cantik.  Agar gambar berhenti bergerak, kalian tempelkan saja pointer mouse kamu ke arah gambar. 

Minggu, 17 Juli 2011

membuat Teks berjalan

Teks berjalan ( Effek marquee) pada blog akan menambah manisnya blog, hahaha ... emang gula manis, Kalau kita menempatkanya pada lokasi yang tepat, dengan bentuk dan ukuran yang sesuai, teks berjalan memang menambah daya tarik pengunjung blog.
Oke.. berikut saya copykan kode HTML nya   :
1.  Tulisan berjalan ke arah Kanan 
Tulisan Jalan Kanan

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />
2.  Tulisan berjalan ke arah kiri , ke atas, tinggal mengganti kode HTML nya pada direction, ke kiri = "left" ke atas ="up"
3.  Tulisan di sertai gambar


Contoh teks berjalan dengan gambar


<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />

Selanjutnya anda bisa berkreasi sendiri dengan merubah texs HTML nya,
Selamat mencoba

Membuat Header Rata Tengah

Header templete kadang berbeda, ada yang rata kiri rata tengah atau Rata kanan.  Kita tentu  akan kesal kalau font dan warna teks yang kita pilih sudah cocok, tapi saat kita pasang sebagian hurufnya tidak terlihat karena warnanya sama dengan gambar header.  Mau tidak mau kita harus menggeser texs atau merubah warnanya.  Untuk menggeser header menjadi Rata tengah berikut saya jelaskan tips nya.  
1.  Setelah login ke blog, pilih Rancangan yang berada di pojok kanan atas, kemudian klik Edit HTML,Carilah kode /*Blog Header, untuk mempermudah pencarian tekan Ctrl + F pada keyboard, pada pojok kanan Halaman akan muncul kotak pencarian, tuliskan kode yang hendak kamu cari, kalau kode ketemu  akan ditandai dengan warna kuning.
2. Setelah kode diatas kamu temukan, cari kode berikut
/*header background:url("http://img453.imageshack.us/img453/299/cornerscapbot995vc5.gif") no-repeat left bottom;
 padding:0 15px 8px;
 )
3. Untuk kode yang bercetak tebal masing masing berbeda tergantung darimana kita mendapatkan gambar  haeder.
4.  Masukan kode berikut di bawah kode diatas                    
 text-align:center 
 5.  Keseluruhan kode yang kita tambah tadi akan menjadi seperti
/*header background:url("http://img453.imageshack.us/img453/299/cornerscapbot995vc5.gif") no-repeat left bottom;
padding:0 15px 8px;
text-align:center;
)
sudah jelas belum nich,  dicoba dulu ya, kalau berhasil saya ikut senang kalau belum berhasil, coba tips yang lain.