Minggu, 09 Maret 2014

Situs Yang Paling Banyak Di Kunjungi Orang Indonesia Menurut Alexa


Siapa yang tak kenal situs Alexa saya rasa semuanya yang hobi online berjam-jam didepan komputer pasti tahu Alexa itu apa? Ya, sumber dari Wikipedia Indonesia mengatakan Alexa Internet, Inc. adalah perusahaan berbasis di California yang mengoperasikan situs yang menyediakan informasi mengenai banyaknya pengunjung suatu situs dan urutannya. Alexa Internet didirikan pada tahun 1996 oleh Brewster Kahle dan Bruce Gilliat (Wikipedia Indonesia).

Nah, kali ini saya mau membahas daftar website ranking 1 - 10 versi alexa di negara tercinta kita ini yaitu Indonesia. Jadi daftar website yang akan saya sebutkan ini tidak semuanya buatan anak negeri, tapi ada juga yang dari luar negeri. Ranking versi alexa ini berdasarkan negara dimana website itu memiliki uniqe visitor, lebih gampang lagi ini ranking berdasarkan negara khususnya negara Indonesia.


Oke langsung aja, berikut daftar website ranking 1 - 10 versi alexa berdasarkan negara khususnya Indonesia :
  1. Google.com : Siapa yang tekan google? Kalau ada yang gak kenal kebangetan. Google adalah search engine terbesar di dunia gan, hehehe. Ini menempati posisi pertama, gak begitu bangga sih soalnya bukan buatan anak negeri.
  2. Facebook : Di posisi kedua ditempati raja jejaring sosial dunia yaitu facebook, saya rasa gak usah dibahas panjang lebar toh udah pada tahu semua,hehehe.
  3. Blogspot.com : Di posisi ketiga ada Blogspot.com, gak ada deskripsinya di alexa, ane juga bingung kenapa ini ada di posisi ketiga. Coba ente akses Blogspot.com pasti diredirect langsung ke Blogger.com, hahaha udahlah. Lanjut gan.
  4. YouTube : Posisi keempat ada YouTube adalah tempatnya kita berbagi video dengan cara mengunggahnya maka orang-orang akan menonton video kita. Seluruh dunia gan, masa ente gak tahu sih YouTube? Hehehe
  5. Google.co.id : Sama dengan google.com namun yang ini menggunakan domain Indonesia yaitu dengan akhiran .co.id
  6. Yahoo! : Posisi keenam Yahoo gan, kalau di Indonesia lebih dikenal dengan layanan E-Mail, Messenger dan lain sebagainya.
  7. Detik.com : Waw, detik.com masuk di posisi ketujuh gan. Detik.com adalah portal berita di Indonesia yang mengabarkan berita-berita hangat di negeri kita ini.
  8. Kaskus : Ini yang paling ane suka gan, Kaskus adalah forum terbesar di Indonesia buatan anak negeri yang di mana pembuatnya adalah sering di sebut mimin a.k.a Andrew Darwis, Hehehe. :maho
  9. Blogger : Adalah sebuah weblog punyanya google, dan blog yang ane pake ini juga blogger,wkwkwk.
  10. WordPress : Sama seperti blogger, ini juga weblog.
Gimana setelah ente baca di atas, bangga gak kalau situs buatan anak negeri ada yang masuk dalam 10 besar versi alexa berdasarkan negara khususnya Indonesia,hehehe. Data tersebut ane ambil langsung dari situs alexa, bisa ente lihat Di sini data tersebut di atas mungkin bisa saja berubah sewaktu-waktu tergantung jumlah uniqe visitornya gan.

Oke, mungkin itu aja gan postingan gak jelas ane kali ini di blog gak jelas ini,bwekekekekek. Sekian Terima Kasih Gannnnszzzzzz.

WebSite Online Paling Atas Di Ranking Alexa

