Friday, 29 June 2012

Hosting “Lokal” Gratis dan Terbaik Yang Pernah Ada


Hosting “Lokal” Gratis dan Terbaik Yang Pernah Ada



بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ


Tuh liat skrinsutnya, gila banget kan ??, Hosting premium saya aja nggak sampe segitu space dan bandwith-nya, salut buat IdHostinger.com yang berani kasih gratisin. Yang lebih parah dan gila-nya lagi mereka nggak cuma kasih gretong gan, IdHostinger.com juga kasih kita fitur-fitur hosting yang biasanya cuma buat hosting premium, addon domain, phpmyadmin, msql, auto installer, website builder dan lain-lain.pokoknya lagi-lagi gretong rasa premium banget deh!!. jjiaaaah bikin ngiler dan jadi pengen pindah hosting nih, wkwkwk :D

Berikut beberapa kelebihan Hosting Lokal Gratis yang ditawarkan oleh IdHostinger.com:

1. Generasi baru hosting gratis
Lupakanlah semua stereotip tentang hosting gratis. Hostinger berbeda, kami memberikan layanan yang handal serta didukung oleh tenaga teknis yang berkualitas!

2. Support PHP dan MySQL
Berbeda dengan hosting gratis lainnya, kami mendukung PHP dan MySQL tanpa batasan. Anda juga akan mendapatkan akses penuh terhadap PHP dan MySQL Anda.

3. Tidak ada iklan maupun banner di website Anda
Tidak ada iklan teks, pop-ups maupun banner yang sangat mengganggu. Website Anda 100 persen bebas dari iklan kami selamanya!

4. Script dan CMS Auto Installer
Hanya dengan melakukan beberapa klik, Anda dapat menginstall WordPress, Joomla, forum, toko online dan banyak lagi. Sebuah website profesional pun dapat Anda buat hanya dalam beberapa menit saja!

5. Website builder yang mudah digunakan
Anda dapat membuat website dengan sangat mudah. Bahkan seorang pemula pun dapat membuat website yang bagus dengan menggunakan website builder kami. Silahkan pilih satu dari 100 template profesional kami.

6. Jadilah partner kami
Undang teman Anda untuk bergabung dengan Hostinger dan dapatkan hadiah yang luar biasa seperti MP3 Players, LED Powerballs, USB Flash Disk, Kamera Pengintai, Domain Gratis, Tablet Google Android dan banyak lagi.

Lah kalo kayak premium kenapa digretongin yah ??

Alasan utama kami menyediakan layanan GRATIS adalah untuk meningkatkan popularitas brand kami (Hostinger®) dan mendapatkan pengakuan. Tentu, setiap jenis promosi dan strategi marketing akan membutuhkan biaya. Namun, kami dapat menutup semua biaya-biaya tersebut dengan menawarkan upgrade hosting berbayar bagi para user yang membutuhkan fitur yang lebih. Selain itu, kami juga mendapatkan donasi dari para user kami setiap harinya.

Waaah kira-kira gratisnya awet gak nih ??

Selamanya! Kami tidak berencana untuk menutup layanan ini. Selain itu, kami juga tidak akan pernah memasang iklan di website Anda atau meminta Anda untuk membayar.

Okelah cukup untuk blablabla-nya, bagi sobat-sobat dan agan-aginah yang sudah mulai berrencana untuk sekedar belajar, mengenal, coba-coba, cari tau lebih lanjut mengenai dunia per-hostingan atau bahkan meningkatkan kualitas dan kemampuan ber blogging-ria ini bisa dijadikan pilihan yang tepat dan benar-benar cocok. Lagian tanpa punya domain sendiri pun kita sudah bisa menggunakan layanan tersebut, IdHostinger.com juga menyediakan subdomain.16mb.com yang bisa digunakan secara gratis dan cuma-cuma.

