Kamis, 18 Agustus 2011

Menghapus/menghilangkan sebagian Fitur Komentar

Ada cara sederhana yang belum semua orang tahu termasuk saya kemarin,bagaimana,agar salah satu posting,atau sebagian posting,tanpa ada keterangan komentar,sedangkan yang lain masih utuh.

Saya pernah,mengalami,saat aku mau bikin halaman profil tapi koq ada tulisan "komentar (0)" di bawahnya.
Khan ga seru ya?Gmn ya?aku nyoba ngilangin komentar pada edit posting,eh! Koq komentarnya ilang semua!?
Nah!ada solusinya nich,gmn kita bisa menentukan posting mana yang akan kita kasih tulisan komentar sama box komentarnya,dan yang mana posting yang pingin kita kosongin tulisan sekaligus komentarnya.
Coba dech ikutin langkah berikut :

ilustrasi:

menghilangkan komentar blogger.


Klik tulisan Pilihan Posting/Opsi Entri di sudut kiri bawah kotak posting,setelah itu tampil radio button 2 pilihan :

Ijinkan dan Jangan ijinkan.

Anda hanyalah memberi tanda pada radio button di samping tulisan tersebut, jika anda memilih ijinkan,maka kotak komentar nantinya akan muncul dan pembaca postingan tersebut tentu saja bisa memberi komentar.

Nah jika anda tidak menginginkan kotak komentar muncul, maka anda tinggal memilih opsi Jangan diijinkan.

Untuk mengembalikan ke keadaan seperti semula,mulailah dengan langkah yang sama,seperti di atas hanya nantinya akan keluar 3 radio button,tentunya ada 3 pilihan :

Ijinkan,
Jangan ijinkan, tayangkan yang telah ada dan
Jangan ijinkan, sembunyikan yang telah ada.

Tergantung sesuai keinginan anda.

Semoga bermanfaat ya..

Bagaimana Cara Membuat Bubble Tooltip di Blog/Web



Dengan memasang dan membuat bubble tooltip di blog, maka blog kitaakan terlihat lebih menarik. kita lihat yuks bagaimana cara buatnya. ( Contohnya seperti pada JAM FLASH di blog ini )


1. Login ke Blogger
2. Saat di dasbor pilih edit tampalete/tata letak
3. Lalu pilih Edit HTML
4. Copy aja kode di bawah ini :


