cara mempercepat loading blog

setelah tadi saya berbagi info ttg cara menambahkan buku tamu auto hide pada blog , kai ini saya akan menambahkan info ttg cara mempercepat loading blog . simak saja yaa :

1. yang terutama dan paling utama yaitu dengan mengurangi jumlah widget yang tidak terlalu perting seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.
2. mengkompres css template blog sobat di CSS Compresor, caranya :

• Silahkan menuju KESINI!
• Kemudian anda akan menjumpai beberapa pilihan seperti gambar berikut :

• seperti pada gambar , anda pilih Normal pada Compression Mode dan Don't strip any comment pada Comment handling
• masukkan kode CSS template blog anda yaitu kode antara kode <b:skin> dan ]]></b:skin> pada kotak yang di sediakan 
• kemudian klik Compress - it.

3. jika kedua cara di atas belum juga membuat template blog menjadi ringan , mungkin banyak kode CSS yang error di template blog anda . silahkan cek di http://jigsaw.w3.org/css-validator/ . caranya :

• silahkan menuju KESINI!
• kemudian masukkan URL blog anda di kotak yang di sediakan dan Klik Check

• setelah itu akan dimunculkan kode CSS yang eror atau tak berfungsi di blog anda

• silahkan tinjau ulang kode - kode yang dimunculkan di template blog sobat, atau kalau perlu dihapus saja ..

semoga bermanfaat :)

sumber : christiantatelu.blogspot.com

cara menambahkan buku tamu auto hide pada blog

moshi-moshi :) apa kabar semua ?? maaf ya , admin jarang online . blog ini juga jarang update *_v #maklum saja , kemarin" admin"nya pada ujian semua . oh iya , kali ini saya akan berbagi info ttg cara membuat buku tamu auto hide pada blog . simak saja infonya yuk :

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Anda yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript :

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

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="300" height="275" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4100717" style="border:#FFFFFF 1px solid;" id="cboxmain4-4100717"></iframe></div>

<div><iframe frameborder="0" width="300" height="75" src="http://www4.cbox.ws/box/?boxid=4100717&amp;boxtag=ebc39c&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4100717" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform4-4100717"></iframe></div>

</div>

<!-- END CBOX -->

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>
 

caranya :

1. klik rancangan --> elemen laman --> tambah gadget --> HTML/Javascript
2. masukkan kodenya di kotak yang di sediakan.
3. klik save 

tambahan :

ganti kode yang berwara biru dengan kode buku tamu milik anda. Anda yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fibox, shoutchamp atau pada penyedia chatbox gratisan lainnya.

semoga bermanfaat :)

sumber : christiantatelu.blogspot.com

Cara mengetahui banyak visitor dan wilayah visitor berada

Caranya gampang sobat,tinggal klik whos.amung.us. Setelah itu sobat tinggal pilih..Di situ banyak macam-macam simbol untuk mengetahui para visitor.Setelah itu tinggal digeser atau dipencet satu kali saja alamat code akan tercopas.Dan silahkan membuka alamat blog sobat setelah itu klik tambah gadget.Plilih HTML JAVA SCRIP...dan silahkan klik paste!!!! Dijamin blog akan lebih cantik,tanpa mengeluarkan biaya..

cara menambahkan page rank pada blog

Ingin agar tampilan blog kamu bagus dan cantik dengan menambahkan page rank?



Ok, akan saya kasih tahu caranya:
1. Buka situs "ini".
2. Masukkan alamat situs blog anda.
3. Tandai salah satu pilihan rank.
4. Pilih "Get Rank".
5. Copy salah satu kode javascript pada jenis page rank yang anda suka.
6. Buka rancangan -> elemen laman -> tambah gadget -> pilih HTML/JavaScript.
7. Pastekan kode javascript tadi ke bagian konten.
8. Lalu simpan.


Semoga bermanfaat....

cara menambahkan iklan pada blog

moshi-moshi :) apa kabar smua ?? maaf saya admin Kidrauhl Chance sudah lama tdk pernah update ;) mhon d maklumi yaa , krna ujian nasional smakin dkat & tugas" skolah jga numpuk ._. hehehe :D oke deh lngsung saja saya berbagi info .