Pada Agutus 2013 ini saya melihat bahwa yang menempati rangking bisnis web masih dipegang oleh perusahaan google berdasarkan ranking alexa bulan ini. Berikut tampilan rangking alexa.
Berdasarkan pengamatan saya, Inovasi dan pertumbuhan mesin pencari   masih sangat sulit untuk di bendung meskipun social media sudah melakukan inovasi yang luar biasa. Kedepan nya belum ada yang bisa memastikan siapa yang paling lama bertahan.
Dari catatan penulis maka tujuan orang terbanyak menggunakan internet adalah untuk 5 kategori besar penggunaan internet berdasarkan top 10 alexa rangking yaitu :
1. Menggunakan Mesin Pencari :
1. Google.com (rangking 1 Alexa)
2.Yahoo.com (rangking 4 Alexa)
3. Baidu.com  (rangking 5 Alexa)
4.live.com (rangking 9 Alexa)
2. Menggunakan Social Media :
1. Facebook.com (rangking 2 Alexa)
2. Linkedin.com  (rangking 8 Alexa)
3.Twitter.com (rangking 10 Alexa)
3. Menggunakan Video Sharing :
1.Youtube.com (rangking 3 Alexa)
4. Menggunakan Ensiklopedia :
1.Wikipedia.com  (rangking 6 Alexa)
5. Menggunakan ISP :
1. QQ.com (rangking 7 Alexa)
Berdasarkan data yang tersaji, maka kecenderungan sifat manusia adalah mencari jawaban, kontak sosial(sosialisasi), memamerkan diri (video ), mencari jawaban secara ilmiah, menggunakan jaringan internet.
Kesimpulan ini berdasarkan kebutuhan hingga agustus 2013.

Cara Memasang Kata Bissmillah Pada Posting Blog


Cara pasang Bismillah di blog.
Halo sobat blogger, Kali ini saya mau berbagi Tutorial mengenai cara memasang Bismillah pada awal postingan blog khusus yang beragama Islam. Kalimat/bacaan Basmalah (Bismillahirrohmannirrohim) memang seharusnya diucapkan bagi setiap muslim jika hendak memulai mengerjakan sesuatu. Sesuatu perkara yang tidak diawali dengan mengucapkan/membaca Bismillah maka hasilnya kurang berkah. 

Memasang Bismillah Di Setiap Awal Postingan Blog

Cara Memasang Bismillah Di Setiap Awal Postingan:
  • Buka blog anda
  • Pilih Template => Edit HTML
  • Cari kode <data:post.body/> lalu letakkan kode Bismillah diatasnya


<div style='text-align: center;'><span style='font-size: large;'><span style='font-family: Traditional Arabic;'>ب&#1616;س&#1618;م&#1616; الله&#1616; الر&#1617;&#1614;ح&#1618;من&#1616; الر&#1617;&#1614;ح&#1616;يم&#1616;</span></span> </div><br/>
  • Atau anda bisa juga memasang kode dibawah ini.

<div style='text-align: center;'><span style='font-size: medium;'><span class='messageBody' data-ft='{&quot;type&quot;:3}'><span dir='rtl'>ب&#1616;س&#1618;ــــــــــــــــم&#1616; اﷲ&#1616;الر&#1614;&#1617;ح&#1618;م&#1614;ن&#1616; اار&#1614;&#1617;ح&#1616;يم</span></span></span></div><br/>

Silahkan dipasang bacaan Bismillah di awal postingan blog anda, semoga bermanfaat.

Download Template Dark Red

Halo sobat blogger. Untuk pertama kalinya Ricki Berbagi kali ini akan sharing template blogger yang keren-keren. Disamping keren-keren, tidak lupa template yang Ricki Berbagi akan sharing juga disertai bumbu racik SEO agar kencang dipencarian Google.

Untuk mengawali posting pertama tentang Template Blogger, akan saya awali dengan Template Dark Red buatan Johannes yang didesain ulang oleh RezzaDz yang sangat rapih dan keren.

Silahkan dicek Template Dark Red :

LOL


Fitur template :
- 2 widget dibawah header
- Coment facebook di homepage
- Auto readmore
- Permalink
- Backlink auto hide
- CSS
- Warna yg bikin greget (Pastinya)
- Dll


