| ^SMK_PESAT^

GUNAKAN TABLE FORM

satu widget sederhana lagi
tapi setelah dipakai lumayan lah buat mempersingkat/menyederhanakan halaman
maaf sekali lagi buat master html , saya cuma blogger biasa yang pengin share saja.
ada banyak opsi untuk tampil indah dan menarik
ada dengan marque,table,model div style,ataupun show and hide
kali ini saya sengaja mengupas tentang table form
mau tahu seperti apa ulasan saya..???

ini dia contohnya

anda tertarik membuatnya??
copy code berikut ini dan pasang di tempat yang anda rasa cukup strategis

<br />
<div class='widget-content'><br />
<select onchange="document.location.href=this.options<br />
[this.selectedIndex].value;"><br />
<option selected value="0" /><span style="color: #3366ff; font-weight: bold;">Arsip Blog</span><br />
<option value="<span style="color: #3366ff; font-weight: bold;">http://joxerz.blogspot.com/2009/05/blog-anti-klik-kanan.html</span>" /><span style="color: #3366ff; font-weight: bold;">BLOG ANTI KLIK KANAN</span><br />
<option value="<span style="color: #3366ff; font-weight: bold;">http://joxerz.blogspot.com/2009/05/say-wellcome.html</span>" /><span style="color: #3366ff; font-weight: bold;">SAY WELLCOME</span><br />
<option value="<span style="color: #3366ff; font-weight: bold;">http://joxerz.blogspot.com/2009/05/cara-menampilkan-gambar-selalu-dipojok.html</span>" /><span style="color: #3366ff; font-weight: bold;">GAMBAR SELALU DIPOJOK</span><br />
<option value="<span style="color: #3366ff; font-weight: bold;">http://joxerz.blogspot.com/2009/07/merampingkan-menyederhanakan-halaman.html</span>" /><span style="color: #3366ff; font-weight: bold;">NAVIGASI HALAMAN</span><br />
<option value="<span style="color: #3366ff; font-weight: bold;">http://joxerz.blogspot.com/2010/03/tampilkan-related-postartikel-terkait.html</span>" /><span style="color: #3366ff; font-weight: bold;">TAMPILKAN ARTIKEL TERKAIT</span><br />
<br />
</select><br />
</div>

cukup mudah khan???
anda cukup merubah kode yang berwarna biru
saya berani bicara karena sudah mencoba.
dan ternyata mudah ko...
efeknya blog kita menjadi amat ringan...wuzzzzzzzzzzzzzzz...
selamat mencoba semoga bermanfaat

0 komentar

TAMPILKAN RELATED POST/ARTIKEL TERKAIT

ingin banget rasanya supaya pengunjung betah dan membaca artikel kita semua
tapi namanya juga pengunjung kadang ada yang cuma iseng doang mampir
sekedar ngisi shoutmix / cbox kabur dech...........
sedikit tips wat blogger yang baru muncul bukan yang senior loh...
buatlah judul semenarik mungkin dengan tujuan memikat readers
trus langkah kedua buatlah widget artikel yang berhubungan/artikel terkait
dengan tujuan supaya readers tertarik untuk menyimak berita yang berhubungan dengan artikel yang tadi dibaca.
secara standarnya widget ini tidak ada dalam penambahan elemen
so kita harus mengakalinya secara manual
mau tahu bagaimana caranya...???

1. anda buka halaman tata letak
2. Edit html
3. centang Expand Template Widget
4. carilah kode <data:post.body/>
kalau tidak ditemukan kode diatas carilah kode ini <p><data:post.body/></p>
5. copy code dibawah ini

