Jika ada link yang bermasalah atau file yang anda download error harap laporkan disini

Memasang Fitur Chat Di Blog

Cbox merupakan fasilitas buku tamu yang bisa kita pasang di blog kita. fungsinya yaitu sebagai media penampung jejak coretan- coretan sapa maupun saran yang biasanya dipasang di bagian sidebar sebuah blog. Cbox sangat membantu dalam proses blogwalking, karena dengan fasilitas ini kita dapat mengetahui link pengunjung blog kita yang mengisi buku tamu kita [jika mereka mencamtumkan url websitenya], sehingga kita bisa saling berkunjung kembali / kunjungan balik. kalau pada postingan sebelumnya kita telah membahas cara memasang shoutbox di blog. Cbox memiliki fungsi yang sama seperti halnya Shoutbox. Akan tetapi perbedaan mendasarnya mungkin pada tampilannya dan juga untuk memperoleh Cbox ini kita harus Register / Daftar terlebih dahulu.Cara Daftar CBOX disini. Tetapi semua mudah dan cepat dan FREE alias gratis 100%. Selain itu Cbox juga dapat di kustomisasi dengan memberikan beberapa smile tambahan.
Pasang Cbox di blog blogspot:
  • Login ke akun cbox sobat, kalau belum DAFTAR DISINI
  • Klik Publish



  • Lalu Copy  kode-kode yang telah tersedia
  • Lalu Login ke akun blogger sobat
  • Pada halaman Dashboard, Pilih Tata Letak
  • Klik Add Gadget - HMTL/Javascript
  • Lalu pastekan kode cbox tadi
  • langkah berikutnya adalah mungkin penyesuaian lebar dan tinggicbox agar sesuai dengan tempatnya.
  • Kalau sudah,klik Simpan

Cara Pasang Back Top di Blog

Pemasangan back to top pada blog adalah bagi memudahkan pengunjung kembali semula keatas setelah menggunakan scroll untuk membaca artikel sampai kebawah.Jika menggunakan nya adalah lebih cepat dari menggunakan scroll.Kadang kadang back to top ada pada blog tapi kita dah biasa guna scroll tak nampak pun  button tu..terlupa..termasuk lah saya.



Cara membuatnya:
Masuk ke design dan pilih page elements
Klik pada add gadget-pilih HTM/Javascript

Masukkan kode dibawah ini:
style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://img179.imageshack.us/img179/1849/backtotop.png"/></a></div>
*Kode ini hendaklah diletakkan dibahagian bawah sekali pada page element supaya tidak terlindung 
kemudian klik save...selamat mencoba

Cara Mengembalikan Navbar di Blogspot

Dari beberapa informasi, blogger kembali mempertegas larangan menghapus tampilan navbar (lihat post : MENGHILANGKAN NAVBAR BLOGGER ) sehingga akibat dari itu ada beberapa blog yang dihapus oleh blogger.
Jika blog anda termasuk kedalam blog yang tidak menampilkan navbar, kemungkinan akan berakibat sama : bloga anda akan dihapus dari daftar blog pada blogspot.
Untuk menghindari hal itu, disarankan agar navbar blog anda dikembalikan seperti pada awal anda membuat blog.
contoh tampilan navbar :






Cara mengembalikannya cukup mudah, anda hanya perlu menghapus kode yang telah ditambahkan ketika anda ingin menghilangkan navbar.
LANGKAH-LANGKAH YANG HARUS ANDA LAKUKAN :
1. Login ke Blogger.
2. Klik Rancangan kemudian pilih Edit HTML.
3. Cari Kode di Bawah ini 
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

atau jika tidak ditemukan karea template beda, coba cari kode ini :

#navbar-iframe {
display: none !important;
}

4. Jika sudah ketemu, hapus kode tersebut.
5. Klik Simpan template, kemudian lihat hasilnya.
Sumber : epg-studio

Membuat Auto Read More dengan Button


Agan Pernah Melihat Read More di
 Homepage ane kan...?? Nah, Jika Biasanya Auto Readmore adalah Dengan Tulisan Seperti ini :  Read More - Post Title  maka sekarang kita akan Membuatnya dalam Bentuk Button ala Adjiebrotot. So, Mari Kita Mulai Langkah-Langkah Membuat Auto Read More dengan Button.

1. Login >> Rancangan >> Edit HTML >> Expand Template Widget
2. Cari Kode </head> letakkan kode berikut di atas kode </head>

<script type='text/javascript'>
    var thumbnail_mode = "float" ;
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    </script>




    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore Script with Action Button


    (C)2010 by Adjiebrotot


    visit http://www.adjiebrotot.co.cc
    ********************************************/
    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>
