Galauers

Cara Pasang / Instal Template Bloger di Blogspot

Wah kita merasa bersalah langsung Posting template Gratis tanpa pernah kasih tutor sebelumnya, dan Posting kali ini yang belum tahu bagaimana cara memasang template gratisan hasil download di blogspot ini.
sebenarnya cara ini sudah buaaaaaaanyak banget di Gugel, tapi kali ini kita lebih fokus dan mendetail buat para pemula insyallah akan ~~panas~~ paham.

Pertama Download Template yang anda inginkan

Berikut adalah tampilan ketika kita sudah selesai download
adapun file yang kami akan jelaskan adalah bentuk Winrar (*.ZIP)

Maka dari itu Klik Dua Kali File diatas, dan akan muncul tampilan seperti ini :

Kemudian Copy / Extract File dengan format .XML DAN Copy ke Folder dalam komputer anda

seperti ini :

Setelah itu, mari menuju ke blog agan, Pilih rancangan+Edit HTML
(Lihat Gambar)

Pilih Brows
AKan muncul seperti ini :

Pilih Format .XML tadi lalu Open Kemudian Unggah
Jangan lupa Centang Expand Template Widget (agar Blog dan elemen lain Valid)
dan yang tak kalah penting adalah MENDOWNLOAD DULU TEMPLATE ASLI BLOG ANDA untuk meminimalisir kerusakan fatal, Menu Download Template sendiri berada tepat diatas TOMBOL UNGGAH
Setelah semua Terpasang lalu Save.
Terkadang Element Template Bawaan Tidak sama dengan Template Hasil Download
dan akan ada peringatan dari Bloger jika Template anda tidak ada HTML.........!!!!
Anda tinggal menghapus atau mempertahankannya dan sebaiknya anda MEMPERTAHANKAN karena semua PELETAKAN ELEMEN / WIDGET masih bisa kita atur kembali di ELEMEN LAMAN

tetaplah beriimajinasi salam galauvers

CHAT (Sahabat Galauvers)

No Spammer No Plagiat

KliK Add a commend di bawah ini
dan Tampilkan Chat kalian XD

Loading Dulu gan

Loading C H A T . . .

Memasang Gambar Welcome (Click here) Saat Membuka Blog

Preview:

Caranya:

1) Sign in akun blogger

2) Dashboard > Design > Edit HTML > klik kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

]]></b:skin>

4) Kemudian, copy dan paste kod di bawah di atas kode ]]></b:skin>

</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="Url agan"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>

NB: Pada Url agan, kalian pasang URL gambar kalian masing"

atau gunakan gambar yg sudah saya siapkan buat kalian

tinggal COPY link nya di bawah ini

http://img811.imageshack.us/img811/2034/74209346.png

http://img830.imageshack.us/img830/7516/64141948.png

http://img190.imageshack.us/img190/2280/87105761.png

http://img42.imageshack.us/img42/2760/13929553.gif

http://img831.imageshack.us/img831/7031/46029943.gif

http://img821.imageshack.us/img821/1397/61645383.png

http://img827.imageshack.us/img827/2415/47060660.gif

5) klik SAVE

Tetaplah beriimajinasi

jQuery Lazy Load Script Meringankan Blog

jQuery Lazy Load Script Meringankan Blog .Lazy Load Membantu Meringankan Blog.Ini berfungsi untuk mengkompres blog khususnya blog yang banyak menerbitkan gambar saya rasa cocok menggunakan Script ini.

jQuery Lazy Load Script Meringankan Blog adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading untuk gambar yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.

Lazy blog Load membantu meringankan blog dengan mengurangi tempo masa proses loading page pada sebuah blog terutama pada blog yang banyak memasang image gambar ataupun image yang berukuran besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Copy dan paste kode di bawah pada content HTML/Javascript.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if (navigator.platform == &quot;iPad&quot;) return;
jQuery(&quot;img&quot;).lazyload({
effect:&quot;fadeIn&quot;,
placeholder: &quot;http://static.int.crazydavinci.net/images/loading.gif&quot;
});
});
</script>

