Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Jumat, 08 November 2013

Cara Membuat Animasi Loading Page Blog dengan jQuery



Tutorial Belajar Blog - Cara Membuat Animasi Loading Page Blog dengan jQuery,Merupakan Tutorial edit blog tidak beda jauh dari tips sebelum nya Cara Membuat Animasi Loading Page di Blog dan  , Untuk membedakan coba sendiri ataupun liat dari gambar yang sudah ada.

Sekilas Tentang  Animasi loading page memberikan tampilan yang penuh dan sesuai, artinya setelah loading page selesai, maka animasi loading juga selesai. Waktu loading page bisa diukur dengan adanya animasi ini, karena animasi ini menggunakan hitungan persen.


Script animasi loading page ini saya dapat dari om Google yang merupakan versi awal dari script tersebut. Untuk membuat dan memasang animasi loading page pada blog Anda, langsung saja ikuti tutorial/panduan di bawah.

  1. masuk ke Design > Edit HTML lalu cari kode ]]></b:skin> dan letakan kode berikut ini diatas ]]></b:skin>.
  2. /* ---------------
    jquery animation loading page
    ---------------------------------- */
    .QOverlay {
    background-color: #000000; /* background color loading */
    z-index: 9999;
    }
    .QLoader {
    background-color: #CCCCCC; /* color bar loading */
    height: 10px;
    }
    .QAmt {
    color:#FF530D; /*loading Color number*/
    font-size:50px;
    font-weight:bold;
    line-height:50px;
    height:50px;
    width:100px;
    margin:-60px 0 0 -50px;
    }
  3. kemudian cari kode </head> dan letakan kode berikut ini di atasnya.
  4. <script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
    <script src=http://googlecode.com/files/loadingpage.js type=text/javascript/>
  5. Untuk kode yang diberi warna merah (jQuery), tidak usah dipasang lagi jika sudah terdapat di template Anda (cukup 1 saja).
  6. Selanjutnya cari kode </body> dan letakankode berikut ini di atasnya.
  7. <script>
    QueryLoader.selectorPreload = &quot;body&quot;;
    QueryLoader.init();
    </script>
  8. Save template Anda dan coba buka blog Anda untuk melihat hasilnya.
  9. Bila script tidak berfungsi silakan cek ulang apakah Anda sudah mengukuti langkah di atas dengan benar. Jika Anda sudah mengikuti semua langkah dengan benar namun scriptnya tidak berfungsi juga, berarti script tersebut bentrok dengan script yang lain.
ReadFull Article ..

Rabu, 06 November 2013

Cara Promosi dan Optimalisasi Blog

Cara Promosi dan Optimalisasi Blog adalah langkah selanjutnya setelah kita menyelesaikan proses pembuatan blog yang dimulai dari cara membuat blog sampai dengan mengganti template blog yang telah kita bahas sebelumnya. Promosi ini perlu dilakukan agar orang lain mengetahui tentang keberadaan blog yang telah kita buat sehingga mereka mau berkunjung, membaca bahkan berinteraksi dalam blog kita. Tahapan publikasi ini memiliki berbagai cara dan sistem yang dikenal dan biasa digunakan oleh komunitas blogger dunia, diantaranya adalah :

  1. Daftarkan blog anda di search engine. Ada banyak search engine atau mesin pencari yang seringkali dugunakan oleh para pengguna internet diantaranya adalah google, yahoo ataupun bing. Segara daftarkan blog anda di mesin pencari tersebut agar blog anda menjadi terkenal dan diketahui oleh orang banyak.
  2. Promosi blog via email. Cara ini boleh dikatakan adalah cara klasik yang masih cukup ampuh untuk digunakan sebagai cara promosi blog anda. Namun tentu saja ada kelemahan dalam cara promosi blog dengan menggunakan email ini, dimana email yang dikirimkan seringkali berupa iklan sehingga sebagian orang menganggap email yang anda kirim tersebut sebagai spam. Tetapi sebenarnya maslah itu bisa kita atasi dengan penggunaan kata kata sedemikian rupa pada subjek dan isi email sehingga tidak terkesan seperti iklan.
  3. Beriklan. Cara ini adalah cara promosi blog yang sangat ampuh namun tentu saja untuk cara promosi blog seperti ini akan memerlukan biaya. Kebanyakan dari mereka yang ingin melakukan promosi blog atau website sekarang ini menggunakan jasa jasa seperti google adword ataupun memasang iklan di website website yang sudah sangat terkenal. cara meminimalisasi biaya untuk cara promosi blog atau website dengan beriklan ini adalah dengan memilih program periklanan berdasarkan anggaran dari seberapa banyak target pengunjung percllick atau yang sering di istilahkan dengan pay perclick.
  4. Beraffiliasi. Cara ini lebih sering digunakan oleh para blogger dalam usaha promosi blog mereka seperti misalkan dengan saling bertukar link. Selain sebagai cara promosi blog cara ini juga bisa bermanfaat sebagai upaya mempererat silaturahmi dan persahabatan antar sesama blogger.namun cara ini kurang begitu bagus karena mesin pencari seperti google misalkan kurang menyukai cara ini. Sebaiknya cara ini jarang jarang anda lakukan karena jika anda lakukan sering kali akan berdampak buruk bagi blog anda bahkan dampak fatal terkena banned bisa saja menimpa anda.
  5. Aktif dalam kegiatan komunitas blogger. Cara promosi blog dengan menggunakan forum forum yang banyak disediakan saat ini adalah pilihan yang tepat buat anda. Dengan aktif berdiskusi dan aktif dalam memberikan komentar maka nama blog anda akan semakin sering dilihat dan dibaca orang. 
