Membuat Animasi Status Loading Pada saat Blog dibuka

Untuk mengubah dan menambahi variasi pada blog banyak sekali option yang bisa dipilih, salah satunya adalah dengan memberikan efek animasi status loading pada blog. Cara ini dijamin akan mendongkrak tampilan blog agar terlihat lebih indah dan modern he3 ... Dengan memasangnya nanti pada waktu blog anda dibuka, sebelum halaman blog anda terbuka keseluruhan akan ditampilkan semacam image loading yang atraktif. Banyak sekali pilihan animasi loding yang bisa ditampilkan, tinggal pilih sesuai selera sobat, contohnya di bawah ini :

Image

dan masih banyak lagi model yang lainya.

Langsung aja langkah membuatnya :

1. Membuat file js, lalu menyimpan ke hosting script, kemudian memasukkan script pada template editor. Silakan masuk ke Ajax Load dan buat image loading pilihan anda dahulu dan silakan simpan di hosting file langganan anda.
2. Menyimpan file script ke hosting. Silakan buka notepad anda kemudian copy code dibawah ini, lalu simpan dengan nama misalnya : preloader.js, codenya dibawah ini :

var ld=(document.all);var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

NB : Jangan sampai salah simpan dengan ekstensi js.

3. Memasukkan script pada template editor :
  • Login ke account blogger anda.
  • Klik Layout --> Edit HTML.
  • Cari kode <body> di dalam template anda dan ganti dengan kode di bawah ini :
<body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://URL Lokasi Simpan.Image'/></div><script src='http://URL Lokasi Simpan Script js' type='text/javascript'/>;
Keterangan :
+ Ganti huruf yang berwarna merah sesuai dengan Punya sobat.
+ Untuk peletakkanya anda bisa mengatur pada tulisan text:align center mau diletakkan ditengah atau disamping terserah.

4. Simpan Template dan selesai.

Cara Memasang Tombol Share this Post

/


Berawal dari sebuah pertantaan yang diajukan oleh saudara @Taril tentang bagaimana cara membuat widget "Share This Article" nah dari itulah saya membuat tulisan ini dan semoga ini yang di maksud oleh saodara @Taril

Keterangan singkat
Share this Post adalah suatu widget untuk kita dapat menyeber luaskan article / posting yang berada di web/blog ke situs lain semisal facebook, twitter, dan situs situs lainnya. sebagai contoh widgetnya anda bisa melihatnya dibagian bawah posting ini yang bertuliskan "Share".

langsung saja tak usah berlama-lama untuk cara memasang widgetnya
1. silahkan buka situs http://www.addthis.com/
2. maka akan terlihat tampilan seperti dibawah ini
/

Pilih tombol Buttom yang anda inginkan (yang di sebelah kiri) kemudian klik Get Your Buttom
3. Nah sekarang tingal Copas kode HTMLnya ke Web/Blog anda di widget blog atau dibawah post seperti diblog ini caranya
:: Masuk ke Design >> Edit HTML contreng Expand Widget Templates
:: Cari kode <data:post.body/> kalo blog anda menggunakan fasilitas readmore code tersebut pastinya ada dua maka anda tinggal pilih kode yang ke dua
:: Nah sekarang tinggal letakan kode HTML "Share Buttom" tadi dibawahnya namun sebelum anda mempastenya di bawah kode <data:post.body/> alangkah baiknya anda Compress dulu kode HTMLnya di KLIK SINI
:: Letakan kodenya di kotak yang disediakan kemudian klik Encode lalu Copi kembali dan sekarang tinggal pastekan di bawah kode <data:post.body/> kemudian save selesai

semoga bermanfaat

Verifikasi Akun Alertpay Hanya Menggunakan Nomor HP

Untuk para pebisnis online yang ingin memverifikasi akun alertpaynya, sekarang pihak alertpay memberikan kepada kita cara verifikasi alertpay yang lebih mudah dan cepat dan bahkan bisa dilakukan kurang dari satu menit untuk mendapatkan status terverifikasi/verified. Caranya yaitu dengan menggunakan nomor hp. Sebenarnya juga bisa menggunakan kartu kredit tapi lebih mudah menggunakan nomor hp. Dulu cara verifikasi alertpay harus mengupload KTP/SIM/Paspor beserta tagihan telepon, listrik, dan buku tabungan tapi sekarang dibuat lebih mudah dengan menggunakan nomor hp atau kartu kredit. Kalau menggunakan kartu kredit mungkin sulit bagi yang tidak punya tapi kalau nomor hp pasti hampir semua orang punya.
Jadi kalau anda ingin tahu cara verifikasinya, ikuti cara dibawah ini.