<b:if cond='data:blog.pageType == "item"'><br />  <div class='similiar'>
<br />   <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><br />   <!-- *****************Related Articles by Labels - Take Two****************** --><br /><br />   <!--<br />    Modified by JackBook.Com to make it easier to use.<br />   1. Now, users don't need to change anything to use this widget. just copy and paste, and done!<br />   2. The current article will also be listed, now it's no more.<br />   --><br /><br />   <div class='widget-content'>
<br />   <h3>
<span style="color: rgb(255, 204, 102); font-weight: bold;">Related Posts by Categories</span></h3>
<br />   <div id='data2007'/>
<br/><br/><br />    <div id='hoctro'>
<br />     Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u><br />    </div>
<br />    <script type='text/javascript'><br /><br />    var homeUrl3 = "<data:blog.homepageUrl/>";<br />    var maxNumberOfPostsPerLabel = 4;<br />    var maxNumberOfLabels = 10;<br /><br />    maxNumberOfPostsPerLabel = 100;<br />    maxNumberOfLabels = 3;<br /><br /><br />    function listEntries10(json) {<br />      var ul = document.createElement('ul');<br />      var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?<br />                     json.feed.entry.length : maxNumberOfPostsPerLabel;<br />      for (var i = 0; i < maxPosts; i++) {<br />        var entry = json.feed.entry[i];<br />        var alturl;<br /><br />        for (var k = 0; k < entry.link.length; k++) {<br />          if (entry.link[k].rel == 'alternate') {<br />            alturl = entry.link[k].href;<br />            break;<br />          }<br />        }<br />        var li = document.createElement('li');<br />        var a = document.createElement('a');<br />        a.href = alturl;<br /><br />     if(a.href!=location.href) {<br />      var txt = document.createTextNode(entry.title.$t);<br />      a.appendChild(txt);<br />      li.appendChild(a);<br />      ul.appendChild(li);<br />     }<br />      }<br />      for (var l = 0; l < json.feed.link.length; l++) {<br />        if (json.feed.link[l].rel == 'alternate') {<br />          var raw = json.feed.link[l].href;<br />          var label = raw.substr(homeUrl3.length+13);<br />          var k;<br />          for (k=0; k<20; k++) label = label.replace("%20", " ");<br />          var txt = document.createTextNode(label);<br />          var h = document.createElement('b');<br />          h.appendChild(txt);<br />          var div1 = document.createElement('div');<br />           div1.appendChild(h);<br />          div1.appendChild(ul);<br />          document.getElementById('data2007').appendChild(div1);<br />        }<br />      }<br />    }<br />    function search10(query, label) {<br /><br />    var script = document.createElement('script');<br />    script.setAttribute('src', query + 'feeds/posts/default/-/'<br />     + label +<br />    '?alt=json-in-script&callback=listEntries10');<br />    script.setAttribute('type', 'text/javascript');<br />    document.documentElement.firstChild.appendChild(script);<br />    }<br /><br />    var labelArray = new Array();<br />    var numLabel = 0;<br /><br />    <b:loop values='data:posts' var='post'><br />      <b:loop values='data:post.labels' var='label'><br />        textLabel = "<data:label.name/>";<br />     <br />        var test = 0;<br />        for (var i = 0; i < labelArray.length; i++)<br />        if (labelArray[i] == textLabel) test = 1;<br />        if (test == 0) {<br />           labelArray.push(textLabel);<br />           var maxLabels = (labelArray.length <= maxNumberOfLabels) ?<br />                  labelArray.length : maxNumberOfLabels;<br />           if (numLabel < maxLabels) {<br />              search10(homeUrl3, textLabel);<br />              numLabel++;<br />           }<br />        }<br />      </b:loop><br />    </b:loop><br />    </script><br />   </div>
<br /><br />  </div>
<br /> </b:if>

6. paste code diatas tepat dibawah kode <data:post.body/>
atau kode yang ini <p><data:post.body/></p>
7. simpan hasil karya anda.
8. reload halaman web / blog anda

sedikit catatan ubahlah code yang Related Posts by Categories sesuai selera anda
dah jadi kan...???
mudah dan teramat mudah
selama ada yang gampang ngapain cari yang susah ??
tul ga...???
selamat mencoba semoga bermanfaat

0 komentar