3. Lalu cari kode <data:post.body/> ganti kode<data:post.body/> dengan kode di bawah ini : 

<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'><a expr:href='data:post.url'><img alt='http://www.iconspedia.com/uploads/12789365491822702177.png' src='http://www.iconspedia.com/uploads/12789365491822702177.png'/></a></span>

    </b:if>

    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Selamat Mencoba...!!! Jangan Lupa Tinggalkan Jejak di Bawah ya gan..!!! utamakan Blogger Comment daripada Facebook Comment


Sumber : http://www.adjiebrotot.co.cc/2010/11/membuat-auto-read-more-dengan-button.html

Cara Membuat Buku Tamu Termbunyi

Kalau sobat ga tau lagi mau taruh buku tamu di mana, buat aja buku tamu yang tersembunyi. dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di blog INI (sekalian promosiin he he), dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Nah ga perlu panjang lebar lagi mari kita lihat cara membuatnya:
caranya :
  1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
  2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
  3. Copy-paste kode di bawah ini:
Ni codenya:


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

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('alamat url buku tamu') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

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

<div class="gbcontent">

<!-- Paste kode buku tamu sobat di sini -->


<div style="text-align:right">
<a href="javascript:showHideGB()">
[Tutup Buku Tamu]
</a>
</div>

</div>

</div>

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


4. Pada kode di atas, Tulisan yang berwarna merah di atas ganti dengan kode buku tamu yang kamu dapatkan dari situsnya,dan tulisan yg bewrna merah yg bacaanya alamat url buku tamu
bisa kalian dapatkan juga di sini url gambarnya

height: 130px
width: 35px
background URL: http://i25.tinypic.com/jl5dsg.png
border: 3px solid #003399
http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png 
background url : http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png

http://i634.photobucket.com/albums/uu66/oktri_2009/o0c2d.png background url : http://i634.photobucket.com/albums/uu66/oktri_2009/o0c2d.png
5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau  
6.  Selamat mencoba! 

Terima Kasih Atas Kunjungan Anda..!

Cara Membuat Tombol Home, BackToTop, BackToDown, Realod

 http://2.bp.blogspot.com/_9FlygVV5KWw/TBR7Jr-5F2I/AAAAAAAAAvo/W8P_-dZcFe8/s400/untitled.bmp
Dah lama yah saya gak posting tutorial blog kali ini saya akan memposting tentang cara Cara Membuat Tombol Home, BackToTop, BackToDown, Reload ,Tahukah sahabat bahwasanya ada Icon untuk mempermudah dalam navigasi, Saya akan menjelaskan cara membuat tombol Home, Back to top, Back to down, Refresh..


Inilah Penjelasannya
1. Tombol Home gunanya untuk Kembali ke HomePage.
2. Tombol Back To Top gunanya untuk kembali ke atas.
3. Tombol Back To Down gunanya untuk kembali ke bawah.
4. Tombol Refresh gunanya untuk membuk ulang halaman.
Caranya mudah saya jelaskan tahapannya :



#mangetsu {<br />position:fixed;_position:absolute;bottom:0px; right:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }<br />#mangetsu a<br />{<br />filter:alpha(opacity=65);<br />-moz-opacity:0.65;<br />opacity:0.65;<br />border:0;<br />}<br />#mangetsu img<br />{<br />border:0;<br />}<br />#mangetsu a:hover<br />{<br />filter:alpha(opacity=100);<br />-moz-opacity:1;<br />opacity:1;<br />}

Kalau sudah, copy code berikut :

<div id='mangetsu'><br /><table border='0'><br /><tr><br /><td><a expr:href='data:blog.homepageUrl' title='Home'><img src='http://1.bp.blogspot.com/_rJyl7MtUcdY/S9QFyGDOdHI/AAAAAAAAAe4/Uz2_Cn7MQrU/s320/home-icon2.png'/></a></td><br /><td><a href='#' title='back to top'><img src='http://2.bp.blogspot.com/_rJyl7MtUcdY/S9QFtGirgKI/AAAAAAAAAew/8djXsedR4wg/s320/pre-icon1.png'/></a></td><br /><td><a href='#bottom' title='back to bottom'><img src='http://4.bp.blogspot.com/_rJyl7MtUcdY/S9QFncHAkrI/AAAAAAAAAeo/dklrey4DVTk/s320/next-icon2.png'/></a></td><br /><td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='http://2.bp.blogspot.com/_rJyl7MtUcdY/S9QF5V8CcAI/AAAAAAAAAfI/dzKXCMciQrs/s320/refresh-icon1.png'/></a></td><br /></tr><br /></table><br /></div>

Kalau sudah di copy, paste code di atas tepat dibawah code :

