Membuat Text Disamping Gambar pada Posting Bloger Aceh

Bloger Aceh adalah Blog tentang Tip, Trik dan Tutorial Blogger dalam mempercantik blog

07 March, 2013

Membuat Text Disamping Gambar pada Posting

membuat posting gambar text disamping
Dalam beberapa minggu akhir-akhir ini ada sedikit perubahan pada blogger. bagi sobat blogger yang sering update posting blog menggunakan gambar thumbnail disamping pasti akan tau. itulah salah satu hal yang harus segera dicari solusinya. jika sebelum ini sobat membuat text disamping pada posting dengan cara otomatis, maka sekarang kita harus kembali ke zaman batu. menggunakan cara manual dengan memasukkan beberapa kode HTML. kode HTML ini juga sudah Blogeraceh coba pada posting cara meningkatkan alexa rank pada blog dan website, alhamdulillah tidak ada kendala yang seriuz.
Bagi sobat yang mau mempraktekkannya langsung saja ikuti langkah-langkah berikut.

  1. Pertama buatlah sebuah posting seperti biasanya
  2. Kemudian pilih metode HTML yang berada disamping button COMPOSE
  3. Nanti sobat akan melihat kode seperti dibawah:
    <div dir="ltr" style="text-align: left;" trbidi="on">

    </div>
  4. kemudian tambahkan kode HTML berikut tepat di baris ke-2. nanti akan menjadi seperti ini:
  5. <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZay1CFZSDHIRMwbtEWGIxulezxITN0LHRE_vdGpAojSSj8iAa4JgKUYNmX3tds6kfmYUPJjv98EKqo-LoP4cUi9T6U3xkBuMMcI0BZGJYt4Xd0iwFgujfOcgCEd3ckX-MZl5OoqeatWo/s320/Report+Text.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="gambar text disamping" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZay1CFZSDHIRMwbtEWGIxulezxITN0LHRE_vdGpAojSSj8iAa4JgKUYNmX3tds6kfmYUPJjv98EKqo-LoP4cUi9T6U3xkBuMMcI0BZGJYt4Xd0iwFgujfOcgCEd3ckX-MZl5OoqeatWo/s320/Report+Text.JPG" title="gambang samping text" width="200" /></a></div> Text yang berada disamping gambar... </div>
  6. Tulisan berwarna merah diganti dengan Link target ketika gambar di klik
    Tulisan berarna biru diganti dengan Image Url atau Image Location.
    <img alt="masukkan deskripsi gambar disini" dan Title="Masukkan title gambar disini"(berfungsi untuk SEO)
    Sedangkan Tulisan berwarna orange adalah text yang sobat ketik nantinya akan berada sebelah kanan disamping gambar tersebut..

    Note : Untuk penulisan text Artikel tidak perlu harus menggunakan Metode HTML, jadi jika sudah selesai dan ingin melanjutkan artikel sobat tinggal ganti lagi ke metode COMPOSE, dan lanjutkan seperti biasa
Seperti itulah kira-kira sobat cara membuat Text disamping gambar pada posting dengan sedikit mengubah kode HTML, semoga posting Blogeraceh ini bermanfaat dalam aktifitas Blogging ya.
Happy Blogging b^^a.

Labels:

5 Comments:

At Wednesday, March 13, 2013 , Blogger Yudi Darmawan said...

wew, tips begini jarang lho,
thanks udah berbagi..

 
At Thursday, March 14, 2013 , Blogger Ihsan said...

sama-sama sob :GR35

 
At Sunday, May 12, 2013 , Blogger Konterporer2013 said...

ty gan, postingannya mantap..tap..tap, udah ane cobain. sukses selalu

 
At Tuesday, May 14, 2013 , Blogger Ihsan said...

yup :GR10

 
At Thursday, May 23, 2013 , Blogger Prieuk tok said...

gak bsaaa di copy kang,, (derita blogger hp)

 

Post a Comment

Berkomentar sesuai Artikel Posting Blog,, jika ingin memasang link gunakan Tempat yang Blogeraceh Sediakan di Menu Link Exchange

Subscribe to Post Comments [Atom]