Showing posts with label pada. Show all posts
Showing posts with label pada. Show all posts

Saturday, December 7, 2013

Cara Membuat Scroll Pada Linklist Daftar Link Blogspot

Pada tulisan sebelumnya saya membahas tentang cara membuat scroll pada Bloglist (Daftar Blog). Maka pada tulisan kali ini saya akan membahas tentang cara membuat scroll pada saudaranya, yaitu Linklist (Daftar Link), sebuah widget yang disediakan oleh blogger/blogspot.

Karena kemudahannya gadget Linklist ini banyak digunakan oleh sobat blogger yang enggan menuliskan syntax link pada setiap link yang ingin dimasukkan. Dengan gadget Linklist ini, cukup memasukkan URL-URL situs maka selesai deh. Hanya saja, sebagaimana pada gadget Bloglist, pada gadget Linklist inipun jika tidak dibuatkan scroll, akan memanjang ke bawah memenuhi halaman blog.

Bagi kamu yang ingin membuat scroll pada Linklist-nya dapat mengikuti langkah-langkah berikut:
  • Dari halaman dasbor, klik Tata Letak - Edit HTML.
  • Beri tanda centrang pada Expand Template Widget.
  • Kemudian cari kode type=LinkList (gunakan Control F atau F3).
  • Perhatikan kode yang ada di bawahnya, seperti ini:

    <b:includable id=main>
    <b:if cond=data:title><h2><data:title/></h2></b:if>
    <div class=widget-content>
  • Tambahkan perintah style=overflow:auto; height:200px pada kode yang berwarna biru, sehingga menjadi seperti ini:

    <b:includable id=main>
    <b:if cond=data:title><h2><data:title/></h2></b:if>
    <div class=widget-content style=overflow:auto; height:200px>
  • Atur ukuran tinggi (height)-nya sesuai kebutuhan.
  • Simpan hasil editing ini dan ucapkan Alhamdulillah.....
Nah, selesai deh. Sekarang coba cek Linklist pada blog kamu.

Ok, segitu aja sob. Selamat mencoba....

Thursday, November 7, 2013

Tukar bentuk paparan search pada blog

Bila kita memasang fungsi search pada blog,butang search adalah berwarna kelabu.dan papaparan ruang carian adalah puteh.Bagi memberi sedikit kelainan dan membuatkan nya lebih menarik cuma memerlukan sedikit perubahan pada kod css.Kebaikan Pemasangan fungsi search ini penting adalah bagi kemudahan pengunjung mencari artikel diblog .
contohnya seperti dibawah ini:




Kod nya adalah seperti dibawah:


<form id="searchform" action="http://blogspot.com/search" name="searchform" method="get">
<input id="search-box" name="q" size="20" type="text" style="background: #CA226B; border: 4px ridge #000066"/>
<input id="search-btn" value="Search" type="submit" style="background: #F433FF; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/>
</form>
warna hijau adalah kod background ruang carian dan oren background bagi button.Kod warna boleh didapati disini .Tukarkan alamat blog pada teks berwarna biru dengan alamat blog anda.




Menggunakan imej sebagai button:

<form id="searchform" action="http://blogspot.com/search" name="searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Cari Artikel...." /> <input id="searchsubmit" value="SEARCH" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLb1s4Sn4TqgUSrRc1KGpalh0-uU536B98JpjpyPyCMNSTa4kczH_Lcu-fhVvGByrGqAQgPEY5DP5OGI9Lx-x8usgCQ2VFdxMGcpK8AZDrECDJSkpEA7ViKtpyTMOrviAlQDrxH5Z0LpE/s1600/green-button.png" align="top"/></form>

*boleh gantikan imej yang sesuai sebagai button pada teks berwarna merah.Tukarkan alamat blog pada teks berwarna biru dengan alamat blog anda.

Cara memasangnya adalah seperti berikut:
1.Masuk ke design dan pilih Layout---add gadget

edit blog


2.Pilih HTML/Javascript

dan masukkan kod diatas didalamnya dan klik butang save.

update 9/5/2013