1. buka situs kumpulblogger dan klik Register atau langsung saja mengklik link ini
2. masukkan Email anda pada kotak yang di sediakan kemudian isi captha'nya dan klik register .

3. kemudian buka email masuk pada alamat email yang sobat daftarkan tadi dan dan ambil passwordnya .

4. sekarang log in ke akun kumpul blogger anda dengan username ( email anda ) dan password tadi .
5. setelah itu , anda akan melihat beberapa tampilan menu seperti berikut .

1. Script Text Advertising untuk Blog anda : adalah script berbentuk iklan baris ( tulisan )
2. Script Mini Banner untuk Blog anda : adalah script berbentuk banner ( gambar )

6. pilh salah satu ( kedua - duanya juga nggak apa apa ) dan ambil script yang di berikan kemudian pasangkan di HTML/Javascript blog anda .

caranya :

1. rancangan --> elemen laman --> tambah gadget --> Pilih HTML/Javascript
2. masukkan script iklan ke dalam kotak yang di sediakan
3. klik save.

atau anda ingin memasangnya melayang di blog anda ? ikuti trik berikut :

1. rancangan --> elemen laman --> tambah gadget --> pilih HTML/Javascript
2. masukkan kode berikut ke dalam kotak yang di sediakan

<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>

SCRIPT IKLAN ANDA

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

3. klik save dan lihat hasilnya

tambahan :

berbicara PPC berarti berbicara pengunjung , karena itu saya sarankan sebelum sobat memasang iklan PPC , ada baiknya anda perhatikan dulu jumlah visitor blog anda :)

semoga bermanfaat :)

sumber : christiantatelu.blogspot.com

cara memasang recomended post slide out di blog

Cara Memasang / Membuat Widget Recommended Post Slide Out di Blog - Recommended For You di Pojok/Sudut Kanan Bawah Blog.-  Dalam dunia blog selain pengunjung, ada juga satuh yang tak kalah penting, yaitu pageview. Pageview adalah jumlah halaman yang di kujungi atau di akses satu visitor ( pengunjung ) pada suatu blog dan pada waktu tersebut. Banyak cara untuk meningkatkanya, baik dengan memasang related post di blog, memasang daftar isi di sidebar, memasang recent post dan lain - lain.

Kali ni, saya akan kasih satu widget yang bisa meningkatkan pageview, namanya Recommended Post Slide Out atau tak jarang juga orang menyebutnya Widget Recommended For You. Widget ini menampilkan link artikel acak berupa judul dan gambar yang muncul secara tiba - tiba pada bagian pojok kanan bawah blog.

Fungsinya sebenarnya hampir sama dengan related post, bedanya, yang ini artikelnya di tampilkan secara random ( acak ) sedangkan related post menampilkan artikel se label. Sobat yang berminat memasang widget recommended post slide out di blog ini silahkan iktui tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript.
3. Masukkan kode berikut ke dalam kotak HTML/Javascript yang di sediakan.

<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p><a href="http://christiantatelu.blogspot.com/2012/03/cara-memasang-widget-recommended-post.html" target="_blank">Recommended for you</a></p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://recommended-slide-out-for-blogger.googlecode.com/svn/trunk/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN-18wKL7-m8_wRVNnwunwyqcyor1C_yxzShcTGeMDCuNvrE5qfiVurXO48YG97KAADodoeN0rNAV-xQAQzWStd2vHZRP4wVAVyN-An-z1BBOp_aisJdthurD6_Z9KJPw28tDwUSdX3gQ/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>

4. Klik save dan lihat hasilnya.

Tambahan :
Tak tahu karena sebab apa, sering kali widget ini sulit muncul terutama pada awal baru di pasang namun biasanya muncul pada 1 hingga 2 hari nya, karena itu bagi sobat yang memasang widget ini kemudian tidak langsung muncul, maka menunggu lah...

cara menambahkan emoticon pada postingan blog

apa kabar semua :) ?? info ini , buat anda yang tertarik untuk memasang emoticon di postingan blog, silahkan ikuti tutorial berikut ini :