<body>


  • Lalu Simpan, dan lihat hasilnya.
Jika sahabat ragu-ragu untuk menambahkan widget ini sahabat dapat mengklik tombol Pratinjau untuk mengecek apakah editan saya berhasail atau tidak.

Mudah-mudahan tips ini bermanfaat,wassalam
Sumber : http://magazineforum.blogspot.com/

Cara Membuat Daftar isi Blog

tips kali ini saya berbagi cara membuat Dafatar isi Blog.
contoh : 






Berikut Langkah - langkahnya :

* Sign in

* klik Layout atau Tata Letak

* Klik Edit HTML

*
Agar dalam pengeditan tidak terjadi apa - apa dalam blog temen - temen, silahkan klik link bertuliskan download Template Lengkap. ini di fugnsikan jika script yang dihasilkan tidak sesui dengan kehendak maka bisa dikemblikan seperti semula.

* Berilah centang pada Expand Widget Template (agar code widget muncul)

* Setelah itu cari kode seperti dibawah ini :

<b:include data='post' name='post'/>

* Delete / hapus kode diatas, lalu ganti dengan kode dibawah ini :






<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


* Klik tombol Simpan Template.

* Selesai. Langkah pertama sudah selesai.


Setelah langkah di atas selesai,

* Klik Gedget.

* Klik tulisan Tambah Gedget.

* lalu pilih HTML/JavaScript.

* Copy paste kode berikut :

<a href="http:// NamaBlogAnda .blogspot.com/search?max-results= 200 ">Daftar isi&raquo;</a>


* Ganti NamaBlogAnda nama blog anda sendiri.

* Jika angka 200, adalah jumlah posting yang ingin di munculkan.

* Klik tombol Simpan Perubahan .

* Selesai.

Keterangan :

Jika temen - temen bisa, Temen - temen bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode CSS.Code di bawah ini adalah code pertama(1) paling atas.

 <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
Selamat mencoba Cara Membuat Daftar isi Blog, semoga berhasil.

Cara Menambah Emoticon di CBox

Ha Ha Ha Setelah Sebelomnya mengunjungi blog si anggasona (manusia yang suka maen kesini) akhirnya aku dapet sebuah ide baru, yaitu Cara Menambah Emoticon di Cbox caranya cukup mudah.. cukup beberapa klik tak sesulit Membuat Komentar Facebook caranya begini.. langsung saja ke TKP...



Langkah 1. Carilah Situs yang menyediakan Emoticon Gallery
Pertama kalian cari situs yang menyediakan emoticon, yang bisa kalian pilih. contohnya untuk emoticon kaskus bisa di lihat disini http://www.kaskus.us/misc.php?do=getsmilies&editorid=vB_Editor_001


Langkah 2. Login Ke Cbox
 Lalu Login Ke Cbox anda dan Modifikasi Emoticon dengan cara Klik Options lalu Smile








Langkah 3. Delete Semua Emoticon Default
Delete semua emoticon yang sudah ada, sampai pada gambarnya bertanda X


Langkah 4. Ganti Code
Kemudian ganti kode (Code) dengan beberapa kode yang biasa digunakan, contoh bisa lihat di bawah ini: 

:), :D, =)), sobat, blogwalking/jalan-jalan, berkunjung, baca-baca, award, ok, :P, cool 
Selanjutnya bisa teman-teman modifikasi sendiri, jika lupa kodenya bisa teman-teman lihat Yahoo Messenger Smile Icons. Untuk lebih jelasnya bisa lihat pict di bawah ini (klik gambar untuk memperbesar),



 Save dehhh.... Selesai....

Membuat Back To Top Dengan Smoothscroll jQuery

hehehe kemarin saya juga dah posting tentang cara pasang back top di blog dan sekarang saya posting cara Membuat Back To Top Dengan Smoothscroll jQuery .



Back To Top merupakan sebuah aplikasi tambahan (widget/plugin) untuk ditempatkan di dalam sebuah blog dan sepertinya saat ini memang sudah tidak asing lagi di telinga kita dan mungkin saja kita sendiri sudah sering menjumpai widget Back To Top ini.




yang ini akan sedikit berbeda back top yang ini ketika sobat klik maka dia akan perlahan-lahan naik ke atas dengan smooth (lembut dan santai).
Fungsi:

Memudahkan kita khususnya para pengunjung blog untuk kembali ke halaman atas, jadi kita tidak perlu men-scroll secara manual menggunakan mouse untuk kembali keatas, cukup dengan mengklik tulisan "Back To Top".

 

Buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:
  1. copy script di bawah ini





     2. paste kan




<head>

      3. sealesai ^__^

