Membuat Background Pada Postingan

type='html'>Untuk mempercantik postingan kita, kadang - kadang kita memerlukan tambahan background di belakang tulisan kita. Pada pembahasan terdahulu tentang cara membuat tabel sebenarnya agak mirip dengan postingan ini, tapi bedanya kalau tabel hanya menampilkan warna saja sedangkan pembahasan kali ini background akan berupa warna dan gambar.

I. Mengganti warna background.

• Cukup menambahkan kode berikut ke dalam postingan sobat :
  
  
  
  

  kode_warna_disini;">
  
  Tulisan sobat letaknya disini
  
  

  
  
  
  Untuk kode warna bisa sobat lihat disini
  

II. Mengganti Background dengan gambar

• Kodenya seperti berikut ini :
  
  
  
  

  alamat url tempat sobat mengupload gambar) no-repeat right top; text-align:justify; font-size:100%; padding:10px">
  
  Tulisan yang akan sobat tulis didalam postingan sobat letaknya disini
  
  

  
  
  
  

Ganti tulisan yang saya tandai warna merah dengan alamat url tempat sobat mengupload gambar, bisa di Photobucket atau Yahoo Geocities. Untuk contoh punya saya yang telah saya upload ke Photobucket, kodenya seperti ini : http://i643.photobucket.com/albums/uu155/miskahiper/Kolom-1.png

kemudian akan menjadi seperti ini :

http://i643.photobucket.com/albums/uu155/miskahiper/Kolom-1.png) no-repeat right top; text-align:justify; font-size:100%; padding:10px">

Tulisan yang akan sobat tulis didalam postingan sobat letaknya disini

Sangat mudah ya..selamat mencoba !

Mengganti Background Blog Dengan Gambar

type='html'> Sebuah blog yang cantik dan enak dilihat tentu akan sangat membantu dalam meningkatkan traffic blog kita, karena saya sendiri lebih tertarik mengunjungi sebuah blog yang warnanya cerah dan enak dilihat, daripada blog yang warnanya gelap dan bentuknya tidak karuan alias acak kadut. Walaupun postingannya menarik tetapi membuat sakit mata, lebih baik saya pelototi blog saya selama berjam - jam.

Saya akan berbagi tips sedikit yang saya tahu tentang merubah warna background blog atau mengganti background dengan gambar yang sudah sobat upload ke tempat penyimpanan online, misalnya di Google Sites atau Photobucket.

Berikut langkah - langkahnya :

• Login ke Blogger.
  
• Klik Tata Letak --> Edit HTML.
  
• Kemudian cari kode yang mirip seperti ini :

  body { background: #FFFFFF;
  margin:0; color:#000000;
  font:12px trebuchet ms;
  text-align: center }
  

  
  Atau jika bingung silahkan klik Ctrl + F kemudian ketikkan body {, biasanya letaknya diatas.
  

• Untuk mengganti background dengan warna lain tinggal mengganti kode #FFFFFF dengan kode lain, untuk kode warna bisa dilihat disini. Contoh saya mengganti background dengan warna abu - abu, hasilnya akan menjadi seperti berikut :

  body { background: #D8D8D8;
  margin:0; color:#000000;
  font:12px trebuchet ms;
  text-align: justify }
  

• Untuk mengganti background dengan image atau gambar, misalnya gambar yang sudah saya simpan di blogger, kode url-nya seperti ini :
  
  http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800
  
• Sehingga hasilnya menjadi seperti berikut ini :
  

  body { background:#FFFFFF url(http://lh4.ggpht.com/_7Y9pl24WpQY/StGOm72nY7I/AAAAAAAAB4c/mWg4brKUK4Q/body_thumb%5B4%5D.jpg?imgmax=800) repeat-x;
  margin:0; color:#000000; font:12px trebuchet ms;
  text-align: justify}
  

• Jika sudah selesai kemudian Simpan Template sobat.

Untuk gambar yang continuous sobat tambahkan repeat-x setelah kode url gambar. Lebih jelasnya sobat bisa baca postingan saya tentang cara mengganti backgroud blog dengan gradient image disini.

 

Selamat mencoba !

Menambah Background Avatar Pada Komentar Pengunjung

type='html'>

Berbicara kotak komentar memang banyak sekali hal-hal yang bisa kita utak-atik. Seperti merubah warna komentar admin berbeda dengan pengunjung, komentar dengan background dll. Nah terinspirasi dari web favorit saya kibagus. Dimana kotak komentarnya lain dari pada yang lain.

 

Pada blog tersebut bahwa setiap komentar apakah itu menggunakan profil blogger, anonymous, atau name dan url, akan muncul gambar avatar pada komentar pengunjung. Sebagai contoh lihat gambar di atas!

Untuk menambah background avatar pada komentar pengunjung ini juga sudah dijelaskan di Infonetmu. Namun tidak ada salahnya kalau kita berbagi pada orang yang belum tahu seperti saya ini. Belum lagi kasus saya mengikuti tutorial tersebut dimana salah satu kode gagal di temukan atau berbeda dengan yang dijelaskan. Baik langsung saja trik menambah background avatar pada komentar pengunjung.

1. Login ke blog kamu!

2. Klik Design

3.  Klik Edit HTML

4. Download Full template untuk backup template kamu

5. Jangan lupa : Centang   Expand Widget Templates

6. Cari kode :

]]>

7. Copy dan paste kode ini di atasnya :

#comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb7FEHCwxD6ZITT6XZZAOUU8lWpZbjUgaU_2HSynDOxKiNisulzvfU5YWRUVshNlHNhQY_DE6NBSSTLjQ-kSLNtbzN9VVtTtxPPTRujFYqUD0j-8lOHpaEoZbqurhzZr2VvDR7TQTHDVBI/s1600/arrow-right+copye.png) no-repeat left top; width:35px;height:35px}

8. Cari kode di bawah ini :

Jika kode di atas tidak ketemu mungkin kodenya seperti ini :

9. Hapus kode no 8 dan ganti dengan kode :

10. Cari lagi kode di bawah ini :

11. hapus dan Ganti juga kode no 10 dengan

     
     
     
     
     

     
     

     

12. Jika sudah simpan template sobat.

Lihatlah salah satu posting sobat yang ada komentar dengan anonymous atau name dan url. Saya rasa sobat sudah bisa trik menambah background avatar pada komentar pengunjung. Dengan trik ini komentar anonymous atau komentar yang menggunakan name dan url akan terlihat avatarnya.

NB.

URL no.7 bisa sobat ganti dengan url sobat. Sebagai referensi sobat bisa menggunakan icon di bawah ini. Ukuran iconnya kurang lebih 35 x 35

Tampilan Baru Background Google Homepage

type='html'>

Beberapa hari ini saya melihat beberapa iklan Google yang menggadang produknya melalui televisi, apakah ini dampak dari investasi Google di Indonesia? wah jadi salud ma google. Hari ini 10 September 2011 saya buka tampilan homepage google saya. Tidak seperti biasa dengan background putihnya. Sekarang google mirip bing yang otomatis merubah tampilan baru background google pada homepagenya. Nah gambar di atas adalah gambar tampilan baru background Google pada homepage.

Saya tidak pernah mengubah tampilan background google homepage saya. kok otomatis berubah sendiri? dan setelah saya klik pojok kanan bawah untuk mengganti background google home page saya. Ternyata ada tab baru seperti saat kita upload file gambar di blogger. Ada jejeran gambar yang bisa dipilih untuk dipajang di google home page kita.