SELAMAT DATANG DI 6LASKAR PELANGI | Kumpulan tips dan trick | free Full Crack Software download - Tinggalkan Jejak Anda pada Kotak Komentar kami- Terima Kasih atas kunjungan Anda
Showing posts with label LiputanBlogger. Show all posts
Showing posts with label LiputanBlogger. Show all posts

Friday, July 6, 2012

Cara Mendaftarkan Bank Lokal Anda ke PayPal

Sign up for PayPal and start accepting credit card payments instantly.

Silahkan Daftar Account Paypal   D i s i n i

Anda telah memiliki account PayPal. Agar bank Anda bisa menerima penarikan uang Anda dari rekening PaypPal, ikuti langkah-langkap berikut:
  1. Log masuk dengan dengan nama pengguna (username) dan kata sandi Anda. Anda akan       masuk ke halaman My Account.

  1. Klik edit profile yang serangkai dengan ucapan selamat datang. Anda akan masuk ke    halaman berikut.

  1. Klik Bank Account pada bagian Financial Information.
  2. Setelah masuk ke halaman berikutnya, klik Add Bank Account. Anda akan masuk ke halaman berikut.
  3. Isi form yang diminta seperti negara, nama, nama akhir, dan bank. Kode bank berjumlah 7 digit yang terdiri atas 3 digit kode bank ditambah 4 digit kode cabang.

    Bank saya, misalnya, BCA cabang Palembang.
    Kode BCA adalah 014. Sedangkan kode cabang (Palembang) adalah 0021.
    Maka saya akan memasukkan isian dalam borang, yaitu 0140021
Jika Anda nasabah BCA, silahkan cari kode cabang Anda di situs KlikBCA.

Kemudian klik Jaringan BCA yang berada di navigasi atas.

Klik cabang BCA dan kota Anda, maka Anda akan mendapatkan 4 digit angka yang Anda cari.
Untuk nasabah bank lain, kode bank dan kode cabang, bisa Anda dapatkan dari layanan pelanggan melalui telepon, atau datang langsung ke bank Anda.
  1. Masukkan nomor rekening tabungan Anda.
  2. Ulangi sekali lagi langkah terakhir.
  3. Klik Continue dan Anda telah selesai.
Kalau Anda belum mempunyai acoount PayPal, baca tips membuka account Paypal. Nah, selamat mencoba.

Tips Membuka Account Paypal

Silahkan Daftar Account Paypal   D i s i n i