Hmmm mudah-mudahan aja IdHostinger.com ini bisa terus berkembang dan bertahan selamanya, dengan adanya hosting lokal gratis seperti inilah yang mungkin dapat meningkatkan minat dan kualitas blogger indonesia yang selama ini sudah merasa cukup karena hampir termonopoli oleh Blogger, yaaaah minggir2 dikit wordpress.com. Padahal ada banyak banget CMS open source dengan fitur-fitur luar biasa baik dari segi SEO, desain dan sebagainya yang bisa dijadikan mesin buat ngeblog, sharing, cari income, jual-beli dan lain-lain .*server UK n stabil banget.

Happy Blogging ^_^vvv

mete


Cara Membuat Efek Meteor Jatuh Pada Blogspot

Cara Membuat Efek Meteor Jatuh Pada Blogspot - Meteor Jatuh Pada Blog memang kedengarannya agak mustahil terjadi, tapi inilah kenyataannya. Bagaimana tidak ? Efek Meteor Jatuh ini mengingatkan kita kembali kepada Jaman Dinosaurus yang dahulu kala terkena Jatuhan Meteor. Penasaran bukan ? lihat demonya :

Demo Efek Meteor Jatuh 

Jika sudah dilihat langsung menuju ke Page Element
Klik Add Widget + Html/Javascript + Copas kode berikut :

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

Kemudian Save dech.

Semoga Cara Membuat Efek Meteor Jatuh Pada Blogspot berguna dan bermanfaat.

Cara Memberi Efek Drag (pindah) Gambar Pada Blogger


Cara Memberi Efek Drag (pindah) Gambar Pada Blogger



بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Memberi Efek Drag (pindah) Gambar Pada Blogger. Jlimet rek judul e...... wkwkwkwkwkwkwwk

hahaha bingung nih mau kasih judul apa ma ni artikel..... yaaahhhh jadi maaf ya klo judulnya bkin bingung aja... hihihihi

artikel saya kali ini adalah membahas tentang efek gambar yang bisa di pindah".....

mau tau caranya???? ok langsung aja ya mas broo...

Cara Memberi Efek Drag (pindah) Gambar Pada Blogger
  • login blog
  • rancangan > edit HTML
  • cari kode ]]></b:skin>
  • taruh kode dibawah ini atasnya
.drag_gambar img { cursor: move;}
  • lalu taruh kode dibawah ini diatas kode
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&quot;div.drag_gambar img&quot;).draggable();
});
</script>
  • simpan


Cara Penggunaan 

<div class='drag_gambar'><img alt='KETERANGAN GAMBAR' src='URL GAMBAR'/></div>

Good Luck Sob ^_^

Cara Membuat Icon Berbeda Pada Tiap Widget Blogger


Cara Membuat Icon Berbeda Pada Tiap Widget Blogger



بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ


Sebagian besar template blogspot memiliki icon yang sama untuk judul sidebar pada setiap widget/gadget. Agar tampilan blog anda menjadi makin menarik, kita bisa mengubah icon tersebut menjadi berbeda pada setiap widget. Sebagai contoh, anda bisa lihat demo disini.

langkah berikutnya anda silahkan mencari icon yang sesuai dengan widget anda, bisa dicari pada situs-situs berikut ini :




  • http://www.iconfinder.com
  • http://www.iconspedia.com
  • http://www.freeiconsweb.com
  • http://www.vistaicons.com
  • dan di Google image.hehehehehe
Icon yang digunakan sebaiknya berukuran sekitar 16×16 atau 32×32 pixel dengan format PNG. Simpan icon-icon tersebut ditempat penyimpanan gambar anda.

Cara Membuat Icon Berbeda Pada Tiap Widget Blogger

