Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan

Membuat Buku Tamu Yang Tersembunyi

Pada tulisan kali ini saya akan membahas tantang Membuat Buku Tamu Yang Tersembunyi. Widget ini akan muncul dan bersembunyi lagi jika kamu mengkliknya.

Sebenarnya cara membuat hidden widget ini tidak jauh berbeda dengan cara membuat rolling widget, perbedaannya hanya pada script-nya saja. Jika kamu penasaran dan ingin tahu cara membuatnya ikuti saja langkah-langkah berikut:

  • Kopikan script di bawah ini.

<!-- Mulai Hidden Widget -->
<style type="text/css">
.gb_fixed{
position:fixed;
top:10px; /*jarak dari atas*/
right:0px; /*jarak dari samping kanan*/
z-index:+1000;
}
* html .gb_fixed {position:relative;}
#hidden_gb {
display:none;
border:2px solid #A5BD51; /*ketebalan dan warna kotak*/
background:#F0F0F0; /*warna latar*/
padding:5px 10px 0px 10px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-align:center;"><a href="javascript:void(0)" onclick="gb_showHideGB()" title="Close/Tutup"><img style="border:0px; width:100px; height:auto;" alt="Guestbook" src="http://www.iconarchive.com/icons/deleket/sleek-xp-basic/256/Close-2-icon.png" /></a></div>

Kode Shoutbox atau Buku Tamu Anda atau Kode Tukeran Banner/Link

<br/>
<script type="text/javascript" src="http://sangpengibul.googlecode.com/files/hiddencoy.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img style="border:0px;" src="http://i810.photobucket.com/albums/zz28/fazri_cbr/bukutamu.png" width="75px" height="125px"/></a>

</div>

</div>
<!-- Selesai Hidden Widget -->

  • Ubahlah yang hurup yang diberi warna merah tebal sesuai dengan kebutuhan kamu.

Selanjutnya kamu lakukan langkah atau cara berikut:
  • Dari Dashboard blogger, pilih Tata Letak - Elemen Halaman.
  • Kemudian klik Tambah Gadget dan pilih HTML/Javascript.
  • Paste script Hidden Widget tadi dan jangan diberi judul (title) Setelah itu save dan ucapkan Alhamdulillah...
Nah, cukup mudah kan? Ok gan, selamat mencoba...

Membuat Readmore Otomatis

Untuk memulai sebelumnya anda Pergi Ke TATA LETAK - EDIT HTML (sebelum mengedit HTML sebaiknya backup dulu template anda) agar template anda tidak rusak. baiklah ini caranya :
  • Beri tanda centang pada Expand Template Widget
  • Copy-paste kode javascript berikut tepat diatas kode   </head> 


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

  •  Temukan kode berikut   <data:post.body/> gunakan CTRL + F pada Browser anda.
  •  Ganti kode tersebut <data:post.body/> dengan kode berikut


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

  • Kemudian save templates
  • jadi deh!!

Membuat Berbagai Bahasa Di Blog

Tips yang kali ini w mau ngasih tau cara membuat berbagai bahasa di blog anda. caranya gx repot, mudah dan simple. daripada lama2, langsung sja kita ke TKP!!
Untuk membuatnya :
  • silahkan masuk ke blog sobat dan masuk ke tata letak 
  • Tambah gadget lalu pilih HTML/JavaScript, 
  • Lalu lalu copy code dibawah ini dan dan pastekan lalu di save.

<br /> <br /> <br /> <center><b>Google Translate</b></center><style>  .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; } </style> <center><a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absBottom" alt="Arabic" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/arabic.gif" style="cursor: pointer; margin-right: 3px;" title="Arabic" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absBottom" alt="Korean" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korean.gif" style="cursor: pointer; margin-right: 3px;" title="Korean" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absBottom" alt="Japanese" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/korea.gif" style="cursor: pointer; margin-right: 3px;" title="Japanese" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absBottom" alt="Chinese Simplified" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarchina.gif" style="cursor: pointer; margin-right: 3px;" title="Chinese Simplified" /></a></center> <center> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absBottom" alt="Russian" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/russian.gif" style="cursor: pointer; margin-right: 3px;" title="Russian" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absBottom" alt="Portuguese" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/portuguese.gif" style="cursor: pointer; margin-right: 0px;" title="Portuguese" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absBottom" alt="English" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/english.gif" style="cursor: pointer; margin-right: 3px;" title="English" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absBottom" alt="French" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/pinginbelajarfrance.gif" style="cursor: pointer; margin-right: 3px;" title="French" /></a></center> <center> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absBottom" alt="German" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/german.gif" style="cursor: pointer; margin-right: 3px;" title="German" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absBottom" alt="Spain" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/spain.gif" style="cursor: pointer; margin-right: 3px;" title="Spain" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absBottom" alt="Italian" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/italian.gif" style="cursor: pointer; margin-right: 3px;" title="Italian" /></a> <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=6681752273687695039#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absBottom" alt="Dutch" border="0" src="http://i685.photobucket.com/albums/vv220/amatullah_sy/dutch.gif" style="cursor: pointer; margin-right: 0px;" title="Dutch" /></a> </center><br></p>