Setelah semua cara promosi blog di atas anda lakukan, sebaiknya anda jangan lepas tangan begitu saja, anda harus mengelolanya secara baik misalkan dengan seminggu sekali mekukan update terhadap konten artikel dalam blog anda. 

Selanjutnya adalah melakukan optimalisasi blog agar blog yang anda buat lebih baik dan disukai mesin pencari. Untuk cara optimalisasi ini ada beberapa tips yang banyak dilakukan para blogger seperti :

1. Fokus pada satu topik bahasan. Ini yang terkadang berat dilakukan termasuk saya sendiri karena terkadang kita mengalami kebingungan karena kekuarangan bahan kaitannya dengan artikel atau konten blog yang menjadi topik blog kita. Jika kita keluar dari topik atau tema blog yang telah kita rencanakan sebelumnya ada kekhawatiran akan mengurangi minat pengunjung atau akan menurunkan ketertarikan pengunjung ke blog kita.

2. Buat blog anda seinformatif mungkin. Blog yang informatif biasanya ditandai dengan selalu ditampilkannya berita berita hangat dan terbaru. Dengan semakin berbobot dan berkualitasnya blog kita maka akan memberikan kesan tersendiri bagi pembaca. 

3. Update blog anda secara teratur. Usaha ini dilakukan untuk menjaga loyalitas pembaca, update rutin yang anda lakukan ini akan berdampak pada blog anda akan lebih populer karena blog anda akan tampil secara reguler di mesin pencari.

Demikian cara promosi dan optimalisasi blog ini semoga bisa bermanfaat bai anda terutama anda yang masih pemula dan baru memulai aktivitas blogging.
ReadFull Article ..

Cara cara Menghasilkan Uang Lewat Blog

Cara-cara Menghasilkan Uang Lewat Blog – Blog kini kian populer di Indonesia, sudah banyak blogger-blogger yang bermunculan salah satu penyebabnya adalah karena blog merupakan salah satu sarana untuk mencari uang, nah untuk menghasilkan uang lewat blog, dibutuhkan beberapa teknik cara tertentu berikut ini-caranya:

Cara Menghasilkan Uang Lewat Blog :

1. Menghasilkan Uang dari Blog dengan Iklan PPC Lokal
Dalam bisnis internet, dikenal istilah iklan PPC (Pay per click), yakni suatu jenis iklan yang dihitung berdasarkan jumlah klik. Jika Anda masih pemula dalam dunia blog, maka sebaiknya Anda mulai dari bisnis online PPC dulu. Sebab ini adalah kegiatan bisnis online yang relatif mudah, dan masih tahap dasar.

Nah dari berbagai penyedia layanan PPC di internet, Anda bisa mulai dengan menampilkan iklan PPC lokal dulu di blog Anda. Berikut ini beberapa situs PPC lokal yang bisa Anda manfaatkan :

www.PPCIndo.com
www.AdsenseCamp.com
www.kliksaya.com
www.sitti.co.id

Nah supaya lebih jelas mengenai bagaimana cara menghasilkan uang dengan layanan PPC lokal ini Anda bisa kunjungi situs-situs yang tadi saya rekomendasikan untuk Anda.
2. Dapat Duit dari Blog dengan Menampilkan Iklan PPC Luar Negeri
Berikut ini beberapa layanan PPC luar negeri yang dapat Anda manfaatkan untuk menghasilkan uang dari blog Anda.

www.infolinks.com
www.adbrite.com
www.chitika.com
dan banyak lagi

3. Mendapatkan Uang dari Blog Melalui Jualan Online
Anda pun bisa memanfaatkan media blog untuk berjualan online, dan dari kegiatan jualan itu Anda bisa mendapatkan uang. Anda bisa jual barang atau produk apapun di blog, entah itu berupa produk barang ataupun produk jasa.
Contoh situs yang menjual barang lewat blog misalnya seperti yang dilakukan oleh situs www.jualpempek.com. Di situs blog tersebut, pemiliknya menjual pempek (makan khas Palembang) lewat blog yang ia miliki.
Sementara untuk contoh orang yang menjual jasa lewat blog misalnya seperti yang dilakukan oleh www.maiga-blogservice.com, di situs nya pemilik blog Maiga menjual jasa pembuatan blog. Jadi jika Anda punya keahlian tertentu yang punya nilai jual, maka Anda bisa jual jasa lewat blog yang Anda miliki.