Untuk melihat demonya silahkan - Klik disini

Bagaimana? keren bukan? Jika minat download, silahkan.

Download Template Windows 8

Download Blogger Templates Windows 8
Halo sobat blogger. Kali ini saya akan sharing template blog yang menyerupai dengan tampilan Windows 8. Template blog yang saya temukan ini adalah template blog buah karya dari Mas Coki Widodo. Karena terlihat mengesankan templatenya, maka saya share template ini untuk kalian pengunjung setia SONZBLOG.
Template Windows 8

Dan untuk kalian para pencita Windows 8, template ini sangat cocok untuk menghiasi blog yang kalian punya. Dengan menggunakan template ini, maka tampilan blog kalian akan terasa indah dan rapih.

Adapun Beberapa fitur blog yang ada :
1. Tampilhan Homepage Animasi Slide Menu
2. Menu Post App
3. Mempunyai Fitur Reply Komentar
5. Slide Menu right
6. Dapat Digunakan Untuk Custom Post
7. dll

NB: Untuk Mengaktifkan Tread Comment Silahkan Cari Kode https://www.blogger.com/comment.g?blogID=
untuk lebih cepatnya tekan CTRL+F dan ganti denga id blog anda.

Password: SONZBLOG

Selamat menggunakan Template ini ^_^

Cara Memasang Widget Alexa Pada Blog

Postingan kali ini berkaitan dengan Alexa Traffic Rank. Seperti yang kita ketahui
Alexa adalah perkiraan popularitas suatu blog atau website di sebuah negara tertentu maupun secara global (mendunia). Blogger yang mahir umumnya mendaftarkan blog atau websitenya ke Alexa, bahkan blog/website terkenal pun menggunakannya.

Jika peringkat alexa bagus kemungkinan sebuah artikel akan tampil di halaman depan, dan secara otomatis dapat menambah pengunjung blog atau website itu sendiri. Dengan demikian mendaftar/men-sumbit blog atau website ke Alexa, merupakan poin tambahan yang penting untuk meningkatkan blog atau website tersebut. 



Fajri Mansyah Share

Bukan hanya itu, Alexa juga menampilkan informasi mengenai situs pertama didunia, tampilan halaman, kata kunci (keyword) dan lainnya yang diupdate setiap hari. Maka dari itu kita mendapat keuntungan dari Alexa.

Untuk mendaftar Alexa tidak harus dengan memasang widgetnya cukup memasang meta name di dibawah kode <head>
Daftar Alexa bisa gratis maupun berbayar, yang gratis pun cukup menguntungkan bagi kita. Berikut cara memasang meta name alexa di blog, agar blog anda terverifikasi oleh Alexa.]


1. Kunjungi website www.alexa.com
2. Klik daftar "Create an Account" dipojok kanan atas atau bisa langsung Login dengan facebook.
3. Verifikasi email dari alexa, dan klik tautannya di email anda.
    Verifikasi facebook jika Login menggunakan facebook.

4. Masukkan password anda jika daftar melalui email
5. Setelah memasang password, klik Dashboard
Fajri Mansyah Share
6. Ada bacaan "Do you have a website?" klik Add it now. Dan klik Sign up yang Free.
Fajri Mansyah Share
7. Kemudian isi URL blog atau website anda. Kemudian akan otomatis kehalaman Claim Your Site dan pilih metode kedua yaitu mengcopy kode yang diberi tanda seperti dibawah ini :
Fajri Mansyah Share
8. Buka halaman tab baru -> login ke blog -> klik template -> klik edit html -> Cari kode <head> dan pastekan kode tadi tepat dibawahnya -> jika sudah klik Save template.
9. Kembali ke tab Alexa, dan klik Verify my ID, jika sukses maka akan ada bacaan "Your site is succesfully claimed"
Fajri Mansyah Share
10. Anda akan beralih otomatis ke halaman ini, bisa mengisi data-datanya (kalo mau diisi) kalo tidak di isi juga tidak apa-apa.
Demikian cara mendaftar alexa. Semoga bermanfaat !

