Membuat Frame Foto di Blog

Membuat Frame Foto di Blog

Membuat Frame Foto di blog memang bisa menambah menarik Blog atau postingan kita, dengan artikel yang menarik ditambah dengan tatanan Foto yang menarik dan pas membuat pembaca menjadi betah dan tidak bosan dalam membaca.

Ada 2 cara dalam penerapanya, yaitu secara otomatis dan manual;

Cara Pertama Sacara Otomatis

Dengan cara ini berarti dalam penerapnya akan terjadi secara otomatis jika kalian menambahkan gambar setiap membuat postingan yang terdapat gambar dan jika didalam postingan terdapat beberapa gambar maka frame antara gambar yang satu dengan yang lain akan sama.

Untuk penerapanya kalian harus mengedit tempelate kalian, berikut caranya;

1. Log in ke blogger.
2. Masuk ke menu Tempelate>>Edit HTML.
3. Cari kode ]]></b:skin> gunakan Ctrl+F untuk mempercepat pencarian.
4. Setelah ketemu silahkan Copykan Kode dibawah ini tepat diatas ]]></b:skin>.
   .post-body img {border: 8px dotted #00FF00; padding: 5px;}
    
5. Setelah melewati beberapa langkah diatas bisa kalian pratinjau dulu sebelum menyimpnya, jika dirasa sudah cocok tinggal kalian save dan lihat hasilnya.

Keterangan:

• border: Tebal Bingkai, Jenis dan Warna Bingkai, Untuk Jenis bingkai bisa kalian lihat DISINI.
• padding: Jarak antara bingkai dengan gambar.

Cara Kedua Secara manual

Dengan Cara kedua ini kita mempunyai kelebihan memberikan Frame yang berbeda disetiap posting bahkan setiap halaman, namun dengan sedikit kerja keras karena harus masukan kode yang berbeda pada setiap gambar yang ingin kita beri Frame, berbeda penerapanya dengan cara pertama secara otomatis yang mengharuskan kita mengedit tempelate kita.

Untuk Caranya Bisa kalian ikuti langkah langkah berikut ini;

1. Buatlah satu postingan baru.
2. Masuk ke Mode HTML dan Copy-kan kode berikut; 
   <img style="border: 12px ridge #FFFFFF;" src="http://URL foto atau gambar kalian"/>
3. Masukan URL Gambar kalian dan berikut contoh hasilnya