Membuat Gambar Postingan Dengan Tooltip

Membuat Gambar Postingan Dengan Tooltip

Terkadang untuk membuat pelengkap artikel di blog, selain isi  teks postingan  maka dengan
Menampilkan gambar pada content  yang hendak  kita publikasi,  karena hal  tersebut supaya
Postingan kita lebih relevan, juga lebih, memenuhi prosedur standar,  SEO  juga di pencarian
Dan pada pertemuan kali ini,  sedikit saya akan berbagi tips trik membuat  agar gambar pada
Postingan bisa terlihat menarik, dengan menggunakan effects tooltip,  tertarik silahkan simak
Sebelum melanjutkan, artikel ini,  silahkan arahkan  pointer  anda pada gambar di bawah ini :

Membuat Gambar Postingan Dengan Tooltip

Screenshot diatas adalah hasil tampilan pada script yang sekarang ini saya bagikan, buat master
Blogging mungkin ini,  artikel yang sudah tidak asing lagi,  namun tidak menutup  kemungkin buat
Sobat blogging yang masih pemula seperti saya. ini adalah, sesuatu hal yang baru, baiklah sobat
Jika anda inginkan gambar postingan blog,  tampil dengan  effects tooltip  silahkan  simak tutorial
Panduan pemasangan nya,  nanti di tengah bar artikel ini, karena sebelum artikel ini saya publish
Sebelumnya saya share, Memasang Semua Komentar terbanyak Diblog dan sebagai cara untuk Bersilaturahmi sekaligus update blog terbaru maka artikel gambar postingan tooltip saya bagikan

Cara Membuat Gambar Postingan Dengan Tooltip :

Pertama masuk account anda dan sign in, kemudian pilih  dasboard lalu pilih template
Kemudian pilih  edite template,  lalu cari kode,   ]]></b:skin>   tekan  Ctrl + f   untuk  lebih
Memudahkan  pencarian kodenya,  selanjutnya  copy kode  di bawah ini  dan paste kan
Tepat di atas  kode  ]]></b:skin>  atau pastekan  sebelum kode  </style>  template anda

#preview{ position:absolute;
border:1px solid #800080;
background:#228b22;padding:5px;
display:none;color:#ff8c00; }

Yang berwrna Merah adalah kode warna, jika anda ingin merubah warna background tooltip
Atau borer, padding pada  gambar artikel dengan tooltip,  kunjungi page kode warna  DISINI
Selanjutnya masih  di edite Html ,  copy kode di bawah ini  paste tepat diatas  kode  </body>

<script src='http://karrysta.googlecode.com/files/imgpreview.js' type='text/javascript'/>

Setelah tepat, pemasangan kode nya klik save,  dan selanjutnya cara menggunakan agar
Gambar postingan, atau semua gambar, juga image di blog tampil dengan  effects tooltip

Cara menggunakan gambar tooltip :

Copy kode di bawah ini pada artikel terbaru di blog anda, pada posisi kolom Html

<a class="preview" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgquKF79gVreR3WH8bhDHp1wbm_W5LmEM9xxlDEgI0n2_91lZxapAXA-l7VdmiEBzKoDVWf2LLTljeNQ_N5rUHtNaGLn5eCycaJXSue3YSLoe5ww6mOUF3OB5AQCQiFjlihTujI-yeSrjf2/s1600/Cara+Membuat+Gambar+Postingan+Dengan+Tooltip.jpg" style="margin-left: 1em; margin-right: 1em;" title="Cara Membuat Gambar Postingan Dengan Tooltip"><img alt="Cara Membuat Gambar Postingan Dengan Tooltip" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgquKF79gVreR3WH8bhDHp1wbm_W5LmEM9xxlDEgI0n2_91lZxapAXA-l7VdmiEBzKoDVWf2LLTljeNQ_N5rUHtNaGLn5eCycaJXSue3YSLoe5ww6mOUF3OB5AQCQiFjlihTujI-yeSrjf2/s320/Cara+Membuat+Gambar+Postingan+Dengan+Tooltip.jpg" width="320" /></a>

Keterangan kode diatas :

Yang berwarna Merah, silahkan anda ganti URL nya  dengan gambar untuk  postingan anda
Lalu yang berwarna Biru, silahkan anda ganti title atau judul,  pada gambar postingan sobat
Dan yang berwarna Orange,  silahkan sesuaikan nilai jumlah, gambar pada tampilan tooltip

Selamat mencoba semoga bisa bermanfaat
source : Kang Ismet