Selanjutnya adalah cara memasang widget alexa traffick rank di blog. Jika anda ingin memasang widget alexa diblog anda caranya cukup mudah yaitu :

1. Kunjungi www.alexa.com/siteowners/widgets
2. Masukkan URL blog ke kolom widget yang anda inginkan
3. Copy kode yang anda inginkan, Masukkan kodenya di Tata letak -> Tambah gadget -> Edit HTML/Javascript di blog
4. Terakhir klik Simpan.
Demikian cara memasang widgetnya, Semoga bermanfaat

Cara Meningkatkan Rank Alexa

Fajri Mansyah Share


alexa Rank adalah salah satu faktor yang diperhitungkan oleh penyedia program paid review untuk mengetahui secara cepat level trafik suatu blog atau situs. Jika Anda memilih paid review sebagai salah satu sumber monetisasi blog, mau tak mau Anda harus meningkatkan Alexa Rank blog Anda.
Mengapa? Karena ini akan meningkatkan daya tawar Anda kepada para penyedia program paid review seperti ReviewMe, SponsoredReview, dan lain-lain.
Di bawah ini adalah cara-cara menaikkan alexa rank yang ditulis oleh DoshDosh

Apa itu Alexa Rank?

Sebelum ke cara-cara meningkatkan Alexa Rank, ada baiknya Anda mengetahui dulu apa itu Alexa Rank. Bila disederhanakan, Alexa Rank adalah ranking trafik sutu situs atau blog
Adapun menurut situs Alexa.com, alexa rank dihitung berbasis aggregat trafik 3 bulanan dari jutaan pengguna Alexa Toolbar dan merupakan sebuah ukuran kombinasi dari page views dan pengunjung. Pada tahap pertama, Alexa menghitung jumlah pengunjung dan jumlah page views untuk semua situs dan blog secara harian.
Dari definisi tersebut, maka yang berperan penting dalam alexa rank adalah Alexa Toolbar, jumlah pengunjung, dan jumlah page views yang dihitung berdasarkan jumlah orang yang mengunjungi situs/blog bersangkutan dengan alexa toolbar terinstal di browser yang digunakannya.

20 Cara meningkatkan Alexa Rank