1. Lakukan pengeditan pada salah satu widget yang ingin diubah, dengan mengklik tulisan edit. Misalnya pada widget “Labels”
edit-widget
2. Hasilnya akan menampilkan halaman popup. Lalu lihat ID dari widget yang anda gunakan.
cara melihat widget id blogger
Seperti yang terlihat pada gambar diatas, Widget Label yang saya gunakan memiliki ID “Label1”. ID ini akan kita gunakan untuk melakukan editing CSS pada template blog.
3. Langkah berikutnya adalah masuk ke menu Design > Edit HTML. Backup template anda terlebih dahulu. Karena dalam pengeditan membutuhkan kejelian dalam membaca kode. Jika salah pengeditan bisa dikembalikan lagi. 4. Tambahkan kode dibawah ini sebelum tag ]]></b:skin> :
#Label1 h2 {
  margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
  background:url(http://alamat-icon-anda) no-repeat scroll left center;
  padding:10px 0px 5px 38px;
}
 Keterangan : 
#Label1 : diambil dari nama widget ID yang anda gunakan. 
h2 : biasanya template menggunakan tag h2 untuk judul widget/gadget.
5. Simpan template anda, dan lihat hasilnya. Jika belum muncul, berarti ada CSS lain yang mempengaruhi Style anda. Karena pembuat template memiliki cara penulisan berbeda untuk templatenya.
Selamat Mencoba. Jika mengalami kendala, silahkan komentar di form komentar.

Cara Membuat Tulisan Dengan Efek Matrix Pada Blog


Cara Membuat Tulisan Dengan Efek Matrix Pada Blog



بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Cara Membuat Tulisan Dengan Efek Matrix Pada Blog. halo-halo pagi sob.... vikry kali ini mau share sesuatu yang keren, hahahahaha 

apa itu??? yaitu adalah Cara Membuat Tulisan Dengan Efek Matrix Pada Blog. Belum pernah nyoba???

ok lah sekarang monggo dicobain deh.... hihihihihi

nih scriptnya sob.... script ini bisa ditempatin pada postingan atau pada widget.

Contoh : 


DEMO-DEMO-DEMO-DEMO-DEMO

SCRIPT TEXT MATRIX
<script src="http://vikry.googlecode.com/files/my script.js" type="text/javascript">
</script>
<div id="matrix">
DEMODEMODEMODEMO</div>

NB : DEMODEMODEMODEMO adalah tulisan yang akan muncul... jadi bisa sobat ganti terserah sobat

Cara Membuat Efek Meteor Jatuh Pada Blogspot


Cara Membuat Efek Meteor Jatuh Pada Blogspot

Cara Membuat Efek Meteor Jatuh Pada Blogspot - Meteor Jatuh Pada Blog memang kedengarannya agak mustahil terjadi, tapi inilah kenyataannya. Bagaimana tidak ? Efek Meteor Jatuh ini mengingatkan kita kembali kepada Jaman Dinosaurus yang dahulu kala terkena Jatuhan Meteor. Penasaran bukan ? lihat demonya :

Demo Efek Meteor Jatuh 

Jika sudah dilihat langsung menuju ke Page Element
Klik Add Widget + Html/Javascript + Copas kode berikut :

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

Kemudian Save dech.

Semoga Cara Membuat Efek Meteor Jatuh Pada Blogspot berguna dan bermanfaat.

cara membuat efek bublle pada cursor blog

Cara Membuat Efek Bubble Pada Cursor di Blog, Yups... seperti postingan saya tentang cara membuat efek bintang berjatuhan dari kursor, Tapi kali ini tentang Efek Bubble atau bisa disebut dengan gelembung. Tips ini ane dapet dari blog kang faturLalu ane ulas lagi disini..



Efek ini secara otomatis akan muncul setelah sobat" menggerak"an kursor sobat. untuk contoh sobat bisa mencobanya pada kotak dibawah ini



Gimana sob???? bagus kan??

Ok deh buat sobat" yang dah kepengen ma ini tips, Langsung aja ke TKP. hehehehe
1.Login ke Blogger 
2.Rancangan --> Elemen Laman --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
NB : 
  • Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini atau disini.
  • Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan
4. Simpan dan coba lihat hasilnya.....