Selamat Mencoba Teman.....

Tips Mematikan Klik Kanan Mouse

  • Pertama, Anda harus masuk ke Dasbor Blogger
  • lalu pilih Rancangan,
  • kemudian Pilih Edit HTML,
  • Dan Centang Expand Template Widget,
  • Letakkan Script berikut dibawah

    <script language='JavaScript'>
    var message="Isi dengan pesan yang kamu inginkan";

    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }}

    function clickNS4(e){
    if (document.layers||document.getElementById&amp;&amp;!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }}}

    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&amp;&amp;!document.getElementById){
    document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")
    </script>


    • Ganti variable message Dengan Pesan yang anda inginkan.
    • lalu Di simpan,
    • Dan lihat hasilnya...

    SELAMAT MENCOBA TEMAN!!!

    Membuat Iklan / Gambar Melayang Di Blog

    Kali ini saya akan Menjelaskan tentang Bagaimana Cara Membuat Gambar/ Iklan Yang melayang-layang di blog.
    • Masuk Dari Dashboard blogger, pilih Tata Letak - Elemen Halaman.
    • Kemudian klik Tambah Gadget dan pilih HTML/Javascript.
    • Lalu Anda Tinggal Copy Script dibawah ini.

    <a onblur="try {parent.
    deselectBloggerImageGracefully();} catch(e) {}" href=""><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


    <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}


    .gbcontent{
    float:right;
    border:2px solid #A5BD51;
    background:#ffffff;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    .:[Close][Klik 2x]:.
    </a>
    </div>
    <center>

    ISI DENGAN SCRIPT IKLAN ATAU GAMBAR ANDA

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>


    • Ganti yang berwarna merah dengan SCRIPT IKLAN ATAU GAMBAR ANDA.
    •  SELAMAT MENCOBA TEMAN!!!!

    Membuat Artikel yang Paling Banyak Di Komentar/ Artikel Populer

    Hai sobat, kali ini saya akan menjelaskan tentang cara membuat Artikel yang Paling Banyak Di komentar/ Artikel Populer..
    Silahkan disimak baik-baik yaaaa..

    •  Anda Copy Script dibawah ini,

    <script language="javascript">
    titlebold=false;
    numposts=9999;
    maxshowresult=5;
    explanation="respon";
    home_page="namabloganda.blogspot.com";
    </script>
    <script style="text/javascript" src="http://sangpengibul.googlecode.com/files/best.js"></script>

    • Lalu Dari Dashboard blogger, pilih Tata Letak - Elemen Halaman.
    • Kemudian klik Tambah Gadget dan pilih HTML/Javascript.
    • Terakhir Anda Tinggal Copy Script diatas tadi dan Selesai dechh,,

    • Catatan :
    1. Ganti yang berwarna merah dengan sesuka anda,,
    2. Explanation = Tulisan respon bisa juga diganti dengan Komentar
    3. Maxshowresult = seberapa banyak Artikel yang dimunculkan
    4. Home Page = Ganti dengan alamat Blog Kalian, tetapi harus yang berDomain .blogspot.com

    Selamat Mencoba Teman….

    Kumpulan Kode Warna

    Bagi teman teman yang membutuhkan kode warna, monggo...

    Biasanya kode-kode ini digunakan tatkala teman-teman sedang mengedit warna template atau suatu kode yang ada unsur warnanya.

    Oh ya, ngomong-ngomong bagaimana ya cara menggunakannya? Caranya gampang, teman-teman bisa langsung meng-kopas kode yang tertera, contoh: #FFFFFF (Untuk warna putih). Nah bagaimana, gampangkan?

    Selamat mencari-cari warna:



    #FFFFFF
    #FFFFCC
    #FFFF99
    #FFFF66
    #FFFF33
    #FFFF00
    #FFCCFF
    #FFCCCC
    #FFCC99
    #FFCC66
    #FFCC33
    #FFCC00
    #FF99FF
    #FF99CC
    #FF9999
    #FF9966
    #FF9933
    #FF9900
    #FF66FF
    #FF66CC
    #FF6699
    #FF6666
    #FF6633
    #FF6600
    #FF33FF
    #FF33CC
    #FF3399
    #FF3366
    #FF3333
    #FF3300
    #FF00FF
    #FF00CC
    #FF0099
    #FF0066
    #FF0033
    #FF0000

    2
    #CCFFFF
    #CCFFCC
    #CCFF99
    #CCFF66
    #CCFF33
    #CCFF00
    #CCCCFF
    #CCCCCC
    #CCCC99
    #CCCC66
    #CCCC33
    #CCCC00
    #CC99FF
    #CC99CC
    #CC9999
    #CC9966
    #CC9933
    #CC9900
    #CC66FF
    #CC66CC
    #CC6699
    #CC6666
    #CC6633
    #CC6600
    #CC33FF
    #CC33CC
    #CC3399
    #CC3366
    #CC3333
    #CC3300
    #CC00FF
    #CC00CC
    #CC0099
    #CC0066
    #CC0033
    #CC0000

    3
    #99FFFF
    #99FFCC
    #99FF99
    #99FF66
    #99FF33
    #99FF00
    #99CCFF
    #99CCCC
    #99CC99
    #99CC66
    #99CC33
    #99CC00
    #9999FF
    #9999CC
    #999999
    #999966
    #999933
    #999900
    #9966FF
    #9966CC
    #996699
    #996666
    #996633
    #996600
    #9933FF
    #9933CC
    #993399
    #993366
    #993333
    #993300
    #9900FF
    #9900CC
    #990099
    #990066
    #990033
    #990000

    4
    #66FFFF
    #66FFCC
    #66FF99
    #66FF66
    #66FF33
    #66FF00
    #66CCFF
    #66CCCC
    #66CC99
    #66CC66
    #66CC33
    #66CC00
    #6699FF
    #6699CC
    #669999
    #669966
    #669933
    #669900
    #6666FF
    #6666CC
    #666699
    #666666
    #666633
    #666600
    #6633FF
    #6633CC
    #663399
    #663366
    #663333
    #663300
    #6600FF
    #6600CC
    #660099
    #660066
    #660033
    #660000

    5
    #33FFFF
    #33FFCC
    #33FF99
    #33FF66
    #33FF33
    #33FF00
    #33CCFF
    #33CCCC
    #33CC99
    #33CC66
    #33CC33
    #33CC00
    #3399FF
    #3399CC
    #339999
    #339966
    #339933
    #339900
    #3366FF
    #3366CC
    #336699
    #336666
    #336633
    #336600
    #3333FF
    #3333CC
    #333399
    #333366
    #333333
    #333300
    #3300FF
    #3300CC
    #330099
    #330066
    #330033
    #330000

    6
    #00FFFF
    #00FFCC
    #00FF99
    #00FF66
    #00FF33
    #00FF00
    #00CCFF
    #00CCCC
    #00CC99
    #00CC66
    #00CC33
    #00CC00
    #0099FF
    #0099CC
    #009999
    #009966
    #009933
    #009900
    #0066FF
    #0066CC
    #006699
    #006666
    #006633
    #006600
    #0033FF
    #0033CC
    #003399
    #003366
    #003333
    #003300
    #0000FF
    #0000CC
    #000099
    #000066
    #000033
    #000000

    7
    #465584
    #EEF2F7
    #3A4F6C
    #00D
    #434951
    #555
    #777
    #DFE6EF
    #345487
    #F5F9FD
    #3860BB
    #BCD0ED
    #C2CFDF
    #F0F5FA
    #D1DCEB
    #003
    #900
    #CCE9FD
    #E4EAF2
    #4C77B6
    #DFE6EF
    #EEF2F7



    Langganan: Postingan (Atom)