Perlu Anda ingat, untuk meningkatkan alexa rank dalam jangka panjang, DoshDosh merekomendasikan bahwa Anda harus fokus pada pembuatan konten berkualitas yang akan menarik banyak pengunjung. Jadi, bukan hanya sekadar fokus pada meningkatkan alexa rank secara instan.
Di bawah ini cara-cara meningkatkan Alexa Rank:
1. Install Alexa toolbar atau Firefox SearchStatus extension dan setting blog Anda sebagai homepage. Ada dua cara mudah menginstal alexa toolbar. Jika Anda menggunakan Internet Explorer, download Alexa Toolbar for Firefox atau SearchStatus extension yang akan menampilkan Alexa Rank, Google Rank, dan juga fitur-fitur berguna lain.
2. Taruh widget Alexa Rank di blog Anda. Menurut sejumlah kalangan, bila widget itu diklik oleh pengunjung yang belum menginstal Alexa Toolbar, maka itu akan dihitung sebagai kunjungan tambahan.
3. Dorong yang lain untuk menginstal Alexa toolbar. Ini bisa sahabat atau pengunjung blog Anda sendiri.
4. Bekerja di kator atau di warnet? Jika memungkinkan, instal alexa toolbar pada semua komputer yang ada dan seting blog Anda sebagai homepage-nya. Ini akan berguna jika IP yang digunakan bersifat dinamis.
5. Minta teman untuk mereview dan merating profil blog Anda di Alexa. Memang belum ada bukti, namun mungkin saja cara ini berguna.
6. Tulis artikel mengenai Alexa. Webmaster dan blogger senang mengetahui cara-cara meningkatkan alexa-nya. Mereka akan membacklink tulisan Anda dan mengirimkan trafik. Ini secara langsung brdampak pada alexa rank blog Anda.
7. Pampang URL Anda di forum webmaster. Webmasters biasanya telah menginstal alexa toolbar di browsernya dan jika mereka tertarik mengklik URL Anda, maka ini merupakan sebuah keuntungan bagi Anda.
8. Tulis artikel yang berkaitan dengan webmaster. Contohnya, topik SEO dan jual beli domain yang sangat diminati oleh kalangan webmaster (blogger atau pemilik situs). Promosikan artikel anda pada forum webmaster dan situs jejaring sosial.
9. Gunakan Alexa redirects URL blog Anda. Coba ini: http://redirect.alexa.com/redirect?www.doshdosh.com. Ganti doshdosh dengan URL blog Anda. Gunakan URL ini saat berkomentar dan juga signatur Anda. Redirect ini akan menghitung alamat IP unik sekali sehari saja. Belum ada bukti resmi cara ini, jadi gunakan secara hati-hati.
10. Aktif di situs atau forum Asian social networking. Beberapa kalangan meyebutkan bahwa Asia Timur adalah pengguna alexa toolbars yang besar. Ini dibuktikan dengan beberapa blog atau situs dari Asia Timur yang masuk Alexa Top 500.
11. Buat sebuah halaman mengenai webmaster tools pada blog Anda. Ini merupakan magnet bagi webmaster untuk berkunjung berkali-kali ke blog Anda.
12. Daftar di Digg atau StumbleUpon. Kedua situs ini bisa mengirimkan puluhan ribu pengunjung bila artikel Anda tampil di halaman depan. (Catatan Kang Yudiono: di Indonesia, Anda bisa mendaftar di Lintas Berita, InfoGue, dan lain-lain).
13. Gunakan kampanye PayperClick. Ini dilakukan dengan membayar iklan di Google atau yang lainnya.
14. Buat kategori Alexa di blog Anda dan gunakan ini untuk menyimpan artikel atau berita yang berkaitan dengan Alexa.
15. Optimalkan popular posts Anda. Apakah Anda memiliki popular post yang konsisten menerima trafik dari mesin pencari? Update postingan tersebut dengan melik ke postingan Alexa atau link internal ke URL Redirect Anda.
16. Beli iklan banner dan link dari forum. Jika iklan Anda menarik, ini akan secara signifikan meningkatkan ranking alexa Anda.
17. Rekrut orang untuk mempromosikan blog Anda. Ini bisa dilakukan dengan membayar teman atau anggota forum untuk mempromosikan artikel Anda.
18. Bayar pemilik warnet untuk menginstall Alexa toolbar dan mensetting blog Anda di semua komputer yang ada di warnet tersebut.
19. Aktif di MySpace, Facebook, dan lainnya. Cara ini berhasil bagi sejumlah orang, namun banyak juga yang tidak berhasil.
20. Coba Alexa auto-surfs. Tools ini biasanya berguna bagi blog baru dan gunakan secara hati-hati.

Selasa, 04 Maret 2014

Tips Mengatasi Pencurian Artikel Blog

Ketika saya menemukan sebuah blog yang mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas import pada feedrss, saya merasa jengkel, karena postingan yang kita ketik sendiri dengan susah payah dengan mudahnya dibajak oleh autoblog yang menggandalkan langganan feed pada blog, apalagi tidak di sertai dengan backlink sumbernya.

Karena itu kita jangan menganggap remeh pengaturan feed pada blog, agar para pencuri artikel tidak leluasa menerapkan aksinya, pada postingan ini saya ingin berbagi trik untuk mengatasi pencurian artikel dengan menyeting feed pada blog kita.

Berikut beberapa cara yang bisa kita terapkan pada blog :

