Membuat spoiler diposting blog

Spoiler merupakan kolom yang dapat digunakan untuk menghemat space yang ada di beranda blog kamu, sehingga dapat mengurangi beban alias loading. Pada kolom ini kamu bisa memasukan gambar, tulisan/ script, dan suntingan teks yang sangat panjang sekalipun. Efek dari kode/ script juga dapat langsung tampil pada kolom ini jika kamu tidak mempharse-y terlebih dahulu.

Berikut contoh beserta embed code spoiler yang dapat anda copas di blog anda:

Silahkan di tes:
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>LETAKKAN JUDUL SPOILER KAMU DISINI</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Open" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> "DISINI LETAKKAN HTMLMU, TP JANGAN LUPA DI ENCODE DULU TRUS NARUHNYA DIPOSTING DALAM MODUS HTML BUKANNYA COMPOSE" </div> </div> </div>

Taruh judul spoiler disini!
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>TARUH JUDUL SPOILER DISINI</b>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> LETAKKAN KODE HTML YANG TELAH DI PHARSE/ ENCODE DISINI </div> </div> </div>

Spoiler: "Silahkan copy kode spoiler berikut ini"
<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler:</b> <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> TARUH ISI YANG AKAN DITAMPILKAN DISINI </div> </div> </div>
Cara posting kode spoiler:
Jika kamu bermaksud memposting kode html menggunakan spoiler, maka hendaknya kode html tersebut di pharse terlebih dahulu dengan bantuan "Encoder". Selanjutnya silahkan paste kode spoiler termasuk kode html yg sudah di pharse tadi di posting dalam modus HTML.

Posting Komentar

Tool buat mengkonversi kode html [Eds:1]

Anda ingin memasang tool html converter di blog, cukup dengan mengcopas kode javascript berikut:

<iframe scrolling="auto" frameborder="0" width="600" src="http://centricle.com/tools/html-entities/" height="470"></iframe><br/><a href="http://ipkomputer.blogspot.com/2010/11/encode_29.html">Grab This Widget</a>

maka hasilnya akan tampil sebagaimana tampak dibawah:




atau ingin yang lebih sederhana bisa menggunakan widget berikut:


Berikut embed code-nya:

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&amp;up_grows=10&amp;up_conv1=1&amp;up_conv2=1&amp;up_conv3=1&amp;up_conv4=1&amp;up_conv5=1&amp;synd=open&amp;w=562&amp;h=195&amp;title=Encode%2Fdecode+HTML+entities&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>

Tag; http://ostermiller.org/calc/encode.html

Posting Komentar

Widget Jam

1. http://www.al-habib.info/


Embed Code:
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTA2MjAxMTU*MzcmcHQ9MTI5MDYyMDEyMDkyMSZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGRpZ2l*/YWwtY2xvY2stb3JuYW1lbnQtYnV*dG9uLTAxJmc9MSZvPTkxODQ2YTlhNDNiMzQ4ZDU4ZmM5MzM*MGE1NGEzMDMwJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:215px;height:123px;float:left;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1290619874290&amp;__view=expanded" width="215" height="123" flashvars="&col1=b7c628&col2=000000&col3=ffffff&tzoffset=false&gig_lt=1290620115437&gig_pt=1290620120921&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></embed></div>


2. http://www.cuteki.com/


3. http://localtimes.info/




4.http://widgetindex.blogspot.com/


<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="203" title="be a follower of ipkomputer.blogspot.com, please..." src="https://9043973540618053409-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex19/jam12.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

5. http://adiwidget.blogspot.com/
Jam yang satu ini melayang n posisi bisa anda pilih untuk menyesuaikan dengan template blog anda.




Embed Code: [Posisi di pojok kiri atas]
<script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://www.adiwidget.com/flash/adiWidget_Clock_13.swf','top','0px','left','0px','123249','125','125','transparent','ffffff');</script>

Embed Code: [Posisi di pojok kanan atas]
<script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://www.adiwidget.com/flash/adiWidget_Clock_13.swf','top','0px','right','0px','123250','125','125','transparent','ffffff');</script>

Embed Code: [Posisi di pojok kiri bawah]
<script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://www.adiwidget.com/flash/adiWidget_Clock_15.swf','bottom','0px','left','0px','123251','125','125','transparent','ffffff');</script>

