Recent Post

Tampilkan postingan dengan label Tips Bloging. Tampilkan semua postingan

Malam sobat blogger, setelah seharian membongkar template blog saya yang baru, kali ini saya akan memposting tips membuat efek zoom pada gambar yang baru saja saya pelajari dari blog-nya Mas Chayoy dan sepertinya berhasil di blog saya. Jadi saat mouse sobat diarahkan ke gambar di postingan blog, maka gambar tersebut akan membesar seperti di-zooming. Tentunya efek ini akan memberikan sedikit variasi di blog kita sehingga blog sobat menjadi lebih "berwarna" dengan harapan para pengunjung blog tidak cepat bosan.

Untuk membuat efek tersebut caranya sangat mudah dan tidakbegitu sulit, langkah - langkah yang harus sobat lakukan yaitu :
  • Loginlah ke Dasboard Blogger
  • Pilih menu Tata Letak lalu klik Edit HTML
  • Tekan Ctrl + F untuk mencari string : ]]></b:skin>
  • Copy kode di bawah ini tepat di atas string tadi
    .post img, table.tr-caption-container {
    border:none;
    max-width:560px;
    height:auto;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    }
    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -webkit-border-radius: 36px 12px;
    -moz-border-radius: 36px / 12px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    }
  • Ganti angka 1.5 berwarna merah dengan ukuran zoom sesuai selera sobat
  • Tekan Save Template
  • Selesai

Sampai di sini sudah selesai proses pembuatan efek zoom-nya. Silahkan sobat lihat perubahannya. Mudah - mudahan sobat berhasil.

Semoga bermanfaat.
Tempo hari saya sudah memposting bagaimana Cara mempercepat waktu loading web blog secara umum. Kali ini saya akan membagikan tips yang sama namun dengan alat yang berbeda, yaitu dengan menggunakan Script, tentunya script untuk HTML. Tips ini saya dapatkan dari blog-nya teman. Seperti kita ketahui, komponen yang biasanya memperlambat loading blog yaitu, Gambar, Audio, Video dan jumlah widget yang ada dalam blog kita. Prinsip script ini yaitu meminimalisasi loading gambar. Dengan memasang script ini di blog anda, niscaya blog anda akan lebih cepat diload di browser. Kalau tidak, ya silahkan di buang saja.
  • Baiklah, berikut cara menerapkan script ini ke blog anda :
  • Login ke Dashboard Blogger dengan akun anda.
  • Buka menu Template, lalu klik Edit HTML ( tidak perlu mencentang opsi Expand template Widget ).
  • Temukan tag </head> ( gunakan tombol Ctrl+F agar lebih cepat).
  • Taruh kode script di bawah ini tepat di atas kode </head> tadi. Kode ini dapat anda peroleh di truebloggertricks.
<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirVYh0I2qaeT0cgFKYeB05SLyR84U_aHVu_8G51-iUQAU09PwKdx_TtvGCF2SKsA2G3WNXc63a2ESVzpNA8OiHRviSp0lIH1UWNVgXX0vd8LlEKVySDNmEriaBegQmFQcJLMSx1RrmELk/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
  • Klik tombol simpan.
  • Dan beres !!
Silahkan anda cek kembali hasilnya, apakah sudah cukup mempercepat waktu loading web ataupun blog anda. Sedikit tips dari saya, sebaiknya sebelum memasang script ini di blog anda, hitung dulu berapa lama waktu loading blog anda. Anda bisa menggunakan SpeedTest-nya iWebTool, atau juga bisa menggunakan Stopwatch. Kemudian terapkan script dalam blog anda. Lalu hitung lagi waktu loading blog anda setelah dioptimasi. Jika waktu loading blog anda semakin cepat, berarti anda berhasil. Jika ternyata sama saja atau malah makin lambat, ya silahkan di buang saja scriptnya. Jangan dibiarkan, malah akan memperlambat nantinya. Tapi dari uji coba saya hasilnya cukup positif dan cukup membantu. Demikian saja tips saya kali ini, silahkan dipraktekkan langsung. 