/*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ol5o6rqB5Qw/bubble_thumb.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcrZtXeiI/AAAAAAAACes/f3SeQ8tdw5A/bubble_filler_thumb%5B1%5D.gif) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; color: #548912; background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ol5o6rqB5Qw/bubble_thumb.gif) no-repeat bottom; }
2. Simpan (paste) di atas
]]></b:skin>
3. Lalu Save

Selanjutnya Untuk membuat teks yang memiliki bubble tooltip silakan copy kode di bawah ini :

klik<a class='tt' href='Tujuan link yang di inginkan'>di sini<span
class='tooltip'><span class='top'></SPAN><span class='middle'>untuk
konfirmasi</span><span class='bottom'></span></SPAN></a>


klik <a class='tt' href='Tujuan link yang di inginkan'>di sini<span class='tooltip'></span><span class='top'/><span class='middle'>untuk konfirmasi</span><span class='bottom'/></span></a>



Keterangan :

  1. Link biru : bisa anda gunakan untuk membuat link ke arah artikel lain, bisa juga di kosongkan jika tidak diperlukan.
  2. Link hijau : adalah teks yang akan di buat bubbletip, yang mana bila disorot oleh mouse maka akan muncul keterangan tambahan yang telah anda buat
  3. Link warna orange adalah keterangan tambahan yang ingin anda tambahkan.

Selasa, 09 Agustus 2011

KUMPULAN JAVA SCRIPT

KUMPULAN  JAVA SCRIPT
Sumber : http://ykubnay.mywapblog.com/mywapblog-cara-membuat-tombol.xhtml


Script Text Jika disorot kursor/mouse akan berubah warna
<script src="http://ykubnay.googlecode.com/files/rainbow.js" type="text/javascript"></script>

Script Kursor Bertabur Bintang Biru
<script src="http://ykubnay.googlecode.com/files/blueestar.js" type="text/javascript"></script>

Membuat efek api pada text
<script src="http://ykubnay.googlecode.com/files/jquery.min.js" type="text/javascript"></script><script type="text/javascript">(function ($){$.fn.ignite = function (burn){$(this).each(function (){var letters = $(this).text().split('');$(this).html('<span>' + letters.join('</span><span>') +'</span>');$spans = $(this).find('span');setInterval(function () {$spans.each(burn);}, 100);});}})(jQuery);function gasFlame(){var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'];if (Math.random() > 0.90){colors.push('#3333CC');}var hv = 0.04;var textShadows = [];var c = 0;var h = 0;var s = 0;while (c < colors.length){s = 2 + Math.round(Math.random() * 2);while (s--){shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];textShadows.push(shadow);h -= hv;}c++;}$(this).css({color: colors[0], textShadow: textShadows.join(', ')});}$(begin);function begin(){$('#mandra').ignite(gasFlame);}</script><div id="mandra">  TEXT DISINI</div>

Script kodok loncat part1 (membuat text membesar jika disentuh kursor)
<div id="qthink"><div class="polo_box" id="qthink"><div class="left">
Terima kasih sudah mengunjungi blogku yang sunyi</div></div></div>
Script kodok loncat part2 (membuat gambar berubah jika disentuh kursor)
<div class="kodokloncat" id="kodok-3"><img src="http://URL GAMBAR"/><div class="details"><img src="http://URL GAMBAR"/></div></div>

Script kodok loncat part3 (membuat gambar berpindah jika disentuh kursor)
<div><div class="abstrak_box" id="ease"><div class="center"></div></div></div>
Script kodok loncat part4 (membuat gambar menghilang jika disentuh kursor)
<div><div class="amdhas_box" id="ease"><div class="center"></div></div></div>
Script kodok loncat part5 (membuat kterangan gambar jika disentuh kursor)
<script src="http://ykubnay.googlecode.com/files/jquery.js"></script><script>$(document).ready(function() {$("#cf_onclick").click(function({$("#cf2img.top").toggleClass("transparent");});});</script><div class="center" id="cf_onclick"><div style="text-align: center;"><button>coba klik</button></div><div><img src="http://URL GAMBAR" class="top"/><div>DI SINI ADALAH TEKS YANG MAU SOBAT BERIKAN</div></div></div>


MEMBUAT TEXT WARNA TINGGAL MASUKAN TEXT KAMU
<script language="javascript" src="http://yakubnay.mobie.in/textshadow.js"></script><script><!--
{  rainbow("<> TEKS KAMU DISINI <>");} //--></script>

Jika malas membuat situs serta pernak perniknya,kalian sisipkan script ini karna sudah lengkap
<script src="http://ykubnay.googlecode.com/files/super.js" type="text/javascript"></script>



بسماللهالرحمنالرحيم
ASSALAMUALAIKUM WR WB
Berikut ada simple code ARAB .contoh penulisannya&#1610;&#1593;&#1602;&#1608;&#1576; hasilnyaيعقوب jadi tiap code diawali tanda &# dan diakhiri ;
1575
ا
1576
ب
1577
ة
1578
ت
1579
ث
1580
ج
1581
ح
1582
خ
1583
د
1584
ذ
1585
ر
1586
ز
1587
س
1588
ش
1589
ص
1590
ض
1591
ط
1592
ظ
1593
ع
1594
غ
1601
ف
1602
ق
1603
ك
1604
ل
1605
م
1606
ن
1607
ه
1608
و
1609
ى
1610
ي


Back|Home

SELAMAT BERKREASI


<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">contoh textarea dengan tombol</span> example textarea with buttons</span>

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><div style="text-align:center;"><form method="post"><input type="BUTTON" value="CONTOHNYA" /></form></div></span> <div style="text-align:center;"> <form method="post"> <input type="BUTTON" value="CONTOHNYA" /> </ form> </ div></span>

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><div style="text-align:center;"><a href="http://ykub nay.mywpblog.com"><input type="submit" value="TEXT LINK" /></a></div></span> <div style="text-align:center;"> <a href="http://ykub nay.mywpblog.com"> <input type="submit" value="TEXT LINK" /> </ a> < / div></span>

MWB DROPCAP LETTERS LOOK INTO
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><span style=color:white>.post p:nth-of-type(1):first-letter{ float:left; text-indent:20px; background:black; color:#00FF00; font-size:bold; border:3px inset darkgray; margin:2px; padding:3px; text-align:center }</span></span> <span style=color:white>. Post p: nth-of-type (1): first-letter {float: left; text-indent: 20px; background: black; color: # 00FF00; font-size: bold; border: 3px inset darkgray; margin: 2px; padding: 3px; text-align: center}</span></span>

CHARACTERS LOOK DROPCAP ARISING
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><span style=color:black>.post p:nth-of-type(1):first-letter{ float:left; text-indent:20px; background: #444; color: white; font-size: bold; border: 3px outset #333; margin: 1px; padding: 0px; text-align: center}</span></span> <span style=color:black>. Post p: nth-of-type (1): first-letter {float: left; text-indent: 20px; background: # 444; color: white; font-size: bold; border: 3px outset # 333; margin : 1px; padding: 0px; text-align: center}</span></span>

TYPICAL DISPLAY IN BOX
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><span style=color:blue>.post p:nth-of-type(1):first-letter{ float:left; background:silver; text-indent:20px; margin:1px 2px; padding:2px; border:1px solid gray; font-size: bold; color:# 3399FF;}</span></span> <span style=color:blue>. Post p: nth-of-type (1): first-letter {float: left; background: silver; text-indent: 20px; margin: 1px 2px; padding: 2px; border: 1px solid gray; font-size: bold; color: # 3399FF;}</span></span>

TEX AREA
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">.post textarea { background: url(http:// ykubnay.mywapblog.com/files/ html-top-gradient.gif) repeat-x top #F4FFFC; border: 2px groove #ccc;}</span> . Post textarea {background: url (http:// ykubnay.mywapblog.com / files / html-top-gradient.gif) repeat-x top # F4FFFC; border: 2px groove # ccc;}</span>

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><textarea name="text1" cols="9" rows="2">masukan apa saja disini</textarea></span> <textarea name="text1" cols="9" rows="2"> input anything here </ textarea></span>


Backlink
<!-- Dont edit this code or it will not work --><a target="_blank" href="http://bdlab.blogspot.com/" title="Free Backlinks"><img border="0" alt="Free Backlinks" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-NU1W7BpVRXASSAN90IoUApbZ642jwc0Xu4GwVb6nfnhUVOEF3v4vzl98Ac3UVvzb-CbFfj4jCg-awc8xtvNm6Vjz3xSLyuyJFS_npm7ibfPO53-G5fG5fcru0TFcu5Ste_Kc588GPui/s1600/24works-backlinks.gif" /></a><!-- End http://bdlab.blogspot.com-->




GLOBE DUNIA
<script type="text/javascript" src="http://jf.revolvermaps.com/r.js"></script><script type="text/javascript">rm_f1st('0','220','true','false','000000','5qhbpa9u0nb','true','ff0000');</script><noscript><applet codebase="http://rf.revolvermaps.com/j" code="core.RE" width="220" height="220" archive="g.jar"><param name="cabbase" value="g.cab" /><param name="r" value="true" /><param name="n" value="false" /><param name="i" value="5qhbpa9u0nb" /><param name="m" value="0" /><param name="s" value="220" /><param name="c" value="ff0000" /><param name="v" value="true" /><param name="b" value="000000" /><param name="rfc" value="true" /></applet></noscript>

Gambar Jadwal Puasa
<a href="http://tinypic.com?ref=2lllrir" target="_blank"><img src="http://i51.tinypic.com/2lllrir.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

http://i51.tinypic.com/2lllrir.jpg
<a class='tt' href='http://www.kpku.or.id/imsak'>JADWAL PUASA<span class='tooltip'></span><span class='top'/><span class='middle'>Jadwal Puasa untuk daerah-daerah di Indonesis.</span><span class='bottom'/></span></span></a>


Sumber : http://kibagus-homedesign.blogspot.com/2010/02/membuat-menu-horizontal-dengan-variasi.html
Animasi garis
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&amp;current=Misc-04-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Misc-04-june.gif" border="0" alt="link8"></a>




Animasi garis 1
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&amp;current=Misc-06-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Misc-06-june.gif" border="0" alt="link7"></a>

Animasi garis 2
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&amp;current=Arrows-01-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Arrows-01-june.gif" border="0" alt="link-1"></a>

Animasi garis 3
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&amp;current=Symbol-04-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Symbol-04-june.gif" border="0" alt="link5"></a>

Animasi garis 4
<a href="http://s864.photobucket.com/albums/ab206/kibagus/animation/?action=view&amp;current=Theme-06-june.gif" target="_blank"><img src="http://i864.photobucket.com/albums/ab206/kibagus/animation/Theme-06-june.gif" border="0" alt="link2"></a>
TANGGA TANJAKAN

<style type="text/css"><!--
.style2 {color: #FFFF00}
--></style><p> </p><table width="303" border="0"
cellpadding="0" cellspacing="0"><tr><td width="303" height="159"
valign="top"><table width="142"
border="5" cellpadding="0"
cellspacing="0"
bgcolor="#FF0000"><tr><td width="138" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><span
class="style2"><a
href=" Url_link_tujuan_Anda">Link
1 </a
href="></span
class="style2"></td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="30"></td><td width="143"
height="30"><table width="142"
height="24" border="5"
cellpadding="0" cellspacing="0"
bgcolor="#FF0000"><tr><td width="140" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><a
href="Url_link_tujuan_Anda">Link
2 </a
href="url_link_tujuan_anda"></td></tr></table></td><td width="217"></td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="60"> </td><td width="142"
height="30"><table width="142"
border="5" cellpadding="0"
cellspacing="0"
bgcolor="#FF0000"><tr><td width="211" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><a
href="Url_link_tujuan_Anda">Link
3 </a
href="url_link_tujuan_anda"></td></tr></table></td><td width="133"
height="30"> </td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="90"
height="30"> </td><td width="147"><table
width="146" border="5"
cellpadding="0" cellspacing="0"
bgcolor="#FF0000"><tr><td width="142" height="30"
align="center"
background="http://
lh6.ggpht.com/_VyCMMkwhjoA/
TBBW3YTQ_WI/
AAAAAAAAAW4/4RqtygXziCU/
Kibg.gif"><a
href="Url_link_tujuan_Anda">Link
4 </a
href="url_link_tujuan_anda"></td></tr></table
width="146"></td></tr></table></td><td width="96"> </td></tr></table><table width="300" border="0"
cellspacing="0" cellpadding="0"><tr><td width="120"> </td><td width="143"
height="30"><table width="142"
height="30" border="5"
cellpadding="0" cellspacing="0"
bgcolor="#FF0000"><tr><td width="142" height="30"

Senin, 08 Agustus 2011

TAB MENU VERTIKAL DENGAN CSS


Sabtu, 06 Agustus 2011

Change Mouse cursor of your Blogger blogspot blog to Animated Cursors

make a snow effect on the mouse cursor on the blog

How To Add Tooltip in Blogger