Cara pertama dengan mengubah izin feed blog yang tadinya "penuh" menjadi "singkat".
Dengan cara ini pembajak feed hanya dapat mencopy artikel kita secara terbatas yaitu 400 karakter pertama saja.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Izinkan Umpan Blog", ganti opsi Penuh menjadi Singkat.
    Tips Mengatasi Pencurian Artikel Blog
  • Simpan Setelan
Cara kedua dengan memberikan link aktif alamat blog sobat pada kolom "Footer Feed Posting".
Ini berguna apabila pembajak feed mencopy penuh artikel sobat, maka dibawah postingan terdapat link aktif yang berfungsi menjadi backlink.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Footer Feed Posting" klik "Tambahkan".
    Tips Mengatasi Pencurian Artikel Blog
  • Lalu masukan script dibawah ini:
    <a href="URL BLOG">Copyright by: NAMA BLOG</a>
    contoh :
    <a href="http://wadahtutorial.blogspot.com/">Copyright by: Tutorial Blog</a>
  • Simpan Setelan
Cara ketiga dengan menghapus feed pada Blogger.
Dengan cara ini para pembajak feed tidak dapat mencuri artikel anda, karena tidak ada feed yang akan di bajak, namun para pelanggan blog kita tidak dapat mengetaui update artikel baru di blog kita. Jadi dipikir dulu sebelum menerapkan cara ini.

Caranya :
  • Login ke Blog sobat.
  • Klik Dasbor > Setelan > Lainnya.
  • Pada "Izinkan Umpan Blog" pilih "Tak Satupun".
    Tips Mengatasi Pencurian Artikel Blog
  • Simpan Setelan.
Semoga dengan beberapa cara di atas Sobat dapat lebih melindungi blog sobat dari para pembajak feed.

Cara Membuat Gambar Membesar Saat Di Sentuh Cursor





Cara Membuat Gambar Membesar Saat disentuh Cursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
  • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
    .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: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Semoga tutorial singkat ini bisa bermanfaat...

Cara Membuat Link Membesar Saat Di Sentuh Cursor





Cara Membuat Link Membesar Saat disentuh Kursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode a:hover { 
  • Ganti kode font-size dengan ukuran yang lebih besar.
    Contoh :
    a:hover {
    color:#d2691e;
    font-size:10px;
    font-style:italic;
    cursor:wait;
    }
    ganti dengan
    a:hover {
    color:#d2691e;
    font-size:19px;
    font-style:italic;
    cursor:wait;
    }
  • Terakhir klik Simpan Template.
Selamat Mencoba dan Semoga Berhasil...

Cara Menghilangkan Navbar Search Pada Blog



Tutorial untuk hilangkan navbar adalah seperti berikut.
Terdapat 2 cara, anda boleh pilih mana yang bersesuaian dengan blog anda.


CARA 1:

1. Dari dashboard > design > edit HTML

2. Dengan menggunakan fungsi Find ( ctrl + F), cari 'navbar'
(hasil cari biasanya samada navbar-iframe atau navbar sahaja)

3. Dari kod yang ada di bawah navbar,
Tukarkan 'display:block' kepada 'display:none'

contoh:



4. Save dan lihat hasilnya.


CARA 2:

Nota: Cara kedua digunakan jika anda tidak mempunyai 'navbar' dalam 'edit HTML' blog anda.

1. Dari dashboard > design > edit HTML

2. Dengan menggunakan fungsi find ( ctrl + F), cari kod body {


3. Copy dan paste code berikut SEBELUM code body {

#navbar-iframe {
display: none ;
}


contoh:



4. Save dan lihat hasilnya.:)

Cara Objek Berputar Di Sekeliling Cursor Pada Blog


Dan kali ini, satu lagi ubahsuai yang anda boleh lakukan, iaitu objek berpusing keliling mouse seperti gambar di bawah

Anda juga blog melihat contoh di blog demo ini

Tutorial di bawah.

1. Dari dashboard > design > add a gadget > HTML/javascript.

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.
(tidak faham.?)


<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}

function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}

function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}