Semoga bermanfaat buat anda !
Anda sudah kenal blog ? Tentu sudah, bahkan sudah booming. Anda sudah dapat duit dari blog ? Sebagian dari anda mungkin sudah memperolehnya, dan sebagian lagi mungkin belum atau tidak tahu sama sekali. Jangan salah, memperoleh uang dari blog tidak gampang dan bisa dibilang sangat sulit. Banyak faktor yang sangat mempengaruhinya antara lain banyaknya blog - blog yang sudah bertebaran di "jagad raya" internet yang sudah lebih dulu terkenal. Tapi jangan anda lantas patah semangat, siapa tahu blog anda menyimpan potensi untuk menggembungkan isi kantong anda.

Darimana jalannya blog anda bisa menghasilkan uang ? Salah satu sumber utamanya adalah dari iklan yang ada di blog anda, baik iklan dari pihak ketiga ataupun iklan dari fasilitas Google yang lebih ngetrend dengan Google Adsense. Disini saya hanya akan menjelaskan iklan dari pihak Google saja karena sepertinya ini yang paling sering ditemukan.

Untuk mengintegrasikan Google Adsense ke blog kita, kita diwajibkan untuk mendaftar terlebih dahulu. Syarat mutlak untuk mendaftarkan Adsense adalah kita harus sudah memiliki minimal sebuah blog yang sudah online dan bisa diakses. Berikut langkah - langkah yang dapat anda terapkan untuk proses pendaftaran akun Adsense di blog anda
  1. Loginlah ke  https://www.google.com/adsense
  2. Pilihlah bahasa Indonesia agar anda mudah memahami Form Aplikasinya
  3. Isikan alamat URL blog dan bahasa utama yang anda gunakan pada blog anda. Usahakan untuk memilih bahasa yang sudah disediakan oleh Google agar akun anda lebih mudah diterima kelak.
  4. Klik persetujuan untuk tidak menampilkan teks yang mengajak user untuk mengklik iklan anda serta tidak akan menampilkan iklan pada konten dewasa.
  5. Pilihlah jenis akun anda, anda bisa memilih Individual untuk pribadi atau Bisnis jika anda memiliki banyak karyawan.
  6. Isikan Nama anda, Alamat, Kota, Kode pos untuk informasi data pembayaran sesuai data di KTP anda, lalu klik "Saya setuju bahwa saya dapat menerima cek yang akan dibayarkan ke nama penerima yang telah saya sebutkan di atas"
  7. Isikan nomor telepon anda ( gunakan kode negara ), lalu klik Preferensi email dan tentukan dari mana anda mengetahui iklan Google Adsense.
  8. Klik checkbox Kebijakan ( ada 3 item ), lalu klik tombol Kirim Informasi.
  9. Anda akan ditanya sekali lagi apakah data yang anda masukkan tadi sudah benar.
  10. Anda akan ditanya apakah anda punya akun Google, pilihlah pilihan pertama karena anda sudah punya.
  11. Klik "Saya ingin menggunakan akun Google yang telah ada untuk Adsense.
  12. Masukkan Username dan Password akun Google anda, lalu klik tombol "Lanjutkan".
Jika proses anda benar akan ada konfirmasi dari pihak Google bahwa anda harus menunggu selama periode tertentu sampai pihak Google memutuskan menerima atau menolak permohonan akun Adsense anda. Dari pengalaman penulis, penulis harus menunggu hampir 3 minggu baru diterima oleh pihak Google. Tetapi itu tentu berbeda untuk setiap orang, tergantung dari mutu blog dan antrian akun yang lain ke Google.

Satu tips terakhir buat anda, gunakan blog dengan bahasa utama yaitu bahasa Inggris, penulis yakin blog anda akan diterima oleh pihak Google.

Popular Post

Popular Posts

- Copyright © ASYA.COM - Devil Survivor 2 - Powered by Blogger - Designed by Johanes Djogan -