Klik Save.

Ingat :

1. Jika tidak berfungsi sesudah di copas kode di Save, silahkan paste kode tersebut sebelum atau di atas kode </body> pada script template.

2. Jika tidak berfungsi di paste di atas atau sebelum kode </body>, silahkan paste kode tersebut sebelum atau di atas kode </head>

selamat beriimajinasi xD

Kumpulan Efek - Efek Blog (TERLENGKAP)

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

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

2. Efek hati bertaburan

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

3. Efek bintang bertaburan

4. Efek kembang api

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

5. Efek Gelembung

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

5. Efek Kupu - Kupu Terbang

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :

Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat

1.Meteor Jatuh

2. Banjir

3. Bunga Mekar

4. Bom Atom

5. Ufo

6. Graffity

7. Shaver

8. Gun

9.Bloody gun

10. Paint ball

11. Chainsaw

12. Dinosaur

13. Lebah

14. Lalat

15. Semut

16. Siput

17. Cacing

18. Mold

19. Bayi merangkak

20. Telur mata sapi

21. Kopi tumpah

22. Terbakar

23. Tomat

24. Creampie

25. Murka

26. Sapi Jorok

27. Anjing Jorok

28. Kencing Sembarangan

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya.

NB :

jika agan ingin sedikit mengurangi beban blog biar gag ~~letoy~~ lemmot baca disini

Membuat Efek Tampilan Loading Halaman Pada Blogspot park 2

Yowes, biar makin jelas bisa Sobat lihat Demonya dibawah ini:

http://static.int.crazydavinci.net/images/loading.gif

Tertarik ?? Bagi yang tertarik untuk membuatnya silahkan ikuti step by step berikut:

1. Seperti biasa login blogger sob!
2. Go to Design/Rancangan > Edit HTML > and ceklish pada "Expand Widget Templates"
3. Lalu cari kode ]]></b:skin> dan letakan kode CSS berikut tepat diatasnya.

#loading {
    position: fixed;
    z-index: 50;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #000 url(URL_GAMBAR_ANDA) no-repeat center;
    line-height: 350px;
    text-align: center;
    font-size: 36px;
    color: #353231;
    text-indent: -9999px;
}
.v2 #loading { display: none; }
 
#progress-bar {
    position: absolute;
    top: 0; left: 0;
    background: #f3f3f3;
    opacity: 0.8;
    width: 0;
    height: 18px;
}
#loader {
 background: url(<span style="background-color: #ea9999;">URL_GAMBAR_ANDA</span>) no-repeat center 25%;
 height: 100%;
 display: block;
}

Keterangan:
Perhatikan kode CSS diatas untuk URL_GAMBAR_ANDA
Gantilah gambar loading blognya sesuai kreasi sobat.

5. Bagian kedua yaitu menambahkan script JQuery, cari kode </head> dan taruh script JQuery berikut tepat diatasnya:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

Kalau script JQuery diatas sudah ada di blog sobat, maka tidak perlu lagi memasangnya.

Kemudian tambahkan lagi script berikut dibawahnya:

<script>
(function($){

$("html").removeClass("v2");

$("#header").ready(function(){ $("#progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#progress-bar").stop().animate({ width: "75%" },1500) });

$(window).load(function(){
 
    $("#progress-bar").stop().animate({ width: "100%" },600,function(){
        $("#loading").fadeOut("fast",function(){ $(this).remove(); });
    });
});
})(jQuery);
</script>

6. Next lanjut untuk edit HTML. Cari kode <body> letakan kode berikut tepat dibawahnya.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='loading'>
<div id='progress-bar'/>
<div id='loader'><img src='http://static.int.crazydavinci.net/images/loading.gif'/></div>
</div>
</b:if>

7. Simpan template dan lihat hasilnya.