Sebelum mulai mendaftar, siapkan data-data anda untuk membuat account PayPal seperti Email, Nama, Alamat, Telp, Nomor kartu kredit (Pastikan Nama, Alamat, Telp yang akan anda isi untuk pendaftaran sama dengan data pada kartu kredit anda)
Membuat Account PayPal sangat mudah, bahkan untuk anda yang pemula dan anda tidak harus punya kartu kredit.
  1.  klik  Disini  atau klik Banner pada halaman atas
    (Untuk keamanan pastikan selalu alamat situs yang tertulis di address bar browser adalah alamat website resmi PayPal
  2. Klik SignUp untuk mendaftar 
  3. Selanjutnya ada pilihan negara, karena anda di Indonesia pilih Indonesia. Lalu pilih tipe account yang anda inginkan, untuk pendaftar baru di Indonesia disarankan memilih yang personal account dahulu, anda dapat Upgrade kemudian ke tipe Premiere account atau Business account dengan mudah dan gratis sesuai kebutuhan
  4. Selanjutnya masukan informasi anda seperti Email, Nama, Alamat, Telp (Pastikan Nama, Alamat, Telp yang anda isi untuk pendaftaran sama dengan data kartu kredit anda)

Email yang anda masukan akan menjadi username PayPal anda untuk login atau bertransaksi menggunakan PayPal kemudian

Contoh penulisan nomor Telepon yang benar : 006227775xxxx atau 0622-7775xxxx atau  +62-622-7775xxxx
Contoh penulisan nomor Mobile phone yang benar : 08123456xxx atau +628123456xxx

Isi Password anda dengan kombinasi huruf dan angka, minimal 8 karakter
Dibagian selanjutnya diinstruksikan untuk memasukan Nomor kartu kredit anda yang akan digunakan untuk memasukan dana ke account PayPal anda, Jika anda tidak ingin memasukan data kartu kredit anda sekarang hilangkan tanda Checklist pada bagian "Link my credit card so I can start shopping right away (recommended)", anda dapat memasukan data kartu kredit anda kemudian setelah login di halaman My Account
Periksa lagi dan pastikan Nama, Alamat, Telp yang anda isi sesuai dengan data kartu kredit anda, jika sudah yakin tekan I agree, create my account
 Anda akan menerima email konfirmasi bahwa anda telah mendaftar dan untuk mengaktifkan account PayPal, buka email dari PayPal tersebut dan klik link konfirmasi yang terdapat didalamnya, untuk konfirmasi bahwa anda adalah pemilik email tersebut
  1. Setelah itu anda akan dibawa kembali ke situs PayPal lagi dan masukan password anda lagi, lalu ikuti langkah selanjutnya, setelah itu anda akan masuk ke halaman My Account
  2. Jika anda sudah memasukan data kartu kredit ke account PayPal anda akan ada link untuk menjadi Verified PayPal account (Kebenaran alamat anda sudah di cek oleh PayPal)
Pilihan 1 : 


Untuk mendaftar menjadi Verified PayPal account sekarang tekan link untuk mendapatkan 4 digit kode keamanan dari PayPal, yang akan dikirimkan kedalam statement bulanan atau statement online kartu kredit anda (akan dikirim dalam waktu 2-3 hari kerja), kartu kredit anda akan di charge $1.95 USD untuk keperluan ini. Tujuan mengirimkan kode keamanan PayPal ini adalah untuk memastikan bahwa alamat yang anda berikan adalah benar (bukan alamat fiksi belaka).
Jika anda sudah mendapatkan 4 digit kode keamanan tersebut dari statement bulanan atau statement online kartu kredit anda kemudian, login dengan account PayPal anda, kemudian dihalaman My Account klik link confirm untuk memasukan 4 digit kode keamanan dari PayPal, setelah anda memasukan 4 digit kode keamanan tersebut account PayPal anda akan menjadi Verified account dan akan ditambahkan $1.95 USD kedalam account PayPal anda otomatis kemudian karena menjadi Verified account, jadi hitung-hitung gratis. Anda akan dibawa kembali ke halaman My Account....

Pilihan 2 : 


Jika anda tidak ingin menjadi Verified member sekarang lewatkan bagian ini, klik link untuk mendapatkan 4 digit kode keamanan dari PayPal lain waktu dihalaman My Account setelah login untuk mendaftar menjadi Verified Account, agar limit dana anda tidak dibatasi, anda akan dibawa kembali ke halaman My Account....

 Selesai, selamat anda telah memiliki account PayPal! 
Anda sudah dapat menggunakan account PayPal anda sekarang juga


Catatan :

Sekarang anda sudah mempunyai account PayPal Unverified account untuk melakukan pembayaran atau mengirim uang ke account PayPal lain dengan limit $100 USD (atau mungkin lebih pada beberapa account tergantung kartu kredit yang digunakan), serta dapat menerima uang dari account PayPal lain dengan limit terbatas. Untuk menghilangkan limit Account paypal anda harus menjadi Verified member (Kebenaran alamat anda sudah di cek oleh PayPal) dengan cara mengikuti Langkah No.6 diatas
Dengan Unverified PayPal anda belum bisa withdraw ke rekening bank atau kartu kredit anda. Untuk bisa withdraw menarik uang dari balance paypal, anda sudah harus menjadi Verified account.
Perlu anda ketahui bahwa verifikasi account paypal menggunakan kartu kredit dan kartu debit (di Indonesia verifikasi dengan kartu debit) belum dapat di lakukan. Jika anda memiliki kartu kredit tentu ini bukan hal yang sulit, tetapi bagi mereka yang tidak memilikinya tentu menjadi problem tersendiri. Tapi tidak usah patah semangat dulu, karena ada teknik dan rahasia bagaimana account paypal anda bisa terverifikasi walaupun anda tidak memiliki kartu kredit. Cara ini legal dan sesuai dengan aturan paypal.
Walaupun account paypal anda belum berstatus verified anda tetap bisa menggunakan account paypal anda untuk mengikuti program bisnis di dunia maya. Hanya konsekwensinya anda tidak dapat melakukan withdraw (penarikan ke bank lokal) sebelum verified status. 

Jika anda belum memasukan atau ingin menambah kartu kredit, login dengan account PayPal anda dan ke My Account --> Profile --> Add or Edit Credit Card
Silahkan Daftar atau BUAT Account Paypal Sekarang  
klik
:   D i s i n i

Verifikasi PayPal Tanpa Menggunakan Kartu Kredit

Ada 2 jenis verifikasi sebelum anda memulai silahkan baca halaman berikut tentang :   
Verifikasi PAYPAL dengan VCC dan Bank Lokal.

Penjelasan Mengenai Verifikasi dengan Bank Lokal. Verifikasi Paypal, Jenis Verifikasi PayPal Dan Kegunaannya

Paypal menerapkankan ketentuan baru dalam verifikasi data anda di akun Paypal.


Untuk lebih jelasnya, mari kita simak artikel di bawah ini: 
( Dikutip dari vcc-indonesia.com)

1. Verifikasi CC atau kartu kredit (ini adalah verifikasi UTAMA).

Jika anda ingin menggunakan paypal sebagai alat transaksi, baik itu membeli barang / mengirim uang / membayar sesuatu ataupun menerima pembayaran / dana dari paypal lain, maka paypal anda harus memverifikasi CC sebagai jaminan keabsahan transaksi anda. Verifikasi ini bersifat aktif.
Bagaimana jika anda tidak memiliki CC atau kartu kredit? Tentu saja anda dapat menggunakan VCC sebagai alat pengganti data kartu kredit / CC yang diminta paypal.
Tanpa verifikasi CC ke paypal, transaksi anda tidak akan lancar. Saya berani jamin itu. Bagi anda yang memverifikasi paypal via VCC Indonesia, anda harus mengisi dana paypal sebelum menggunakan akun paypal anda untuk bertransaksi.

2. Verifikasi rekening bank atau data bank (ini adalah verifikasi SEKUNDER).

Baca Petunjuk Berikut ini tentang Panduan Verifikasi PayPal Menggunakan Bank Lokal
Dulu, paypal hanya meminta verifikasi CC saja ke anda. Sekarang, paypal menambahkan sistem keamanan baru, yaitu verifikasi rekening bank anda ke paypal. Sebagai bukti verifikasi, paypal akan mengirimkan kode paypal ke bank anda, tepatnya ke rekening anda.
Verifikasi ini bersifat pasif, karena rekening bank hanya dipakai untuk menerima penarikan dana dari akun paypal ke rekening bank anda.
Nah… bagi Anda yang berniat ingin membangun bisnis dari internet, maka sudah seharusnyalah Anda memiliki akun di Paypal. Dengan Paypal Anda dapat mengirim uang ke siapapun dan dimanapun berada tanpa terkecuali di seluruh dunia.
Pada prinsipnya, Paypal juga mirip dengan rekening bank. Ketika kita mendaftar akun di Paypal, kita akan diberikan nama rekening (bukan nomor rekening seperti bank). Nama rekening ini adalah berupa alamat email kita, mengingat tidak satupun alamat email yang sama didunia ini yang sama, meskipun pemiliknya orang yang sama.
Lantas.. mungkin Anda berpikir, bagaimana cara mengambil uang yang ada di rekening Paypal kita? Apakah Paypal menyediakan ATM? He… 3x… Tidak kawan, Paypal tidak menyediakan ATM. So… gimana cara mengambilnya? Untuk mengambil uang dari akun kita di Paypal, kita terlebih dahulu harus transfer ke rekening bank kita. Proses ini istilahnya adalah ‘Withdraw’. Nah… barulah uang bisa diambil. So.. apabila Anda sudah memiliki akun Paypal, hendaknya Anda juga punya rekening bank di Indonesia. Terserah banknya apapun bisa.


Setelah anda punya account Paypal, sebelum melanjut ke langkah selanjutnya. Anda sudah siap. Namun belum aktif (verified). Nah… untuk mengaktifkan akun Anda harus memasukkan data kartu kredit Anda. So… bagaimana donk bila kita tidak punya kartu kredit? Don’t worry… ada jasa pembelian kartu kredit virtual (virtual credit card - vcc) khusus untuk mengaktifkan akun Paypal. Salah satunya adalah kartu kredit virtual (virtual credit card - vcc)  klik tautan berikut  disini  untuk Verifikasi dengan  kartu vcc

Thursday, July 5, 2012

Cara Mudah Memparse Kode HTML atau Java Script

Memparse kode html atau java script bukanlah suatu hal yang rumit atau membutuhkan pengetahuan tentang html, Anda tinggal mengcopy-paste atau memasukkan kode html atau java script ke dalam kotak yang tersedia di bawah ini. Setelah kode html atau java script Anda masukkan, klik “Convert”. Sedangkan tombol “Clear” fungsinya adalah untuk menghapus kode html atau java script yang telah Anda masukkan. Sebenarnya kode html atau java script tersebut bisa dihapus tanpa menggunakan tombol “Clear”, yaitu dengan menggunakan tombol “Delete” di keyboard. Aplikasi dibawah ini bukan satu-satunya tool yang bisa digunakan untuk memparse kode html atau java script, sebab selain aplikasi dibawah ini masih ada aplikasi lain yang bisa digunakan untuk memparse kode html atau java script. Anda bisa mencarinya sendiri di internet. Akan tetapi, menurut saya aplikasi dibawah merupakan aplikasi yang paling mudah digunakan untuk memparse kode html atau java script jika dibandingkan dengan yang lainnya. Jika Anda tahu ada ada aplikasi lain yang lebih praktis dari pada aplikasi dibawah ini, silakan di share disini. 



Start Converting Now!
(Silahkan masukkan script kode HTML kedalam kotak dibawah ini untuk diubah secara otomatis)




©6laskar-pelangi | Liputan Blogger

Tuesday, July 3, 2012

Cara Membuat Recent Comment + Thumbnail

 Cara membuat Recent Comment dengan Thumbnail
  1. Login ke Blog anda > Pilih Design
  2. Kemudian Tambahkan gadget (Add a gadged) > lalu masukkan kode script berikut ini:
    <style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
    </style>
    <script type="text/javascript">
    //<![CDATA[
    // Recent Comments Settings
    var
    numComments = 5,
    showAvatar = true,
    avatarSize = 40,
    roundAvatar = true,
    characters = 40,
    showMorelink = false,
    moreLinktext = "More »",
    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
    <script type="text/javascript" src="http://www.6laskar-pelangi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
  3. dan simpan. Selesai
Sedikit penjelasan untuk Recent Comment dengan Thumbnail ini :
numComments = 5
showAvatar = true
avatarSize = 40
roundAvatar = true
characters = 40
showMorelink = false

numComments = 5, akan menampilkan komentar sebanyak 5, di sini dapat dicustom sesuai keinginan sobat silahkan suka-suka maunya berapa komentar yang akan ditampilkan.

showAvatar = true, akan menampilkan Avatar sobat, kalau tidak mau ditampilkan diset "false".

avatarSize = 40, akan menampilkan ukuran Avatar. 40 sesuai dengan yang ada diblog saya. Silahkan sobat mencobanya sesuai keinginan.

roundAvatar = true, akan menampilkan frame bundar. Jika sobat tidak suka dengan frame bundar atau lingkaran, bisa sobat set "false" akan menampilkan frame square atau kotak.

characters = 40, akan menampilkan 40 character pertama sebagai cuplikan komentar yang akan ditampilkan.

showMorelink = false, tidak menampilkan link ke postingan tapi kalau sobat mau menampilkan link ke postingan tersebut harus diset "true".

http://www.6laskar-pelangi.blogspot.com/ = ganti alamat blog ini dengan alamat blog anda.

Ok, semoga bermanfaat.

Friday, June 29, 2012

Kode warna HTML generator


Kode Warna/Color Generator diperlukan untuk mempermudah kita dalam mendesain template blog atau website.Khusus dengan generator kode warna ini kita akan lebih cepat menentukan kode warna yang kita inginkan secara detail.Kode warna ini lebih populer disebut dengan Kode HTML,kode warna HTML generator ini lebih simpel dan lengkap dari pada jika kita melihat daftar kode warna HTML yang biasanya masih sangat terbatas hanya pada kode warna mayor saja.
Berikut tool yang bisa anda manfaatkan.


Credit to: allblogtools.com
Semoga bermanfaat. 

Cara memparse code adsense atau HTML javascript

Cara memparse code adsense atau HTML javascriptDi postingan ini saya menyediakan sebuah tool untuk memparse code adsense,HTML dan javascript.Tool parsing HTML javascript ini lebih simple dan ringan sehingga lebih mudah dipakai.Tool ini bisa juga disebut HTML converter.Apa sih gunanya kita memparse code adsense/HTML dan Javascript?..

Khusus bagi yang suka oprek template edit HTML blogger ,menambah code/aplikasi javascript disana sini atau memasang code adsense dihalaman postingan.
Namun masalahnya tidak semua code/script tambahan yang kita masukkan kedalam halaman EDIT HTML blogspot bisa diterima.Biasanya tag yang tidak diterima akan muncul peringatan;
 "Kode tidak kami simpan karena  tidak diparse dengan benar..bla bla bla......"
Nah supaya code bisa diterima maka kita perlu memparse code HTML,javascript adsense dsb nya terlebih dulu dengan memanfaakan tool berikut ini.Caranya cukup mudah,tinggal pastekan saja code yang sobat maksud kedalam text area dibawah ini dan klik convert,selesai.Dan Yang tampil sekarang adalah code yang sudah convert /  diparse HTMLnya.


 

 Dengan mengkonvert Code html / javascript terlebih dulu,maka code yang tidak diterima akan bisa diterima.he he he.....koyok lamaran ae...
Jika sobat sedang mengedit css template,silahkan menggunakan tool code warna HTML generator,lebih mudah dan detail

Random Post dengan thumbnail loading ringan

Random Post dengan thumbnail loading ringan
Memasang widget random post dibutuhkan agar visitor dapat melihat artikel lainnya dari blog kita.Random post sangat berbeda,karena sanggup memunculkan postingan sebelumnya yang sudah terkubur diantara postingan lain secara bergantian tiap kali refresh.Sebagai fitur tambahan navigasi,tiada salahnya jika random post ini ditambahkan kedalam widget blog kita agar pageview semakin tinggi dan merata.
Jika anda tertarik,random post widget script hasil saya browsing berikut memiliki loading yang relatif lebih cepat.Hal ini beralasan karena thumbnail yang ditampilkan merupakan URL image dari blogger dalam versi ukuran pict  kecil yang disesuaikan.
Biasanya sebuah widget yang menampilkan thumbnail,biasanya menghadirkan image thumbnail yang memiliki  ukuran file sama denga ukuran  image postingan.Jadi image tersebut hanya dimanipulasi ukuran panjang kali lebarnya dengan CSS/HTML saja sehingga hanya tampak menjadi kecil ,sedangkan ukuran file tetap sama besarnya.
Namun yang ini tidak hanya ukuran filenya pun benar benar menjadi kecil,sehingga loadingnya menjadi ringan.
Cara memasang Random Post dengan thumbnail loading ringan

Masuk kedalam Rancangan, Add new widget ,pilih HTML/javascript dan copas code berikut;
<style>
<!--
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
-->
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
var rdp_info='yes';
var rdp_comment='Comment';
var rdp_disable='';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjyzKhyphenhyphen7fUCW3TFxKKyCFVcZSkStcri71BG6GhUcbzVBLJ2TUU63zO71GuM4UboOiwR0gAjqOKsTwT2GtEC0CvvkG7uywNt6SbmsTk_IsWMbNiVHzAyE9Mq5ChrCVdCQL-GsUPO0AlrEP/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Simpan dan lihat hasilnya!

Setting sesuai keinginan
Untuk merubah ukuran IMG,edit style width:36px;height:36px
Untuk mengatur jumlah judul artikel yang ditampilkan,ubah jumlah default yaitu 5
Untuk mengatur jumlah karakter cuplikan/snippet,ubah jumlah default yaitu 60

Wednesday, June 27, 2012

Cara Mengukur Kecepatan Loading Blog Part II


Cara mengukur kecepatan loading blog atau web merupakan bagian yang mungkin juga perlu kita ketahui. Terkadang jika loading blog lambat, maka pengunjung pun akan menjadi bosan. Sehingga kemungkinan mereka akan malas berkunjung ke blog kita. Dan dampaknya, traffic pengunjung blog menjadi menurun.

Kawan – kawan sendiri bisa membayangkan ketika sedang melakukan pencarian di google, kemudian bertemu dengan sebuah situs website atau blog yang memiliki loading lambat sekali, misalnya 10 detik. Kemungkinan kawan – kawan akan merasa bosan harus menunggu meski hanya sepuluh detik saja. Oleh sebab itu jika kamu seorang blogger, membuat loading blog menjadi cepat merupakan hal penting juga. Untuk caranya mungkin akan saya bahas di lain waktu, namun untuk saat ini saya hanya membuat posting tentang analisa loading blog.

Alat untuk mengukur kecepatan loading blog atau website


Pingdom alamat url :  http://tools.pingdom.com
Alat yang bisa memberikan layanan secara online, yang bagi saya merupakan layanan yang bagus dan kita hanya memasukkan url blog kita dan pencet tombol test now secara gratis. Situs ini menunjukkan waktu loading total, serta satu per satu dari elemen website kita. Selain itu kita juga dapat melihat elemen yang membuat loading menjadi lambat. Untuk melihat sekilas, berikut ini saya memberikan tampilan hasil test blog carapada ini.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB7gcw4Zkw9idXE4veceiGIUe4tfkTh4BRAD3xfwBNFl_OvyHUkui3Ghw8lJszqK1SqijG5iDdnSThn-Q_T4o_hu7hkmTl6wGwV30E1qKJHX3aWSYL0lHyNTgTRqqkUOLQVJPI7andan8-/s320/kecepatan+loading+blog.JPG

Dari hasil di atas, kita dapat melihat elemen yang membuat kecepatan blog menjadi berkurang. Setelah blog ini saya test, saya dapat mengetahui bahwa elemen yang membuat blog menjadi lambat yaitu banner kontes seo, dengan format gif . Memang banner yang menggunakan format gif atau flash membuat kecepatan blog menjadi berkurang, sehingga kita harus menguranginya. Selain itu kita juga dapat mengkompres gambar yang berformat Jpeg, dengan alat online yang dapat kita cari di google. Semoga tulisan singkat ini bermanfaat. Selain situs di atas, banyak situs yang lain yang memberi layanan tentang cara mengukur loading blog. Misalnya webwait.com , pagespeed dan lain lain.

Cara membuat scroll pada blog archive

Bagi kalian yang udah ngeblog bertahun - tahun lalu terus di blognya ada widget archivenya, pasti akan muncul sangat panjang kebawah bila di pilih.

Sekarang saatnya saya Share ......"Cara membuat scroll pada blog archive", dengan ini kita bisa ngebuat scroll pada archive kita. Jadi hemat tempat deh. Bagi yang suka hemat - hemat bisa dicoba lah ini.

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

6. Kode lengkapnya adalah seperti ini



<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>

7. Kode warna merah dan biru adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera.

 8. Simpan jika sudah selesai.

Tuesday, June 26, 2012

Cara Membuat kursor mouse Diikuti Teks

Halo Sobat Laskar Pelangi Masih setiakan nongkrong di sini....:,, kali ini aku mau berbagi trik cara membuat kursor mouse di ikuti teks kemana saja mouse itu di gerakkan.kalau sobat gerakkan ke warung maka teksnya akan ikut ke warung juga hmmm...ahhh ngak masalah yang penting teks nya ngak ngikutin sampe ke Toilet..........ckckckckck................... !!!!!

Baik Sobat berikut Scripnya :

style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #FF0000;



/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "Nama  sobat";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>


Silahkan Sobat Ikuti Langkah Langkah Berikut:
1.Masuk ke akun blog Sobat
2.Pilih Tata Letak/Rancangan =>Kemudian Pilih HTML/Java Script
3.Masukan kode/Script Diatas
4.Ubah kode yg berwarna KUNING sesuai keinginan sobat
5.Simpan

   Dan Lihat Hasilnya............Taaarrrraaaaa!!!

Selamat Mencoba Semoga Berhasil

Trik Membuat Tombol Home, Back To Top, Bottom, dan Refresh

Disini saya akan membagikan sedikit ilmu yang saya dapat lagi hasil blogwalking, yaitu membuat tombol home, back to top, bottom, dan refresh pada blog kita. Adapun fungsi tombol tersebut adalah sebagai navigasi untuk memudahkan pengunjung blog kita dalam membaca halaman postingan kita.


Atau sobat bisa lihat pada blog saya disudut kanan bawah, maaf tidak terlalu kelihatan karena ketutup dengan toolbar :) . Gimana sobat? Bila tertarik ingin membuat tombol navigasi tersebut ikuti saja langkah2 di bawah ini:

1. Login ke blog sobat

2. Masuk ke Rancangan ----> Edit HTML

3. Cari kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian ), setelah dapat selanjutnya copy kode di bawah ini dan letakkan di atas kode ]]></b:skin>



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

4. Kalau sudah selanjutnya cari kode </body> ,selanjutnya letakkan kode di bawah ini tepat di atas code 
</body>
    <a name='ngisor-dhewe'></a>


5. Simpan templatenya.

Langkah selanjutnya tinggal memasang shortcutnya.
Copy kode dibawah ini dan bisa sobat letakkan di bawah kode <body> atau bisa juga sobat letakkan di sidebar dengan cara masuk ke Rancangan ----> Tambah Gadget ----> HTML/Javascript. jadi terserah sobat mau masang dimana.

<div id='mangetsu'>

<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjueWSV4CEc-tAlT6mkv46HlZjCxeoY8lA61th9XoCKpeIfa8uWcC5646740E4Be9Qm3C2QKsmzjfZnpXTJF40175nfThi1V2BOyFrceR8VEed9NrIXO2PzPyNfbMz_fOnZzEdfjvy6XTk/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWD1ZUSIhSwjkUgDm2J9xeuPrbDi9O4afD-AHZayY_ljTaco1wasBlVjy0OmOsR4LEmxxCoQOJcnS-QfCQUTg7pH0b2I6ZY_llzpK3m8viAq_SGvERwoJf2JIa6Qcg3trSy5gloa39N58/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFNRVSJZHFYbe2b9jBQZwCOGP-nxSQamAihREMrf84xQQw7toMq9MSlDAaVe9GARMQE19iIKxbFRrDqkX9AUrCJ-FXKa0PyykBqzes2gnIaIXosU3aIvYIU4U0P3SY0qkYQAqGaNjBKMA/s320/next-icon2.png'/></a></td>
<td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiamesAvhPMNMI5BabUY6SLxoelPdY2H6wdDfyC4VEQvrEa62yaES3DqPjDTA88kOJNrVS5Jl1Tc5ihU8yY3YzpNYeuQ1DIIquzQVyRWVvUGvTbshe7NrXdRDVwdHhhn-tQSZUzF0B4YtQ/s320/refresh-icon1.png'/></a></td>
</tr>
</table>
</div>

Setelah itu simpan. dan lihat hasilnya.
Bagaimana sobat, mudah kan? Okey selamat mencoba dan berkreas

 
free counters
Future Google PR for 6laskar-pelangi.blogspot.com - 3.11 Submit your website to 20 Search Engines - FREE with ineedhits!
[Valid RSS]