Posted by serba-serbi on 13.49
Pada setiap wibsite banyak kita jumpai kolom untuk share artikel, baik untuk diri sendiri atau di share keteman. Hal ini bagus buat blog atau wibesite agar lebih banyak dilihat dan dikenal orang.
Seperti contoh dibawah ini.
Share melalui:
Jika anda berminat, ikuti langkah-langkah berikut ini:
Login ke blogger anda, kemudian pilih Rancangan, setelah itu klik Elemen Laman. Klik Tambah Gadget kemudian pilih HTML/JavaScript lalu masukkan kode dibawah ini kedalam kolom HTML/JavaScript,
<a href="http://www.facebook.com/share.php?u=http://risqiyanto.blogspot.com" target="_blank" title="Share on Facebook"><img...
Posted by serba-serbi on 12.56
Apakah anda pernah dengar atau membaca tentang Text Area dan Textbox Area.
Text Area dan Textbox Area mempunyai fungsi yang sama yaitu sebagai tempat menyimpan data dalam bentuk text maupun kode HTML/Javascript, baik di dalam postingan maupun di sidebar blog. Manfaat lain dari Text Area maupun Textbox Area adalah untuk menghemat halaman posting agar tidak terlalu panjang.
Berikut contoh dari Text Area:
disini tempat memasukkan kode / text anda
Contoh pengguna'an Textbox Area:
.codebox{ border: 2px solid #04D43A;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
background:#1E90FF; padding:2px;}
.codebox2{ background:#FFF8DC; padding:10px }
KLIK "SELECT ALL" UNTUK MELAKUKAN COPY...
Posted by serba-serbi on 12.19
Readmore atau Baca Selengkapnya pada postingan blog secara otomatis, adalah untuk menunjukkan bahwa postingan tersebut masih panjang atau masih ada terusanya. Fungsi dari Readmore itu sendiri adalah memperpendek postingan agar tidak terlalu panjang.Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Banyak berbagai cara untuk membuat Readmore dan dengan cara yang berbeda-beda. Ini adalah salah satu trik untuk membuat Readmore secara otomatis, caranya ikuti langkah berikut ini:
Pertama, silakan masuk ke acount www.blogger.com, kemudian pilih Rancangan, selanjutnya pilih Edit HTML, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template"...
Posted by serba-serbi on 17.46
Pernah kita jumpai tampilan teks atau gambar yang tampilanya melayang pada sebuah blog atau website yang kebanyakan masih berhubungan dengan iklan. Nah, untuk postingan kali ini akan saya uraikan tentang cara membuat iklan melayang pada blog atau website.
Sudah banyak cara-cara untuk membuat tampilan tersebut, bahkan banyak yang lebih bagus lagi, dan ini adalah salah satu caranya.
Langkah pertama seperti biasa login dahulu ke www.blogger.com, selanjutnya pilih Rancangan, setelah itu klik Elemen Laman. Langkah selanjutnya klik Tambah Gadget kemudian pilih HTML/JavaScript. Berikutnya copy pastekan kode berikut dibawah ini kedalam kolom tersebut, kemudian klik Simpan.
<style
type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html
#gb{position:relative;}
.gbcontent{
float:right;
border:2px...
Posted by serba-serbi on 18.46
Berikut adalah Langkah-langkah dan kode untuk membuat kotak tabel pada postingan.
Untuk membuat kotak dalam postingan, kita harus menggunakan kode HTML <table> ..... </table> yang didalamnya terdapat berbagai atribut sepeti berikut ini:
* bordercolor --> warna dari garis tabel
* bgcolor --> warna dari background tabel
* cellpadding --> jarak antara tulisan dengan garis luar tabel
* cellspacing --> jarak antar tulisan
* border --> ketebalan garis pinggir tabel
* dotted --> garis titik putus-putus
* dashed --> garis datar putus-putus
...
Posted by serba-serbi on 18.12
Tujuan membuat link dalam gambar adalah supaya pengunjung lebih tertarik karena dari gambar ataupun tulisan yang ada pada tampilan gambar tersebut. Link dalam gambar banyak kita jumpai pada iklan-iklan, dari gambar dan tampilan yang menarik sehingga dapat menarik minat pengunjung.
Adapun cara membuatnya adalah sebagai berikut:
Langkag pertama Upload sebuah gambar untuk mendapatkan kode URL, sebagai contoh URL berikut ini
<a href="http://data.pictogame.com/games/q3UKbPAZAW8C_thumb.png" target="_blank"><img border="0" src="http://data.pictogame.com/games/q3UKbPAZAW8C_thumb.png" /></a>
Untuk mengganti link yang akan...
Posted by serba-serbi on 16.17
Untuk membuat menu Dropdown dengan menggunakan CSS Menu Maker seperti contoh diatas, sangat mudah asal bisa sedikit memahami kode css. Sebelumnya saya sendiri juga sangat kesulitan membuatnya, setelah lama-lama dicoba akhirnya bisa juga dan sekarang ingin berbagi ilmu dengan anda jika mau.
Langkah pertama buka situs www.cssmenumaker.com, kemudian pilih Drop Down CSS Menu setelah itu pilih contoh menu yang akan anda pakai.
Kemudian klik customize untuk mengatur link yang akan dimasukkan, setelah itu klik download.
Langkah selanjutnya, login ke blogger dan pilih Rancangan kemudian klik Edit HTML
Kemudian masukkan kode yang telah didownload seperti contoh dibawah ini,
.menu{
border:none;
border:0px;
margin:0px;
...
Posted by serba-serbi on 17.54
Apakah Pop-up itu..?
Pop-up adalah jendela iklan yang biasanya muncul secara tiba-tiba ketika kita mengunjungi sebuah halaman web. Biasanya dengan adanya Pop-up Iklan justru sering membuat orang jengkel dan bahkan tak jarang visitor enggan untuk berkunjung kembali.
Tapi, kali ini kita mencoba belajar menghias blog dengan tampilan jendela baru dengan ukuran sesuai yang kita inginkan. Jika Iklan popup kebanyakan memaksa visitor untuk melihat suatu pesan dari author, tapi disini kita hanya menawarkan visitor untuk melihatnya.
Singkat saja, langkah pertama sebelum membuat Pop-up, kita harus menentukan terlebih dahulu alamat URL yang akan dituju dan tentukan lebar halaman yang akan dibuat.
Sebagai contoh dengan menambahkan Element Baru pada blog,seperti biasa,Dashboard,lalu pilih Tata Letak,...
RSS Feed
Twitter
Postingan