Oh iya ada yang kelupa'an.. Efek loading yang baru kita buat tadi hanya ber Efek pada "Home page" blog saja.

jadi kalo sobat mau efek loadingnya di seluruh halaman blog sobat. ganti kode yang di atas dengan kode ini :

<div id='loading'>
<div id='progress-bar'/>
<div id='loader'><img src='http://static.int.crazydavinci.net/images/loading.gif'/></div>
</div>

Selesai sob! Selamat mencoba Membuat Efek Tampilan Loading Halaman Pada Blogspot, dan semoga sukses. Bila sobat mengalamai kesulitan dalam prakteknya bisa sobat langsung tanyakan dengan berkomentar pada tread ini. (tetaplah berimajinasi)

Cara Memasang efek loading di blogger park 1

Cara Memasang efek loading di blogger.Efek-efek terkadang sangat perlu untuk menarik minat pengunjung blog,seperti efek shadow,blur ataupun yang lainnya.tetapi apabila efek tersebut sangat memberatkan loading blog saran saya mending nggak usah di pasang karena minat pengunjung akan berubah ketika menunggu loading blog yang sangat lambat atau lemot karena efek-efek tersebut.di sini saya hanya ingin berbagi pengetahuan tentang efek loading untuk blogger apabila sobat blogger ingin memasangnya karena merasa loading blognya sangat cepat (fast loading) dan ingin memasang efek loading untuk menarik minat pengunjung.caranya cukup mudah kok..penasaran..??kita langsung ke TKP.

1. Login Blogger dengan akun sobat

2. Di dasbor sobat pilih rancangan/Design >> Edit HTML

3. Expand template Widget

4. cari kode <body>

(*gunakan F3 di keyboar untuk mempermudah pencarian)

5. Setelah ketemu DELETE dan ganti dengan kode di bawah ini.

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1220.photobucket.com/albums/dd456/cybersahrul/loading.gif'/></div> <script src='http://loading-js.googlecode.com/files/loading.js' type='text/javascript'/>

Keterangan:

-URL gambar bisa sobat ganti dengan gambar uang sobat inginkan.

6. Setelah selesai semua jangan lupa di save/SIMPAn template dan lihat hasilnya.

Gampang bukan...??

em...mungkin hanya itu yang dapat saya bagikan untuk kesempatan kali ini semoga artikel cara memasang efek loading di blogger bermanfaat bagi yang membutuhkannya.

selamat beriimajinasi dan Galauvers.

Update Status Facebook Via Blackberry Asli Update 2012

hay sahabat Galauvers. Kali ini Saya akan membahas Cara Update Status Facebook Melalui BlackBerry Asli - . Tapi jangan khawatir dan jangan kecewa, sebab dimana ada kemauan disitu ada jalan. Cara terbaru ini pasti kan bekerja dengan baik. Buat yang Sobat yang mau mencoba

Oke, LAngsung kita mulai Langkahnya :

Login ke akun facebook anda
Klik gambar dibawah ini
Ketik status apa yang ingin dibuat, dan terakhir
Klik Bagikan

100% WORK

Galauers

Cara Pasang / Instal Template Bloger di Blogspot

CHAT (Sahabat Galauvers)

Loading C H A T . . .

Memasang Gambar Welcome (Click here) Saat Membuka Blog

jQuery Lazy Load Script Meringankan Blog

Kumpulan Efek - Efek Blog (TERLENGKAP)

Membuat Efek Tampilan Loading Halaman Pada Blogspot park 2

Cara Memasang efek loading di blogger park 1

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1220.photobucket.com/albums/dd456/cybersahrul/loading.gif'/></div> <script src='http://loading-js.googlecode.com/files/loading.js' type='text/javascript'/>

Update Status Facebook Via Blackberry Asli Update 2012

Power Rangers Dino Thunder

Red Driver 2

Urba Chuster

Hot Wheels (game)

Followers

Populer POST

ALL POST