Meletakkan Gambar Sebelum Judul Posting
Meletakkan gambar sebelum judul posting – Sahabat blogger kembali saya share cara menghias blog dengan memasang gambar sebelum judup posting .
Sebelumnya Anda sipakan gambar yang ingin diupload ke file hosting Anda atau ke blog Anda. Jadi tingga dicopy alamat link URL gambar tersebut .
Berikut contoh,alamat URL gambar yang saya ambil dari blog Pelajaran Blog :
http://iklandenpasar.cn/images/1398_Loggo-pelajaran-Blog.gifRubahlah 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 unutk memudahkan Anda mengeit link tersebut .
Setelah itu,pergilah ke Dashboard Blog anda,lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Contreng Expand Template Widget . ,lalu cari kode berikut :
Setelah itu,pergilah ke Dashboard Blog anda,lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML.
Contreng Expand Template Widget . ,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 :
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
sebelum kode
**Untuk membuat jarak antara gambar dan Judul,anda bisa menuliskan tanda
sebelum kode
<img src="http://...Salam ide kreasi !!^_^MEMBUAT TOMBOL MINIMIZE dan MAXIMIZE DI BLOG
Membuat tombol minimize dan maximize di blog – Sobat blogger , pasti sudah tau kan tombol minimize dan maximize ?Ttombol itu hampir dimiliki semua software ataupun aplikasi komputer lainnya. Tapi pernahkah kalian melihat tombol itu terletak di blog ? Saya dapat tips ini waktu blogwalking di blog temana. Nih saya share buat sobat bloggers biar menghias tapilan blognya jadi terlihat unik J.(sayapun ingin memasangnya di blogku)..
Berikut contoh screenshotnya:
Bagaimana..? bagus kan ?anda ingin membuatnya..?
Silahkan sobat ikuti langkahnya di bawah ini :
1. Login ke blogger
2. Ke 'Design' > Edit HTML > Centang 'Expand Widget Templates'
3. Cari Judul nama Sidebar anda yang ingin diberi kode ini.., nah.. Dibawahnya kan ada Kode.. <h2 class='title'><data:title/></h2>
4. Anda ganti Kode Tersebut Dengan Kode Berikut :
<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd;document.write('<img onclick="document.getElementById("' + rnd + '").style.display = "inline"" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');document.write('<img onclick="document.getElementById("' + rnd + '").style.display = "none"" src="http://i26.tinypic.com/300bfis.png" style="float:right;margin-right:2px;cursor:hand;"/>');/* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:inline;">'); /* ]]> */ </script>
Catatan : Jika Anda Ingin Tampilan Utama Langsung Hide Ganti Kode yg berwarna uning diatas dengan Kode none
5. Lalu Taruh kode berikut diatas Kode </b:includable>
<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>
6. Jika Sudah.., Klik Save Template..
Salam ide kreasi……
Semoga berhasil!!
^_^
Weitsss kok masih 0 komentar: