Friday, February 16, 2018

Menambahkan Gambar Disamping Judul Posting

Cara menambahkan gambar disamping judul posting blog.

 Cara menambahkan gambar disamping judul posting blog Menambahkan Gambar Disamping Judul Posting

Gambar diatas dengan bulat merah yaitu teladan gambar yang ditempatkan di samping kiri posting blog, gambar tersebut akan muncul di setiap posting blog yang ada. Akan aku coba jelaskan secara detail, biar dapat di mengerti. Ikuti langkah-langkah dibawah ini.
  1. Login ke blogger, ke pangaturan template.
  2. Selanjutnya klik edit HTML dan cari instruksi ]]></b:skin> dan pasang instruksi berikut di atas instruksi ]]></b:skin>
  3. h3.post-title {
    background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9L0hX2eEFYNUOUuLG9LmlXzn4F2vbT9CYcabiUbXlGWEsT20ja89kDBQ-I-kLWvvGzj-pAq3ju9KSqzl7G57bcRRy546Ap0B3Kk-3LoIlrZVF97g93AXXhWTT3xQoU9JqROX7rpgmqGrH/s1600/32x32.jpg")no-repeat;padding:10px 0px 0px 40px;}
  4. Save template, Selesai.
Keterangan instruksi langkah 2:
    url("gambar.jpg") yaitu instruksi url sumber gambar yang akan digunakan.
    no-repeat menciptakan gambar tidak berulang.
    padding:10px 0px 0px 40px; mengatur posisi goresan pena judul posting.
      Jika gambar ingin ditempatkan disebelah kanan atau tengah judul posting blog. Tambahkan instruksi berikut disamping no-repeat; contoh: no-repeat top right;
      •  right untuk bab kanan.
      •  center untuk bab tengah
      Untuk menciptakan icon dengan gambar sendiri, silakan baca di cara menciptakan icon website. Dan untuk cara mengambil URL dari gambar sendiri, baca di cara upload dan ambil url gambar.
        Itulah sedikit cara untuk mendesain blog sendiri, dengan menambahkan gambar disamping judul posting blog, yang akan muncul disetiap posting artikel yang ada di blog. Silakan baca juga cara membuat goresan pena bayangan di blog di judul, deskripsi blog bab tab, sidebar dikiri-kanan blog, hingga judul posting, dapat kita beri goresan pena bayangan. Semoga Bermanfaat.
          Share:

          0 comments:

          Post a Comment