1. login ke akun blog anda.

2. klik rancangan --> edit HTML --> letakkan kode berikut di atas kode </body>

<script src='http://tateluproject.googlecode.com/files/post_emoticon.js' type='text/javascript'></script>

 

3. klik save.

untuk menerapkannya di postingan , anda hanya perlu meletakkan kode" berikut dalam Compose atau bisa juga di edit HTML di kolom entri anda :

:a: untuk emoticon

:b: untuk emoticon

:c: untuk emoticon

:d: untuk emoticon

:e: untuk emoticon

:f: untuk emoticon

:g: untuk emoticon

:h: untuk emoticon

:i: untuk emoticon

:j: untuk emoticon

:k: untuk emoticon

:l: untuk emoticon

:m: untuk emoticon

:n: untuk emoticon

catatan : 

• tips ini hanya berlaku untuk template yang mempunyai kode <div class='post-body entry-content'>

semoga cara diatas dapat mmbantu untuk mnghiasi postingan blog anda :)

semoga bermanfaat :)

sumber : christiantatelu.blogspot.com

cara manambahkan menu accordion pada blog

Menu Accordion adalah berupa susunan menu yang di susun secara vertikal , tentulah berbeda sekali dengan menu horisontal (baca : cara membuat menu horisontal di blog)yang biasa anda jumpai , mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog anda . anda yang tertarik pasang menu accordion di blogge , silahkan ikuti tutorial berikut :

1. login ke akun blog anda
2. klik rancangan --> Edit HTML
3. kemudian letakkan kode berikut di atas kode ]]></b:skin>

#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}

4. klik save template dan kita akan menuju ke penambahan gadget
5. klik rancangan --> elemen laman--> tambah gadget--> pilih HTML/Javascript
6. masukkan kode berikut ke dalam kotak yang di sediakan :

<div id="acc">
<div id="isi1">
<h3><a href="#isi1">Judul 1</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi2">
<h3><a href="#isi2">Judul 2</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id="isi3">
<h3><a href="#isi3">Judul 3</a></h3>
<div class="post">

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
</div>

7. klik save dan lihat hasilnya :)

semoga bermanfaat :)

sumber : christiantatelu.blogspot.com

cara menambahkan jam pada blog

sekarang saya akan menshare sedikit ilmu, Blog itu ibarat rumah kita.. Sehingga jika blog kita hanya di isi artikel2 tanpa ada pernak-pernik ibarat rumah yang tanpa hiasan.. Alias seperti rumah hantu^^.. Kalau rumah kita seperti rumah hantu tentunya hanya sedikit orang yang sudi untuk mampir ke rumah kita ( bahkan mungkin ada yang menjauhi karena takut.

Rumah ( blog ) yang indah tentunya akan mempunyai daya tarik bagi yang mengunjunginya.. Jika rumah ( blog ) kita indah, tentunya akan membuat orang2 yang mengunjunginya betah untuk berlama2 di blog kita dan mungkin kelak akan kembali ke blog kita^^..

Salah satu cara untuk menambah keindahan blog kita adalah dengan memasang jam dan kalender.. Setiap rumah tentu pasti punya jam dan kalender, bahkan hp pun ada jam dan kalendernya.. Lalu bagaimana cara menambah jam dan kalender di Blog?? Mudah kok.. Berikut caranya:

Cara Menambahkan Jam dan Kalender di Blog

-Untuk menambah kalender:
1. Silahkan kunjungi situs ini
2. Pilih kalender yang anda suka
3. Jika sudah copy code javascript kalender
4. Login ke blogger
5. Pilih tata letak kemudian tambah gadget
6. Pilih Html/Javascript
7. Paste code kalender tadi
8. Jreng.. Jadi deh^^

cara membuat status online YM

Cara membuat status online/offline YM di blog ini guampangg kok. Ikuti langkah-langkah berikut untuk membuatnya :

menampilkan status online

Sebelum saya berbicara dengan cara pembuatanya saya kasih tau dulu apa itu camfrog..? Camforg adalah layanan Chatting yang hampir mirip dengan Yahoo messenger, kamu bisa dapatkan softwarenya di camfrog.com atau saya juga sahre softwarenya yang lebih lengkap dan gratis disini.. nah jika anda para camfroger tidak ada salahnya mencoba trik ini karena pengunjung blog/website kamu bisa mengetahui kamu lagi Online gak di camfrog... Seperti halnya dulu Anas juga udah pernah posting tentang cara menampilkan status yahoo messenger dan kali ini pun Anas juga akan kasih tau cara menampilkan satus Camfrog.. karena saya juga camfroger maka tidak ada salahnya jika saya share pengetahuan saya tentang camfrog salah satunya yaitu trik ini hehee..

cara membuat breadchrumbs/ tab menu horizontal secara mudah

hai!! kali ini saya bakalan nge-post tentang membuat tab menu horizontal, meskipun ini sejenis dengan breadchrumbs ini  lebih mudah lho! oke langsung saja!

    Apabila sekarang kita berbicara dan membahas mengenai navbar, maka perlu diketahui bahwasanya navbar tidak hanya dapat disembunyikan, namun dapat pula dilakukan kustomisasi untuk bagian tersebut yaitu dengan cara menambahkan navbar baru yang lebih ‘cantik’ bila dibandingkan dengan navbar standar Blogger. Dan untuk mempermudah pemahaman mengenai navbar baru yang dimaksud di sini, maka Anda dapat melihatnya pada gambar di tas, dalam hal ini adalah bagian yang ditunjukkan dengan tanda anak panah.

cara menambahkan lagu pada blog

moshi-moshi :) apa kabar ?? kali ini saya akan brbagi info ttg cara menambahkan lagu pada blog :) simak saja infonya yaa :