function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn()
{
for (j = 0; j < 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (i = 0; i < n; i++)
{
if (i < n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}

function init()
{
for (i = 0; i < n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}

if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
</script>


3. Save dan lihat hasilnya.

TAMBAHAN.

i) Bagi sesiapa yang tukar warna objek tersebut, boleh tukar pada kod ini.
(mencari kod warna.?)
var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";


ii) Kod ini memerlukan anda menggunakan layout template.

Cara Membuat Following Star Pada Cursor Di Blog

Adakah anda suka kalau cursor yang anda guna untuk blog ada beberapa bintang kecil berwarna yang mengikutinya.? Contoh macam gambar di bawah.



Kalau anda suka, ini ada tutorialnya.:)



1. Dari dashboard > design > add a gadget > HTML/javasrcript [link]

2. Copy code di bawah mengikut kesukaan anda dan paste ke dalam HTML/javascript

i) Following star warna warni

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/rainbows.js"></script>


ii) Following star warna biru

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/blues.js"></script>


iii) Following star warna purple

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/purples.js"></script>



3. Save dan lihat hasilnya.:)

Cara Membuat Random Post Pada Blog

Jika sesebuah blog mempunyai entri yang banyak, mungkin pengunjung tidak tahu untuk membaca mana satu entri di dalam blog tersebut. Jadi bagaimana untuk kita kekalkan pengunjung blog untuk membaca entri blog secara rawak.? Maka perlulah dipasang 'random post button' dalam blog.

Ia juga salah satu cara untuk memastikan pengunjung akan kekal lebih lama di dalam blog kita untuk membaca entri-entri yang terdapat dalam blog secara rawak. Ia sangat bagus bagi blog yang sebahagian besar kandungannya adalah gambar atau video, dimana pengunjung tidak perlu membaca mengikut turutan garis masa, tetapi membaca entri secara rawak.


Contoh blog (test blog) yang dipasang dengan random button ini boleh dilihat di sini > test blog 

Tutorial untuk memasang random post button ke dalam blog adalah seperti berikut.


1. Login akaun blogger > dashboard > layout
 

2. Kemudian add a gadget > HTML/javascript
 


3. Di dalam ruangan HTML/javascrip, copy dan paste salah satu kod di bawah. Terdapat dua jenis kod, satu untuk berada di sidebar, satu untuk statik. Anda boleh cuba mana-mana satu yang dirasakan sesuai.

3(a) Kod untuk random post button berada di sidebar
<style> #abt-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);-moz-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;padding:4px} #abt-random:active{-webkit-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);-moz-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);position:relative;top:6px} #abt-random a{color: #fff;} </style> <center><div id="abt-random"></div></center> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('abt-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"> </script>
 ATAU

3(b) - Kod untuk random post button statik di sebelah kanan-bawah blog
<div style='display:scroll; position:fixed; bottom:5px; right:5px;'> <style> #abt-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);-moz-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;padding:4px} #abt-random:active{-webkit-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);-moz-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);position:relative;top:6px} #abt-random a{color: #fff;} </style> <center><div id="abt-random"></div></center> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('abt-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"> </script> </div>
4. Save dan lihat hasilnya.:)

Download Template Dynamo Multimedia



dynamo

Live Demo Download

Dynamo is essentially professional and far high quality 3 column Blogger Template designed for technology blogs, Magazine and news portal. This theme is second version of our famous theme new mashable. We have named it dynamo to give a respect to world's best Magician "Steven Frayne". This theme also has some dynamic features.

Key Features

  • Retina Ready: All images, text and icon in this theme is stretchable and user can see it clearly, We have added a jquery plugin to this theme which automatically resize thumbnail according to their surrounding.
  • Social Media Icons: Some real high quality Social plugins are added by default. You can see them on the main header, below post title, and many other high quality places.
  • Related Post: We have added morden related post widget to this theme which don't stretch images and make it look worst.

Customize Drop Down Menu

We have added multi-level drop down menu to this theme beside header, to customize its text and link follow below steps:
  • Go to blogger dashboard
  • Click on template tab
  • now click on Edit Html button and then using ctrl +f find  <ul class="menus menu-secondary">
  • just below it you will find this code:

<ul class="menus menu-secondary">
<li><a href="/">Home</a></li>
<li><a href="#">Business</a>
<ul class="children">
<li><a href="#">Internet</a></li>
<li><a href="#">Market</a></li>
<li><a href="#">Stock</a></li>
</ul>
</li>
<li><a href="#">Downloads</a>
<ul class="children">
<li><a href="#">Dvd</a></li>
<li><a href="#">Games</a></li>
<li><a href="#">Software</a>
<ul class="children">
<li><a href="#">Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Tech</a>
<ul class="children">
<li><a href="#">Child Category 1</a>
<ul class="children">
<li><a href="#">Sub Child Category 1</a></li>
<li><a href="#">Sub Child Category 2</a></li>
<li><a href="#">Sub Child Category 3</a></li>
</ul>
</li>
<li><a href="#">Child Category 2</a></li>
<li><a href="#">Child Category 3</a></li>
<li><a href="#">Child Category 4</a></li>
</ul>
</li>
<li><a href="#">Featured</a></li>
<li><a href="#">Health</a>
<ul class="children">
<li><a href="#">Childcare</a></li>
<li><a href="#">Doctors</a></li>
</ul>
</li>
</ul>
  • Finally replace all # with links and to change its text edit green one.

Add Labeled Post on 3rd Column


  • Go to blogger dashboard
  • Click on layout tab and add gadget on 3rd column and select Html/JavaScript.
add gadget
  • Now paste below code in Html/JavaScript.

<div id='featurebottom1'><h2 class='headingfeature'>Technology</h2>
<div class='left-corner-canvas'/>
<script src='/feeds/posts/summary/-/technology?max-results=9&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
<a class='readmoretopic' href='/search/label/technology'>Browse More</a>
</div>
<div style='clear:both;'/></script></div></div>

  • Now replace technology with the label you want to show post of in 3rd column. 

Fix Your Blog Header

We highly recommend you to use image logo as blog header but if you want to show text in your blog header instead of img then your blog header will look creapy, To fix it follow below steps:
  • Go to blogger dashboard
  • Click on Template tab
  • Now click on Edit HTML button
  • Paste below code above </head> tag.
<style>
.header-right {
margin-top: -48px !important;
}
</style>

  • Click on save button. 

NOTE

  1. We highly recommend you to use image logo as blog header.
  2. Don't Show more than 7 post on home page.
  3. We recommend users to show popular post on 1st column at top most position.
  4. Don't remove our credit link or it will redirect your blog here.

Minggu, 02 Maret 2014

Jual DC Gems [ Not Free ]

PAKET GEMSHARGA
182 Gems5.000 Pulsa
364 Gems10.000 Pulsa
546 Gems15.000 Pulsa
728 Gems20.000 Pulsa
910 Gems25.000 Pulsa
1092 Gems30.000 Pulsa
1274 Gems35.000 Pulsa
1456 Gems40.000 Pulsa
1638 Gems45.000 Pulsa
1820 Gems50.000 Pulsa

Download Template Vube Tube


*Vubetube* is blogger template that is new and designed for video sharing blogs.This template automatically creates a thumbnail from the uploaded video.This is 2 column responsive template that currently supports you tube and vimeo.Related videos in every post and 3 column footer are other features of this template.

Download | Demo

Download Template Gagism


*Gagism* is a new blogger template that is well suited for gags websites.This is also one of the blogger template for photographers.This theme makes blogger platform more powerful and simple for those who cannot afford self hosted blogs.This  is a three column template with left and right sidebar,4 column footer and lot of other new premium features.

Download | Demo

Download Template MiniManga


Minimanga is a simple minimal blogger template that is free to download.This template has 2 column layout style that comes with right sidebar,a smooth image carousel fr featured post below the header and many other essentially required features.

Download | Demo

Follow on Google+

© 2013 Dicky Berbagi. All rights resevered. Share on Dicki Berbagi.