Showing posts with label Gambar. Show all posts
Showing posts with label Gambar. Show all posts

Tuesday, 27 July 2010

Menambah Gambar Sebelum Judul Postingan

Meletakkan Gambar Sebelum Judul Posting: "

Pelajaran Blog,beberapa hari setelah Pesta Demokrasi Pemilihan Wakil Rakyat untuk 2009,pada setiap artikel,sebelum judul posting,dihiasi dengan gambar,(ganti suasana,he..)

Bagi temen-temen yang ingin meletakkan gambar sebelum judul artikel,seperti pada blog ini,bisa ikuti langkah-langkah berikut ini:


Sebelumnya,siapkan bahan yang akan digunakan,bawang merah,telur,..Hus! maksudnya gambar yang ingin anda letakkan.

Setelah bahan sudah ada,anda tinggal upload ke hosting anda,atau bisa ke blog anda sendiri,setelah itu copy alamat URL gambar tersebut.

Contoh,alamat URL gambar yang saya punya:

http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif

Rubahlah menjadi seperti ini:

<img src="http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif"></img>

Warna merah,ganti dengan alamat URL gambar yang telah anda siapkan tadi.

Simpan di Notepad dulu,jangan disimpan dan jangan pula di hapus,aaaaalah!

Setelah itu,pergilah ke Dashboard Blog anda,lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Contreng Expand Widget Templates,lalu cari kode berikut :

<a expr:href='data:post.url'><data:post.title/></a>

Untuk mempermudah pencarian,Tekan Ctrl+F pada keyboard,dan tuliskan kode tersebut,nantinya kode akan terdeteksi secara otomatis!

Setelah ketemu,sisipkan alamat URL gambar anda (yang sudah anda simpan di notepad tadi),di antara kode tersebut.

Setelah kode URL alamat gambar anda disisipkan,akan menjadi seperti ini :

<a expr:href='data:post.url'>
<imgsrc="http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gif"></img>
<data:post.title/></a>


Setelah itu klik Preview/Pratinjau untuk melihat hasil contohnya,jika sudah merasa OK,klik Simpan Templates.

**Untuk membuat jarak antara gambar dan Judul,anda bisa menuliskan tanda &nbsp;&nbsp;
sebelum kode <img src="http://...

Baca Juga Yang Ini..


Tuesday, 20 July 2010

Cara Memasang Gambar Pada Blog

Meletakkan Gambar Pada Blog: "

Mumpung Dapet Lemburan..

Setelah beberapa hari absen Pelajaran Blog dari mosting artikel tentang blog,Kebetulan hari ini lagi dapet lemburan,meski cuman Rp.50.000,-.

Langsung ngambil langkah seribu menuju warnet kesayanganku,niatku mo ngedit blog sambil download film xxx,Pelajaran Blog aku juga sempet blog walking sebentar tadi,meski cuman ngliat-ngliat doang.:D

Untuk keyword 'Pelajaran Blog' di Google,Alhamdulillah aku masih di 5 Besar Pelajaran Blog dukung ya...!



Dalam pelajaran kali ini,kita membahas bagaimana meletakkan objek gambar ke dalam sebuah Blog.
Ada banyak cara sebenarnya,kali ini kita memakai cara pertama dulu.

# Untuk cara pertama :

Siapkan alamat URL gambar yang ingin anda masukkan,misal :
saya mempunyai alamat URL gambar seperti ini :

http://3.bp.blogspot.com/_n7xseT2-HDU/TTBcbYwrtDI/AAAAAAAAAq4/3i404_6ic-o/s1600/matahari%2Bdi%2Bpelajaran%2Bblog.jpeg

Maka untuk menampilkan di halaman blog anda,anda bisa menuliskan kode di bawah ini di halaman HTML anda tentunya :

<img src="Halaman URL anda">

Contoh pemakaian kode :

<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/TTBcbYwrtDI/AAAAAAAAAq4/3i404_6ic-o/s1600/matahari%2Bdi%2Bpelajaran%2Bblog.jpeg">

Yang hasil kode diatas akan menghasilkan gambar seperti di bawah ini :

Pelajaran Blog Khusus Pemula

Keren ya...Pelajaran Blog

# Untuk Cara Kedua :

  • Pergi ke Dashboard,buat artikel / posting baru di Blog anda dengan cara Buat Posting Baru
  • Pilih Toolbar / Icon yang berbentuk Pemandangan seperti ini :
Kang Rohman Numpang gambarnya ya...he..Pelajaran Blog

  • Selanjutnya akan muncul jendela pilihan Browse File,yang akan menanyakan anda file mana yang ingin anda masukkan.Dalam pelajaran ini,anda bisa upload / meletakkan gambar baik dari komputer anda maupun alamat URL yang ingin anda kehendaki.
  • Selanjutnya tunggu proses,dan setelah proses selesai,klik tombol Selesai,dan anda bisa melihat hasilnya.


Baca Juga Yang Ini..