4. Dapat Uang dari Blog dengan Layanan Adf.ly (Cara-cara Menghasilkan Uang Lewat Blog )
Adf.ly adalah sebuah situs yang akan membayar Anda jika Anda menampilkan iklan mereka. Bagaimana caranya? Berikut saya jelaskan. Jadi Anda akan dibayar hanya dengan berbagi link atau url yang sudah Anda perpendek di situs Adf.ly. Anda cukup promosikan link tadi, maka ketika ada orang yang membuka link Anda tadi maka Anda bisa dapat komisi.
Besarnya komisi yang akan dibayarkan oleh Adf.ly adalah sebesar $5,00 per 10000 views. Jadi jika sudah ada 10000 orang yang melihat tampilan iklan Adf.ly lewat link yang Anda perpendek tadi maka Anda akan dibayar dengan komisi sebesar $ 5.00. Ingin menghasilkan uang dengan Adf.ly? Silakan kunjungi situsnya di http://adf.ly/ .

5. Menjual Link Lewat Blog Anda (Menghasilkan Uang Lewat Blog)
Link sales atau kegiatan menjual link lewat blog adalah salah satu kegiatan bisnis online yang cukup populer di kalangan blogger. Lho link itu buat apa sih, koq sampai dijual segala? Supaya suatu website/blog bisa muncul di halaman pertama di Google, maka blog/web tersebut perlu mendapatkan dukungan backlink. Backlink itu berupa link yang biasanya dipasang di blog-blog yang ada di internet. Nah banyak blogger yang punya blog, memanfaatkan blog nya untuk menjual link.
Jadi para blogger lain bisa memasang link website/blog mereka di blog si penjual link tadi. Si penjual link akan dapat uang, dan si pembeli link akan mendapatkan backlink yang diperlukan agar website nya bisa dapat ranking di hasil pencarian Google. Nah lebih lanjut mengenai kegiatan jual beli link ini bisa Anda pelajari langsung dari para pelakunya, saya sendiri belum pernah mencoba bisnis jual beli link ini. Jika Anda ingin mencari para blogger yang sudah pengalaman dalam jual beli link silakan Anda bergabung di forum Adsense-id. Cara-cara Menghasilkan Uang Lewat Blog

6. Menjual Ebook dan atau Video Tutorial
Anda pun juga bisa menghasilkan uang dari blog dengan cara menjual ebook atau video tutorial. Anda bisa mengajarkan orang mengenai cara melakukan sesuatu, lalu Anda akan dibayar. Ambil contoh, saya punya kemampuan yang baik dalam membuat blog. Maka saya pun ingin mengajari orang-orang membuat blog, nah dari sanalah saya buat dan jual paket panduan ebook membuat blog.
Jadi orang-orang bisa belajar dari saya bagaimana cara membuat blog. Anda pun bisa juga melakukan seperti apa yang saya lakukan. Anda bisa mengajarkan keahlian Anda kepada orang-orang lewat ebook atau video tutorial yang Anda buat. Dan dari kegiatan menjual ebook/video tutorial ini Anda bisa dapat penghasilan.

Nah, sekianlah Cara-cara Menghasilkan Uang Lewat Blog silahkan jika kamu ingin mendapatkan penghasilan tambahan lewat blog.

ReadFull Article ..

Selasa, 05 November 2013

Cara membuat efek bintang jatuh dari cursor di blog

Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat
Cara Buat Bintang Jatuh dari Kursor
Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

  • Login di Blogger
  • Pilih Design > Add gadget > HTML/Javascript
  • Masukkan kode dibawah ini ke kolom HTML/Javascript
<script type=text/javascript>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat
Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat
ReadFull Article ..

Jumat, 25 Oktober 2013

Cara Membuat Search Engine Pada Blog

Jumpa lagi sobat, kali ini mari kita bahas soal Search Engine. Tau gak apa itu Search Engine. Ya kalau menurut saya yang dimaksud dengan Search Engine adalah media atau tempat buat mencari bahan entah artikel dll di internet. Itu menurut saya lho. Tau dech menurut sobat semuanya apa itu Search Engine. Untuk saat ini Search Engine memang tidak bisa dipisahkan di dunia networking atu di dunia blogger. Ya pokoknya gitu dech. Dah langsung aja yach sobat di kasih tau caranya :

1.    Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page
elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine.






2.    Kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Contoh nya :

<form action="http://.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Hasilnya yaitu :



Semoga sukses ya
ReadFull Article ..