Embed Code: [Posisi di pojok kanan bawah]
<script language="JavaScript" src="http://adiwidget.com/js/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('http://www.adiwidget.com/flash/adiWidget_Clock_15.swf','bottom','0px','right','0px','123252','125','125','transparent','ffffff');</script>

Embed Code: [Posisi fleksibel]
<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="125" height="125" src="http://www.adiwidget.com/flash/adiWidget_Clock_15.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Posting Komentar

Widget Waktu Sholat

Jadwal sholat lima waktu untuk warga muslim kawasan Banjarmasin Kalimantan Selatan


Berikut Embed Code-nya:


<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTEwNzkyNzE4MTImcHQ9MTI5MTA3OTM2NjU3OCZwPTIzODk4MSZkPU11c2xpbSUyMFByYXllciUyMFRpbWUlMjAw/MSZnPTEmbz*yMjFkMDUwZTUwZDk*OTUzYTNkZDM5MTlmNzcxYTE1NCZvZj*w.gif" /><div style="width:100%;margin:0 auto;text-align:center"><a href="http://www.al-habib.info/islamic-widget/prayer-times.htm"><img width="190" src="http://www.al-habib.info/islamic-widget/muslim-prayer.php?&mpt_lat=-3.3959717&mpt_lng=114.5850799&mpt_tz=Asia%2FJakarta&mpt_sz=&mpt_iz=&mpt_loc=Banjarmasin%2C+Indonesia&mpt_w=190&mpt_dp=d&mpt_pre=1&mpt_cn=1&mpt_fq=Shafi&mpt_lang=Indonesia&mpt_thm=magenta" style="border:0" alt="Waktu sholat untuk Banjarmasin, Indonesia. Widget Jadwal Sholat oleh Alhabib." /></a><div  style="margin:0 auto;padding:3px;width:190px"><a style="text-decoration:none;font-size:0.7em" href="http://www.al-habib.info/">Dapatkan Widget Jadwal Sholat!</a></div></div>

Posting Komentar

Menambah ruang kosong untuk iklan di Blog


Ingin menambah pendapatan dari blog yang anda kelola? tentunya akan menjadi hal menarik sekaligus menyenangkan. Hanya dengan meluangkan sedikit ruang kosong di blog untuk dipasang iklan online, selanjutnya anda akan menerima royalti dari usaha tersebut.

Sebagai permulaan anda bisa mendaftar pada program milik google ( adwords & adSense), amazon.com, atau yang lokal seperti adsenseCamp, Kumpulblogger, dsb. Kalo blog anda sudah cukup tersohor kemungkinan si pemasang iklan sendiri yang bakal menghubungi anda. Selanjutnya dengan kesepakatan yang bersifat mutualisme karena memang tujuan utama dari hubungan tersebut adalah money oriented (commersell) barulah anda bisa mematok harga.

Baiklah kita mulai saja setting ruang kosongnya.
Silahkan masuk ke pengaturan Template - Edit HTML (Proceed) - Expand Widget Templates
Copy kode dibawah dan taruh di atas kode: ]]></b:skin>

#fot{
background:#F0F5FA;
width:100%;
position:relative;
clear:both;
margin:0px auto 0px;
color:#000000;
float:left;
padding:10px 0;
}
#fot h2{
color:#000000;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 8px 0px;
padding: 0px;
letter-spacing:0em;
text-transform:capitalize;
}
#fot ul{
padding:0px;
margin:0px;
}
#fot ul li{
line-height:26px;
list-style-type:none;
border-bottom:1px dashed #031c5d;
}
#fot_1{
width:300px;
float:left;
margin:0px;
padding:0px;
}
#fot_2{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}
#fot_3{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}

Selanjutnya silahkan taruh kode di bawah sebelum kode: <div id='footer-wrapper'> atau <div id='footer'>

<div id='fot'>
<b:section class='bottom' id='fot_1' preferred='yes'/>
<b:section class='bottom' id='fot_2' preferred='yes'/>
<b:section class='bottom' id='fot_3' preferred='yes'/>
</div>

Sekarang silahkan di Save template dan Preview untuk melihat hasilnya.
Ruang kosong widget telah siap dipasang iklan!


Semoga informasi ini bermanfaat.
Selamat mencoba!

Posting Komentar

Widget Animasi Asmaul Khusna

Widget ini menampilan slideshow 99 Nama-nama Indah Alloh SWT 


