Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Photo BloGGeR di Judul Posting: Panduan Cara Membuat dan Memasang Gambar dan Photo di Judul Posting

Mau pasang photo sampeyan di sebelah judul posting blog? Ho ... pasti keren, bung! Sampeyan bisa meletakkan gambar, thumnail atau photo di sebelah kiri atau kanan judul posting. Atau mungkin mau diganti dengan gambar animasi? He ... he ... jangan kuatir! Bisa .. bisa ...! Silahkan sampeyan cari gambarnya dan langsung pasang saja. Ya ..., karena dua metode pemasangan yang akan kita buat panduan cara membuatnya, kesemuanya bisa digunakan untuk pasang gambar statis seperti foto dan gambar dalam bentuk animasi. Gambar animasi yang mungkin kita pasang juga bervariasi. Bisa berbentuk teks, animasi sampeyan yang lagi ketawa sendiri atau mungkin ambil dari emoticon yang gampang carinya.

Cara Membuat dan Memasang Gambar - Thumbnail atau Photo BloGGeR di Judul Posting

Cara Pertama :

  1. Login To BloGGeR/Login ke BloGGeR : Tulis "User Name/AlamatEmail" dan "Password/Sandi".
  2. Dasboard/Dasbor : Setelah login dan sampeyan masuk di halaman "Dasbor" silahkan KLIK link "Layout/Tata Letak/Rancangan".
  3. Layout/Tata Letak : Setelah melewati halaman "dasbor" sampeyan akan memasuki halaman baru "Page Element/Elemen Laman" yang masih termasuk halaman "Tata Letak". KLIK link "Edit HTML".
  4. Backup/Restore Template : Back-up Template/Amankan Template dengan cara KLIK link "Download Full Template/Download Template Lengkap". Kalau ingin melihat "Panduan Cara Mengamankan Template (Back-Up)", sampeyan bisa
  5. Search Code/Cari Kode : Cari "CSS code/kode CSS" di bawah ini (contoh ini aku ambilkan dari template Minima BloGGeR) :
  6. Gunakan Ctrl+F (keyboard) saat mencari kode dalam template supaya lebih cepat ditemukan. Bila belum begitu jelas tentang penggunaan "Ctrl+F" untuk mencari Kode HTML, silahkan baca panduannya dengan

  7. .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:bold;
    }

    atau,
    .post h3 a {
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:bold;
    }
  8. Change Code/Ganti Kode : Ganti kode CSS di atas dengan "Kode CSS di bawah ini" :
  9. .post h3 a, .post h3 a:visited, .post h3 strong {
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:bold;
    padding-left:30px;
    background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/sundongyangEMO.gif) no-repeat left center;
    background-position:0 50%;
    }

    atau gunakan yang ini :
    .post h3 a {
    display:block;
    text-decoration:none;
    color:$titlecolor;
    font-weight:bold;
    padding-left:30px;
    background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/sundongyangEMO.gif) no-repeat left center;
    background-position:0 50%;
    }
  10. Save Template/Simpan Template : Cermati sekali lagi untuk memeriksa setiap kode. Setelah tidak ada kesalahan pemasangan kode, silahkan KLIK "Save Template/Simpan Template".
  11. Open Blog/Buka Blog : Buka blog untuk melihat hasilnya.

Cara Kedua :

  1. Gunakan langkah 1 s/d 4 di atas : kemudian ikuti langkah berikut :
  2. Expand Template Widget : KLIK "Expand Template Widget"
  3. Search HTML Code/Cari Kode HTML : Cari kode html di bawah ini :
  4. <div class='post hentry uncustomized-post-template'>
  5. Use the following HTML code/Gunakan kode HTML berikut. Ganti kode HTML di atas dengan kode HTML baru di bawah ini :
  6. <div class='post hentry uncustomized-post-template'>
    <img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/sundongyangEMO.gif' style='float:left;border:none;height:18px;'/>
  7. Save Template/Simpan Template : KLIK "Save Template/Simpan Template".
  8. Open Blog/Buka Blog : Buka blog sampeyan untuk melihat hasilnya.

Catatan :

Gunakan image/gambar dengan ukuran tinggi sekitar 18px!

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :


» Happy Blogging - gubhugreyot «


Pesan eyang kakung :
Pasanglah photo yang terjelek bagi yang sudah punya isteri atau suami dan pasang yang terganteng atau tercantik bagi yang blom menikah.
Pesan eyang kakung lagi :
Jangan pasang gambar Ariel dan Luna Maya yang lagi uhuk-uhuk .... entar ikutan ditangkap Polisi!

1 komentar:

  1. mantab gan web nya... bagi ilmu nya donk....
    mo minta cara nampilkan keterangan saat kursor melintasi link...
    d tunggu ya gan info nya..

    BalasHapus

 
GR | Edited by | gubhug reyot