Buka akun alertpay anda dulu hingga muncul tampilan seperti gambar di bawah ini. Lihat tulisan yang saya lingkari, itu berarti akun alertpayku belum terverivikasi. Klik “Become Verified”.


Setelah muncul tampilan seperti gambar di bawah, klik “Become Verified”


Pilih tipe verifikasi. Karena postinganku ini berjudul Cara Verifikasi Alertpay Menggunakan Nomor HP, jadi anda pilih “Phone Validation” kemudian klik “Next”


Pilih nomor hp anda, kemudian klik “Next”


Klik “Send Validation Code”. Setelah anda klik send validation code, anda akan menerima sms dari pihak alertpay yang berisi kode.


Masukkan kode yang anda terima, kemudian klik “Submit”. Sorry kalau screenshotnya tidak anda karena saya lupa mengambil gambarnya.

Tunggu sampai muncul tampilan seperti pada gambar di bawah. Maka selamat akun alertpay anda sudah terverifikasi.


Klik “Overview” maka akan muncul tampilan seperti pada gambar di bawah ini.

Cara Membuat Random Post

Random post adalah posting yang ditampilkan secara acak pada blog kita. Mungkin teman-teman tips blogger semua pernah melihat widget satu ini. Biasanya para blogger memberi nama widget ini adalah Random Post. Cara membuatnya sangat mudah, cukup pasang kode di bawah ini pada blog kamu, tentu kamu harus login ke account blogger kamu terlebih dahulu. Yuk langsung aja baca cara membuat Random Post.

1. Login ke account blogger kamu
2. Klik Layout >> Add Gadget >> HTML/Javascript >>
3. Masukkan kode di bawah ini pada kotak yang keluar.
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>
Lalu Save

Note : Angka 10 adalah jumlah postingan yang akan ditampilkan secara acak.

Atau adan ingin Membuat Random Post Dinamis
Dikatakan Random Post dinamis dikarenakan widget random post ini akan menampilkan seluruh postingan blog kita secara acak dengan trik slide show.
Ini akan lebih memaksimalkan semua isi postingan tertampil dengan jeda waktu yang dapat kita atur.
Dan satu lagi kelebihan random post ini tidak memakan space yang besar dan sangat simpel.
Jadi, tertarik untuk memasang? ini dia script code-nya:
*Silahkan sobat pasang di sidebar : Layout >> Add Gadget >> HTML/Javascript >>
<style type="text/css">
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}
.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}
.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}
.gfg-subtitle a {color : #a43434;display:none !important;}
.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}
.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}
.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}
.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}
.clearFloat {clear : both;}
#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>
<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {
var feeds = [
{title:'title',
url:'http://m4sukses.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'},
];
new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: " "});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div>
Ganti Url yang berwarna merah dengan alamat blog kamu
Kemudian Save

Selamat mencoba.............

Cara convert Liberty (LR) ke paypal (PP) dengan aman

Posting ini saya buat dari hasil copypaste diforum sebuah PTC

Thread ini saya buat agar kita punya alternatif lain selain metode paypal (saya tahu AP tidak populer di indonesia), tapi beda dengan Liberty sangat populer di dunia forex. Di sini kita bisa convert dari LR ke PP dan sebaliknya dengan aman, karena transaksi tidak langsung, tapi difasilitasi oleh http://exchangezone.com (salah satu yang direkomendasikan oleh Liberty)

Di sini ada 3 yang terlibat, yaitu:
1. kita (bisa sbg penjual n pembeli)
2. pemilik exchangezone.com (berfungsi sebagai perantara)
3. partner kita (bisa sbg penjual n pembeli)

contoh :
kita ingin convert dari LR ke PP ada 2 cara,yaitu kita bisa membeli (PP) atau kita bisa menjual (LR)
dalam contoh ini kita membeli paypal (yang fee 0,00%, jadi tidak ada perbedaan kurs)....
http://i49.tinypic.com/25rpi5s.jpg
- Seller has -->pilih "paypal(USD)"
- Seller want -->pilih "liberty(USD)"
- Sort offer by -->sebaiknya pilih "offer fee asc" (sorting dengan fee ter-rendah)