1. pertama anda sign up ke MixPod dengan mengisi data" yg di minta seperti gambar berikut . kemudian klik sign up :

2. stelah itu ada tampilan brikut :

cara membuat read more pada postingan

Fungsi read more adalah untuk memotong / mempersingkat artikel di halaman awal, sehingga tidak menampilkan keseluruhan isi dari artikel pada halaman awal blog, dengan begitu akan mempercepat loading blog dan tampilan blog akan lebih rapi.

Berikut cara membuat Read more :

cara membuat blog

apa kabar ?? kali ini saya akan berbagi info ttg bagaimana cara membuat blog :) semoga , untuk anda yg ingin membuat blog , bisa menjadi blogger yg sukses ya !! hehehe :D oke , lngsung saja :


1. pertama , silahkan anda ke www.blogger.com

cara membuat chat page auto hide

Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan masukkan kode berikut di HTML/Javascript blog sobat.

cara membuat link download di blog

Dalam dunia blog selain artikel ada juga yang di sebut link, link sebagaimana kita ketahui adalah tautan yang menghubungkan antara halaman satu dengan halaman lain, situs dan situs lain termasuk link download yang tentuhnya mengarah ke situs file sharing tertentu. Contoh link adalah seperti berikut ( baca : blogspot template blog ).

cara memasang tanda tangan di blog

Apa kabar sobat blogger! Senang di pagi yang cerah ini saya kembali menyapah sobat blogger... Hmmm. sekedar info, mungkin beberapa hari kedepan saya tak mungkin ngapdet posting serutin ini jadi kali ini saya akan kasih tutorial cara memasang tanda tangan dengan selengkap - lengkapnya.
 Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

cara menambahkan TV pada blog

moshi-moshi :) apa kabar hari ini ?? kali saya akan berbagi info ttg cara menambahkan TV  pada blog . bagaimana caranya ?? simak saja yaa :

A.untuk memasang TV Online di sidebar blog , anda ikuti tutorial berikut :

1. login ke akun blog anda
2. klik rancangan --> elemen laman --> tambah gadget --> pilih HTML/Javascript
3. masukkan kode brikut ke dalam kotak yg di sediakan :

cara menambahkan breaking news pada blog

kali saya akan berbagi info ttg cara menambahkan breaking news pada blog :) langsung di simak saja yaa :

cara mmasang breaking news di blog :

1. login ke akun blog anda
2. klik rancangan --> edit HTML
3. letakkan kode brikut di atas kode ]]></b:skin>