Embed Code:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTA2ODM3NTU4OTAmcHQ9MTI5MDY4Mzc3MTIwMyZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjBhc21h/dWwtaHVzbmEtc3F1YXJlLXYwMiZnPTEmb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:200px;height:267px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Asmaul-Husna-in-Square-4681-8192_134217728.widget?__install_id=1290682842166&amp;__view=expanded" width="200" height="267" flashvars="col1=FFFF00&col2=669900&lang=id&gig_lt=1290683755890&gig_pt=1290683771203&gig_g=1" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

Posting Komentar

Sulit mengingat alamat website? Bookmark adja...

Terkadang alamat website yang terlalu panjang dengan kombinasi simbol yang asing memang sangat sulit untuk diingat, namun hal tersebut bukan lagi menjadi kendala buat anda yang hobi berselancar didunia maya yang juga memiliki koleksi alamat website favorit. Bookmarks solusinya.

Bookmark merupakan media penyimpan data elektronik dalam bentuk catatan (history) pada browser yang dapat menampung banyak dokumen serta arsip lainnya sepertihalnya alamat website (homepage) yang dapat dibuka kembali sewaktu-waktu pada tab browser yang sedang aktif


Hal ini tentunya akan sangat membantu bagi siapa saja yang sering mengunjungi situs langganan mereka seperti jejaring sosial, blogs, email dan lain sebagainya.

Caranya sangat mudah; klik pada menubar “Bookmarks” yang terdapat pada browser kemudian pilih “Bookmark this page” (Ctrl+D) atau Klik kanan langsung di homepage dan pilih bookmark this page cara tsb untuk menyimpan satu alamat website saja yaitu halaman yang sedang aktif, sedangkan ”Bookmark All Tabs” (Ctrl+Shift+D) untuk menyimpan semua halaman yang terbuka, dan cara ini hanya bisa dilakukan melalui menubar Bookmark.

Untuk mengetahui hasilnya apakah benar sudah tersimpan silahkan klik kembali menubar “Bookmarks”, maka pada bagian paling bawah tab menubar tersebut akan terdapat tambahan halaman baru yang telah tersimpan. Klik halaman tersebut untuk mengaktifkannya.

Catatan: Bisa dicoba pada browser Mozilla Firefox 

Tag:
Solusi menyimpan ribuan password disini

Posting Komentar

Mendeteksi hardware komputer tanpa harus membongkar

Buat kamu yang berencana membeli komputer/ laptop baik baru terlebih yang bekas, cara berikut terbukti sangat ampuh buat mendeteksi apakah isi dari komputer/laptop yang hendak kamu beli sesuai dengan yg tertulis dibrosur/ tertera pada pada stiker yang melekat pada CPU-PC/ papan keyboard laptop.

Cara I

1. Masuk “Start/Control Panel/ Administrative Tools/ Computer Management
2. Pada tampilan Computer Management pilih “Device Manager
3. Pada tampilan sebelah kanan yang muncul merupakan daftar hardware - software  driver yang terpasang/ terinstall pada komputer/laptop yang sedang kamu jalankan tersebut dengan tipe/versinya yang dapat kamu lihat dengan mengklik tanda [+]
4. Sesuaikan tipe/versi yang telah kamu ketahui tersebut dengan yang tertera pada brosur/ stiker yang melekat pada CPU-PC/ papan keyboar laptop.
Jika kata pepatah “Banyak jalan menuju Roma” maka itu juga berlaku buat kamu yang sedang penasaran dengan komputer; banyak cara untuk mengakses program yang sama. Berikut merupakan cara lain yang memiliki tujuan sama buat mengakses informasi hardware - software seperti halnya cara pertama di atas.

Cara II

1. Masuk “Start/ klik kanan My Computer/ Properties
2. pilih tab “Hardware*/ Device Manager

Cara III

1. Tekan “gambar bendera” (Window) pada keyboard + “E” (Explorer)
2. Klik kanan “My Computer/ Properties
3. Pilih tab “Hardware*/ Device Manager

Catatan: tab “General” pada jendela “System Properties” juga merupakan informasi hardware – software, hanya saja kurang begitu spesifik.

Peringatan: Hati2 informasi tsb  dpt di manipulasi melaluiregedit

Posting Komentar

Related Posts Plugin for WordPress, Blogger...