transaksi
- cari yang fee-nya 0,00 % atau kalau tidak ada cari yang fee-nya paling rendah
- Paling kanan ada tombol view, lalu kita mengisi "bid" (permintaan)
- Kemudian setelah partner kita approve permintaan kita, pihak exchangezone.com akan menyuruh kita mengirim dana LR ke account LR exchangezone.com dan partner kita disuruh mengirim dana paypal ke account exchangezone.com
- kemudian exchangezone.com mengirim paypal ke kita dan mengirim paypal ke partner kita

ilustrasi
http://i48.tinypic.com/282g6ma.jpg

NB:
**kalau ada partner kita meminta langsung lewat email or PM jangan ditanggapi dan laporkan dia ke pihak exchangezone.com
**Kalau belum jelas akan saya kasih lebih detail lagi dgn gambar yg jelas dan detail
**Account kita di exchangezone harus verified untuk transaksi paypal, minta verified lewat support...!

Cara Mudah Membuat Banner Rotator

Sudah menjadi kebutuhan wajib bagi anda yang berkecimpung dalam dunia bisnis internet untuk memasang banner pada halaman web/blog anda sebagai media promosi yang efisien dalam menjaring konsumen maupun refferal pada bisnis/program yang anda ikuti. Namun kadangkala dengan banyaknya Bisnis Online dan berbagai programnya mau tidak mau kita harus menyesuaikan space halaman web/blog kita agar tetap terkesan menarik dan tidak terganggu oleh banner-banner iklan atau promosi tersebut.

Semakin banyak program yang kita ikuti, otomatis makin banyak pula banner yang harus kita pasang agar pengunjung web/blog kita tertarik untuk mengkliknya, sebagai alternatif mengatasi masalah tersebut, kali ini a2i3s akan berbagi tips bagaimana memasang banyak banner dengan hanya membutuhkan satu tempat saja, atau dengan istilah populernya disebut Banner Rotator alias banner yang tampil bergantian dalam interval waktu tertentu. Sebagai contoh, silahkan perhatikan banner yang ada di bagian head halaman ini!

Pertama-tama yang harus kita persiapkan adalah Alamat gambar/image, Link image, dan Alt text terserah anda. Salin image link dan Link yang telah kita persiapkan dalam notepad/wordpad terlebih dahulu agar mempermudah proses selanjutnya.

Kemudian, silahkan buka http://www.htmlbasix.com/banner.shtml

Lakukan pengaturan-pengaturan sebagai berikut:




  • Pilih Option Automatically refresh image agar banner kita bergantian secara otomatis tanpa perlu kita merefresh halaman

  • Pada Kotak isian How Often: XXXX seconds isi dengan interval waktu yang kita kehendaki untuk pergantian tayang banner satu dengan yang lainnya.

  • Kemudian pada option Where do you want the page to open: silahkan tentukan sesuai kebutuhan anda, apakah saat banner kita diklik akan membuka halaman/jendela baru, atau pada jendela yang sama.

  • Selanjutnya, tentukan tinggi dan lebar banner, dan jumlah banner yang akan kita pasang.



Setelah konfigurasi di atas, silahkan masukkan kode Alamat Image, Link dan Alt Teks yang telah kita persiapkan sebelumnya pada form yang tampak di bawah ini:



Udah beres?! silahkan tekan tombol Generate untuk mendapatkan kodenya! Kemudian salin ke dalam Notepad atau Wordpad.

Nah, tahap pertama telah selesai, sekarang silahkan Login ke account Blogger anda, lalu Klik Tab Layout Tambahkan sebuah elemen halaman HTML/JavaScript lalu Paste Kode yang telah kita Generate tadi, Tekan Save/Simpan, dan silahkan lihat hasilnya!

Pasti rekan-rekan blogger pada nanya, Lho, bagaimana jika kode banner tersebut mau kita masukkan langsung pada Editor Template? atau begini, Kok Error, dan muncul pesan "Your xml is not valid atau not parsed"?!

Untuk mengatasi hal tersebut, kode yang telah kita dapatkan tadi harus diparse dulu, nah, coba gunakan situs-situs penyedia jasa Ads Converter seperti yang satu ini :
http://www.eblogtemplates.com/blogger-ad-code-converter/
Lalu generate/parse kode yang telah kita dapatkan tadi di sana, dan masukkan hasil convert kode tadi langsung pada editor template. Untuk mengeceknya, silahkan tekan tombol Preview sebelum menyimpannya.

Translate