Rabu, 22 Februari 2012

Membuat Website dengan domain .com .net .org Gratis

Membuat Website itu tidak susah, dan gak perlu dipikir rumit-rumit. Instannya ada 2 cara untuk membuat website :
  1. Dengan menggunakan CMS : WordPress, atau Joomla.
  2. Merancang sendiri dengan aplikasi bantuan Adobe Dreamweaver, ato FrontPage, dll.

Kelebihan dalam menggunakan CMS adalah pada sisi “maintenance”-nya . Jika Anda mengupdate artikel baru, maka tidak perlu susah-susah lagi mengupload sendiri ke server. karena secara otomatis akan disave di server.
Nah pengen tau caranya ? pada artikel ini saya akan membahas cara pada titik pertama saja.
Yang dibutuhkan untuk membuat Website :
  1. Server / Hosting
  2. Domain
  3. Operator
Hosting merupakan tempat untuk menyimpan file-file (website) kamu, yang bisa diakses oleh orang lain secara online. secara singkat hosting adalah harddisk yang terhubung ke internet setiap hari.
Domain merupakan merupakan suatu standar pembuatan Alamat Website. Contoh domain : .com .net .org (biasanya berbayar) & .tk .co.cc (domain gratis)
Operator, orang yang memaintance website, website gak baru gk asik.,hehe..

Setelah
mendapat hosting. maka yang diperlukan adalah domain. Biar domain terlihat keren, biasanya orang lebih suka :
www.domainsaya.com : komersial
www.domainsaya.net   : netter
www.domainsaya.org : organisasi
Salah satu untuk mendapatkannya tanpa bayar ada di situs ini.
kamu cuma perlu daftar, dan mengajak temen kamu bergabung. maka akan mendapatkan domain gratis tersebut.
READ MORE - Membuat Website dengan domain .com .net .org Gratis
»» READ MORE.....

Kamis, 16 Februari 2012

Cara Memasang Search Box


1. Login pada blog anda
2. Rancangan
3. Tambah Gadget
4. HTML/Javascript
5. Copy Pastekan Kode di bawah ini
<form id="searchthis" action="http://namabloganda.blogspot.com/search" style="display:inline;" method="get"><input id="b-query" maxlength="255" name="q" size="20" type="text"/><input id="b-searchbtn" value="Search" type="submit"/>
6. Simpan
7. Selesai..

Ket:
  • Ganti tulisan yang berwarna merah dengan alamat blog anda
  • Anda bisa merubah tulisan yang berwarna biru (Search) dengan go, cari dll
Selamat Mencoba dan ditunggu commentnya ya?
READ MORE - Cara Memasang Search Box
»» READ MORE.....

Cara Memasang Read More Otomatis

Tau Read More gak? sedikit penjelasan dari saya
read more itu dalam istilah lain Jump Break yang berfungsi menyingkat post kita pada halaman Home Page agar tidak terlalu panjang. karena post yang panjang dapat mempengaruhi kecepatan blog kita. yauda yang mau masang read more otomatis ikuti langkah - langkah di bawah ini..
1. Login pada blog anda
2. Rancangan
3. Edit HTML
4. Download dulu templatenya biar gak terjadi hal - hal yang tidak diinginkan dengan cara mengklik Download Template Lengkap
5. Centang kotak kecil di ujung script box Expand Widget Template 
6. Cari kode </head> untuk mempermudah pencarian klik ctrl + f pada keyboard
7. Pastekan kode dibawah ini di atas kode </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
8. Selanjutnya cari kode <data:post.body/>
9. Ganti kode <data:post.body/> dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
10. Simpan Template

Selesai Deh..


Keterangan: 
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat Mencoba dan jangan lupa comment ya ?
READ MORE - Cara Memasang Read More Otomatis
»» READ MORE.....

Cara Memasang Profile Facebook Di Blogger

Hello all :D
kalian tau Facebook kan? pasti tau dong...
hari gene gak punya facebook apa kata dunia hhe.. :p
Facebook adalah salah satu situs jejaring sosial paling populer di dunia karen penggunaannya lebih mudah dibandingkan dengan situs jejaring sosial lainnya nah itulah yang akan kita bahas yaitu Cara Memasang Profile Facebook Di Blogger untuk itu kita ikuti langkah - langkah di bawah ini

1. Login ke Facebook anda (wajib)
2. Buka profil anda
3. Di paling bawah dan di bawah kolom keluarga ada tulisan Tambahkan Lencana ke Situs Anda atau biar tidak bingung klik DISINI
4. Jika Sudah ada 3 gambar yaitu Blogger, Typepad, Other di sebelahnya ada link Sunting lencana ini dan klik itu
5. Edit lah sesuai dengan keinginan anda
6. Jika sudah Simpan anda akan di kembalikan menuju halaman lencana profil
7. Selanjutnya klik +Blogger
8. Tab baru akan keluar dengan otomatis dan menuju halaman Menambah Elemen Baru dan kli Menambah Widget
9. Selesai Dehh...

Selamat Mencoba!!!
READ MORE - Cara Memasang Profile Facebook Di Blogger
»» READ MORE.....

Cara Memasang Cbox Di Blogspot

Source: google.com
 Hallo pengunjung setiaku...
apa kabar? pasti baik kan? hhe :D
mengingat pertanyaan teman saya kali ini kita akan membahas tentang Cara Memasang Cbox Di Blogspot, ngomong - ngomong tau cbox gak? cbox itu sejenis chat box yang anda bisa dapatkan secara gratis di situs aslinya , selain itu anda juga bisa mendesain cboxmu sendiri dari warna, smiles dll . oke deh kita langsung ke pembahasan
Langkah Awal
1. Kunjungi situs Cbox
http://www.cbox.ws/
2. Cari Get your own free Cbox now! dan klik itu
3. Setelah itu anda berada di halaman Sign Up
isi semua form pendaftarannya dan Create My Cbox!
3. Berikutnya anda berada di halaman Control Panel, di bagian menubar ada menu yang bernama Publish! dan klik itu, 
4. Copy kode yang berada di kotak paling bawah (atau klik Copy To Clipboard) untuk di pastekan di langkah kedua nanti
Langkah Kedua
1. Login ke blog anda
2. Rancangan
3. Tambah Gadget (anda tinggal memilih letak widgetnya seperti di rightbar)
4. Cari Html/Javasrcipt klik itu
5. Pastekan kode yang tadi di copy di menu kotak yang besar
6. Simpan
7. Selesai deh

Selamat Mencoba!!!
READ MORE - Cara Memasang Cbox Di Blogspot
»» READ MORE.....