Mudah Bukan !
sealamat mencoba dan selamat bereksperimen!!!

Pasang Widget Histats di Blog

Setelah kita tahu dan paham tentang cara- cara / langkah- langkah pendaftaran di histats yang baru, sekarang kita akan sedikit membahas cara pemasangan widget histats di blog kita. Dari pada berlama- lama mari kita meluncur langsung ke langkah- langkahnya:
  • Masuk ke alamat http://www.histats.com/ dan login dengan e-mail dan password yang kita daftarkan sebelumnya
  • Klik Add Website
  • Isi form- form yang tersedia
    site url : isi dengan url blog / website sobat.. dengan format www.namablog.blogspot.com [misalnya www.didikandweta.blogspot.com atau www.didikweta.com (website)]
    title : isi dengan judul blog
    description : deskripsi blog
    Page views start value: jumlah page views awal
    visitor start value: jumlah visitor awal
    time zone : aturlah format wakunya
    type : tipe blog / websote
    category: termasuk jenis apa/ kategori apa blog/ wesbsite sobat
    caphtcha : isi kode capchta yang muncul
  • Klik Continoue
  • klik icon seperti gambar di bawah ini:
  • klik Counter code
  • klik Add new counter
  • Selanjutnya;
    1. pilih kategori style widget histats yang tersedia
    2. pilih dan klik salah satu style/ model widget histats yang teman- teman minati
    3. Pilih dan atur informasi yang tampil
    4. klik simpan
    klik gambar untuk melihat ukuran sebenarnya
  • klik id counter yang telah kita buat tadi maka otomatis di bawahnya akan muncul kode script pemasangannya [Copy kode-kodenya]
  • Login ke blogger - pada halaman dashboard klik  Tata Letak
  • klik Add Gadget - HTML/Javascript
  • Paste kode tadi
  • Simpan dan lihat hasilnya
    Sumber : Didikweta

Cara Membuat Widget Blog Indonesia

Nah setelah saya keliling Kota Google, saya menemukan cara Mempromosikan Blog...

Nah Langsung aja !!!





Be Proud. Wear the badge.
Show the world that your blog is an Indonesian blog.
Pick the badge of your choice.
Caranya :

1. login ke Blog agan
2. Rancangan
3. Add a Gedget
4. Copy-paste Code Yg di bawah ini
5. save.


blog-indonesia.com


Thank you! Please copy the script below and paste it into your blog:


<a href="http://ilmu-blogz.blogspot.com/"><img src="http://blog-indonesia.com/image/6.gif" border="0" alt="blog-indonesia.com"/></a>

Cara Memblokir Klik Kanan

Fungsi bagi disable right click adalah bagi melindungi artikel atau imej dari dicopy.Mesej akan keluar jika  right click cuba digunakan.Walaupun ada right click tapi masih boleh dicopy juga kerana ada cara lain yang boleh digunakan. Jadi untuk imej yang dimasukkan eloklah diletak watermark supaya tidak disalah gunakan.



Cara membuatnya:










Masuk kedesign--pilih pagelements
Add a gadget--pilih HTML/javascript
masukkan kod dibawah ini:

<script>
var message="Letak mesej disini";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!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&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

Gantikan letak mesej disini dengan mesej yang ingin ditampilkan
Kemudian save.

Cara pasang menu scroll pada blog

Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya  mengikut langkah dibawah ini.

1.Masuk ke dashboard,kemudian pilih design-->>Page elements
2.Kemudian pilih add gadget--->>HTML/JAVASCRIPT
Masukkan kod berikut:

<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 170px;">masukkan teks atau apa apa kod yang hendak dipaparkan disini atau
</div>


Saiz kotak scroll boleh ditukar pada width(lebar)dan height)tinggi.

Untuk membuat menu scroll :










kod nya adalah seperti dibawah ini : 

<div class="widget-content">
<ul style="width: 145px; height: 150px; background-color: #FFEAEA;  font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 2px ridge #52FF20; overflow: auto;">


<li><a href="http://teknikbuatblog.blogspot.com/2010/03/cara-membuat-blog.html" target="_blank">Cara membuat blog</a></li>
masukkan link seterusnya....

</li></ul></div>
  
Jika hendak letakkan nombor dihadapan senarai gantikan ul  kepada ol
ul akan memaparkan bullet dihadapan

Kod warna oren untuk kod scroll
Kod warna hijau adalah link dan warna biru tajuk artikel yang hendak paparkan
Scroll akan muncul bila kandungan pada list melebihi ketinggian yang diletakkan pada kod(overflow:auto).Jadi ubahkan ketinggian pada height.

3.kemudian save untuk melihat hasilnya.