Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts
Thursday, November 10, 2011

Cara Meletakan Gambar Yang Selalu Berada di Pojok

Pada postingan kali ini, saya akan membahas bagaimana cara meletakan gambar yang selalu berada di pojok meskipun "scroll bar" ditarik kemana-mana. Kalo untuk di blog ini saya pasang gambar Blogger Indonesia yang berada di kanan bawah. Wiss mudeng kan ???


Langkah- langkahnya seperti ini :
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo sudah ketemu letakan kode berikut ini di atasnya.

#trik_pojok {
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); }
3. Text yang dicetak tebal adalah posisinya, jika teman- teman ingin merubah di posisi pojok kanan bawah tinggal text "right" diganti dengan "left". Begitu juga tulisan "bottom", jika ingin posisinya di atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://aguskristianto.blogspot.com">
<img src="http://i622.photobucket.com/albums/tt305/aguschristiant/Blog/BloggerIndonesia.png" border="0" /></a>
</div>
"http://aguskristianto.blogspot.com" adalah link. ganti dengan link kamu.
"http://i622.photobucket.com/albums/tt305/aguschristiant/Blog/BloggerIndonesia.png" adalah URL gambarmu. Silahkan ganti dengan URL gambar kamu.

5. Jika teman - teman ingin yang ada disitu bukan gambar tetapi widget-widget ( chat box, iklan, kalender, dl ) yang lain, maka ganti text yang berwarna biru dengan script widget-widget tersebut.
6. Simpan dan lihat hasilnya.


Terima Kasih,
Semoga Bermanfaat,


Read more ...
Wednesday, November 9, 2011

Membuat Page Navigation Pada Blog

Pada postingan kali ini saya akan menjelaskan bagaimana cara membuat Page Navigation. Page Navigation adalah suatu navigasi halaman yang ditandai dengan penomeran halaman dari postingan yang paling baru ke postingan yang lebih lawas. Supaya tidak bingung, coba perhatikan gambar dibawah ini, yang saya beri garis warna merah.


Langkah langkahnya sebagai berikut :

1. Silakan sobat login ke akun blog sobat.

2. Klik pada menu rancangan > edit HTML

3. Kemudian cari kode
]]></b:skin>
4. Copy kode dibawah ini dan letakkan SEBELUM kode ]]></b:skin>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
5. Setelah itu cari kode </body>
6. Letakkan kode dibawah ini SEBELUM kode </body>
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://aguskristianto.googlecode.com/files/aguskristianto-page-navigation.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends --> 
7. Simpan dan lihat hasilnya.

Jika teman- teman ingin merubah jumlah postingan yang tampil pada setiap halaman silahkan ubah angka 5 menjadi angka berapa saja yang teman- teman inginkan pada kode berikut :
var displayPageNum = 5;
Sedangkan pada kode dibawah ini teman - teman bisa memodifikasi kata NEXT dan PREVIOUS menjadi SEBELUMNYA atau BERIKUTNYA ataupun dengan kata-kata yang sobat inginkan.
var upPageWord = 'Sebelumnya';
var downPageWord = 'Berikutnya';


 
Terima Kasih,
Semoga Bermanfaat,


Read more ...
Saturday, October 29, 2011

Membuat Tombol Add Comment Dengan Efek Jquery Slider

Pada postingan kali ini saya ingin berbagi informasi tentang bagaimana Membuat Sebuah Tombol Add Comment dengan Efek Jquery.  Cara ini sangat cocok untuk blog yang dikunjungi banyak komentar, maka sangat membantu para pembaca untuk menyeret bagian bawah untuk diposting komentar. Intinya adalah, pada saat kita menge klik " Add Comment ", kita akan langsung dibawa ke halaman kotak komentar.


Caranya adalah seperti ini  :

1. Masuk Ke Halaman Blogger
2. Klik Design => Edit HTML
3. Centang Expand Widget Templates
4. Cari kode </b:skin>
5. Masukkan kode CSS dibawah ini tepat di atas kode </b:skin>
a.add_comment{text-decoration:none;color:#fff}
.add_comment{float:right;padding:6px 10px;margin:20px;text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;display:inline-block;background:#d43131;background:-moz-linear-gradient(top,#ffaa9a,#f8674b 5%,#d54746);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa493),color-stop(.03,#f8674b),to(#d54746));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b',EndColorStr='#d54746')";-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d1371c;border-bottom:1px solid #9f220d;color:#FFF;text-shadow:0 1px 1px #6f3a02}
.add_comment:hover{background:#c92929;background:-moz-linear-gradient(top,#ff9986,#ee5f43 5%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fa8772),color-stop(.03,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43',EndColorStr='#d04443')";border-bottom:1px solid #9f220d}
.add_comment:focus{padding:7px 11px;color:#FFF;text-shadow:0 -1px 1px #894906;border:none;background:#bc2323;background:-moz-linear-gradient(top,#d04443,#ee5f43 95%,#d04443);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d04443),color-stop(.9,#ee5f43),to(#d04443));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443',EndColorStr='#ee5f43')";box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-webkit-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7;-moz-box-shadow:inset 0 2px 5px #9b1313,0 1px 0 #e0c7c7}
6. Cari kode <b:includable id='comments' var='post'>
7. Sisipkan kode dibawah ini tepat bawah kode <b:includable id='comments' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='add_comment' href='#comment-form'>Add a comment</a>
<div class='clear' />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>$('.add_comment').click(function(){$('html,body').animate({scrollTop:$(".comment-form").offset().top},1000);});</script></b:if>
8. Simpan & Selesai


Terima Kasih,
Semoga Bermanfaat,


Read more ...
Wednesday, October 26, 2011

Menambahkan Author Box di Bawah Postingan

Author Box yaitu profil singkat sang penulis blog beserta photonya. Author box itu bisa menampilkan biografi singkat diri kita dan juga mungkin bisa menambahkan kontak kita. Dengan menambahkan author box di bawah komentar akan membuat blog kita jelas dan para pengunjung mengerti siapa orang dibelakan blog tersebut.

 

Berikut ini cara Menambahkan Author Box di Bawah Postingan :
1. Login ke Blogger.
2. Pada halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> dan letakan kode berikut di atasnya;
 .author-box {
background: #f0f0f0;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box a{
color:#666;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}


6. Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='avatar' class='avatar avatar-125 photo' height='90' src='URL avatar/photo kita' width='70'/><b>About Author</b><br/>Biografi singkat tentang diri kita<br/></p></div></b:if>

7. Sebelum menyimpan, ganti URL dengan URL photo kita, dan tulis biografi singkat tentang diri kita. Dan juga bisa menganti judul about author, juga bisa mengubah kode css yang disesuaikan dengan tampilan blog kita.
8. Simpan jika sudah selesai.



Terima Kasih,
Semoga Bermanfaat.





Read more ...

Cara Membuat Teks Area Dengan Berbagai Jenis Tampilan

Kali ini saya ingin berbagi informasi tentang Cara Membuat Teks Area Dengan Berbagai Jenis, bagi teman - teman yang belum mengerti silahkan di cek yah .. hehehe

1. Teks Area standar / default

Kode :

<center><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :





Keterangan :
Rows = Tinggi
Cols = Lebar

2. Teks Area dengan button / tombol higtlight

Kode : 

Untuk yang ini, adalah memudahkan Pengunjung Blog anda untuk memberi tanda hightlight

<center><form name="copy"><input value="Klik Tandai" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/><textarea rows="5" cols="25" style="display: inline;" name="txt">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></form></center>

Hasil Kode :





3. Teks Area dengan onclick hightlight

Untuk contoh yang ini hampir sama dengan textarea yang ada button hightlighnya.

Kode :


<center><textarea rows="5" cols="25" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :






4. Teks Area Dengan sensitif hightlight

Untuk teks area type ini fungsinya hampir sama dengan teks area yang sebelumnya , tetapi lebih sensitif, maksudnya ketika mouse berada di wilayah teks area walaupun tanpa ngeklik tapi akan mengeblok sendiri,

Kode :

<center><textarea rows="5" cols="25" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks/ kode/ script yang ingin Anda masukan disini.</textarea></center>

Hasil Kode :





Nb : Jika teman - teman ingin merubah lebar dan tinggi tampilan textarea silahkn ganti angka pada kata " rows " dan " cols ".


Terima Kasih,
Semoga Bermanfaat.
Read more ...
Saturday, September 3, 2011

Cara membuat halaman Under construction

Halaman Under construction biasa nya digunakan saat website yang kamu buat Sedang di perbaiki tampilannya. mungkin dari menu, warna, dan background blogmu. Jadi Fungsi dari Halaman Under construction untuk melakukan renovasi blogmu secara total atau keseluruhan langsung saja kita pelajari.

Under construction



  1. Login blogmu.
  2. Pilih rancangan
  3. pilih Edit html.
  4. Pilih Save template atau Download template Lengkap pada Text link di Bawah menu.
  5. Photobucket
  6. Kemudian Centang Expand Template Widget.
  7. Cari Code <body>  dan </body>.
  8. Kemudian Hapus Code sampai Code jadi <body> ........ </body>. di Hapus.
  9. kemudian Ganti dengan Code berikut.
  10. <body> <img src="URL GAMBAR" class="alignleft" width="1345" height="538" /> </body> 
  11. Save template
Keterangan :
  • Code berwarna BIRU kamu ganti dengan URL gambar kamu.

Demikian artikel tentang cara membuat halaman under construction.


Terima Kasih,
Semoga Bermanfaat.



Read more ...
Wednesday, August 12, 2009

Cara Memasang Google Translate Pada Blogspot


1. Log In dulu ke account blogger Anda
2. Klik Layout > Page Element > Tambah Gadget



3. Klik Add Gadget > Edit HTML/Java Script



4. Kemudian masukkan kode di bawah ini

<center><br/><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script><br/></center>

5. Simpan dan lihat hasilnya



Terima Kasih,
Semoga Bermanfaat.

Read more ...

About Google Translate


Layanan google translate saat ini sudah mencakup 34 bahasa, dan kita sebagai negara indonesia cukup berbangga diri karena bahasa indonesia termasuk satu diantaranya.Dengan layanan situs web gratis ini, pengguna bahasa Indonesia dapat menerjemahkan teks frase atau halaman web tertentu dari dan ke bahasa Indonesia. Mereka juga dapat menggunakan kata-kata kunci dalam bahasa Indonesia untuk mencari halaman situs web yang diterbitkan dalam 34 bahasa dan hasilnya diterjemahkan secara otomatis ke dalam bahasa Indonesia.
-->
Selain itu, Google juga menyediakan sebuah alat (gadget) yang dapat digunakan oleh pemilik situs web berbahasa Indonesia untuk menerjemahkan secara instan halaman situs web mereka ke 34 bahasa lainnya.
Kini, pengguna internet yang mengunjungi situs web berbahasa Indonesia dapat menerjemahkan situs web tersebut secara otomatis ke salah satu dari 34 bahasa yang tersedia dengan menggunakan menu drop-down yang terdapat pada gadget Google Terjemahan™. Pengguna akan dibawa secara otomatis ke versi situs web anda yang telah diterjemahkan.
-->
Layanan tersebut dapat diakses di http://translate.google.co.id. Google Terjemahan™ saat ini mendukung bahasa-bahasa:

Arab, Indonesia, Bulgaria, Catalan, Cina, Kroasia, Ceko, Denmark, Belanda, Inggris, Filipina, Finlandia, Perancis, Jerman, Yunani, Yahudi, Hindi, Italia, Jepang, Korea, Latvia , Lithuania, Norwegia, Polandia, Portugis, Rumania, Rusia, Serbia, Slovakia, Slovenia, Spanyol, Swedia, Ukraina, dan Vietnam.
Nb: Google Translate hanya bisa menerjemahkan kata yang sesuai dengan ejaan yang benar bukan bahasa gaul atau sehari- hari.
Jadi, jangan heran kalau hasil terjemahan teman- teman tidak terlalu sempurna.

Sumber: http://tutor-internet.com

Terima Kasih,
Semoga Bermanfaat.

Read more ...
Tuesday, August 11, 2009

Cara Membuat Shoutmix Tersembunyi



1. Pertama-tama Log In terlebih dahulu ke Account Blogger Anda.
2. Setelah itu klik Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Java Script.

3. Kemudian masukkan kode di bawah ini.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD5YH7Jv0u18XdkOqXY19VXtCDK2D2Wr319FkRk5rnW2czG8tEkhClQOlRSCgCphbt9jIWeGDeFCBG228P12lTUFciYSzHt0IIkdnIlPNd-ZB93vMnICJ9faCbhu_HmowbcSMIeAmRPaHR/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" frameborder="0" width="300" src="http://www2.shoutmix.com/?aguschristiant" height="400" title="aguschristiant">
<a href="http://www2.shoutmix.com/?aguschristiant">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Ganti kode yang berwarna biru dengan kode shoutmix anda
5. Lalu simpan dan lihat hasilnya.


Terima Kasih,
Semoga bermanfaat.

Read more ...

Cara Memasang Shoutmix Pada Blogspot

Shoutmix adalah tempat komunikasi dengan meninggalkan pesan (chatbox) yang umumnya di letakan pada sebuah blog atau website, yang mempermudah pengunjung untuk meninggalkan pesan.

Langkah-langkah memasang Shoutmix :

Mendaftar untuk mendapatkan Shoutmix

1. Masuk dahulu ke situsnya http://www.shoutmix.com
2. Klik CREATE YOUR SHOUTBOX NOW
3. Isi Formulir pendaftaran/ register


  • Shoutbox ID:
“Username untuk mengakses Shoutbox, contoh: "aguschristiant”
  • Choose Password:
“Isi dengan password yang diinginkan”
  • Retype password:
“Isi kembali password yang di atas”
  • Name:
“Nama Anda, contoh: "Agus kristianto”
  • Email:
“Masukan email Anda, contoh "aguschristiant@gmail.com"
  • Checklist ” I have read and agree to the Terms of Service.”
  • Klik continue

1. Pilih salah satu bentuk
Shoutmix yang diinginkan dengan mengklik lingkaran di gambar, kemudian klik Continue

2. Kemudian klik “Go to my control panel now >>
3. Klik Get codes, jika ingin merubah warna atau style shoutmix anda bisa merubah di bagian Display.


4. Tentukan Width (Lebar) dan Height (Tinggi) yang diinginkan, atau dibiarkan saja.

5. Blok Script (code tulisan di bawahnya) klik kanan mouse, klik copy.

MEMASANG SCRRIPT DI BLOGSPOT
1. Buka jendela baru, File => New => Window, atau File => New Tab

2. Login ke blogspot
3. klik “Tata Letak”


4. Klik Tambah Gadget -->
HTML/JavaScript


5. Masukan Judul yang diinginkan, contoh: Tinggalkan Pesan
6. Pada bagian Konten, Paste Kode Script yang tadi diambil di shoutmix.com

7. Kemudian klik Simpan
8. Kemudian pada Layout bagian atas klik SIMPAN (sebelah kanan BERSIHKAN EDIT)

9. Lihat hasilnya dengan klik “Lihat Blog” pada bagian atas Dashboard



Demikian Cara Memasang Shoutmix Pada Blogspot.


Terima Kasih,
Semoga bermanfaat..


Read more ...
Wednesday, July 22, 2009

Istilah Dalam Dunia Blog

Istilah Dalam Dunia Blog


Setelah kita membuat blog, kita akan mengenal beberapa istilah asing yang lazim digunakan di dunia blog, untuk itu kita perlu mengenal dan memahami maksud dari istilah-istilah tersebut. Untuk itu simaklah penjelasan mengenai istilah-istilah yang sering digunakan di blog:

  1. Archive : merupakan arsip blog kita, atau merupakan gudang penyimpanan tulisan yang pernah kita tulis sebelumnya di blog.
  2. Avatar : adalah gambar yang kita gunakan untuk profil kita
  3. Blogging : kegiatan menulis blog
  4. Blogosphere : Dunia blog
  5. Blogroll : merupakan kumpulan link-link blog orang lain atau link-link kawan-kawan kita yang memiliki blog.
  6. Bookmark : tempat menyimpan situs favorit
  7. Blogger : istilah untuk orang yang memiliki blog, anda sudah bisa disebut blogger jika anda sudah memiliki blog
  8. Blogwalking : adalah aktivitas mengunjungi blog-blog orang lain, blogwalking merupakan sarana untuk saling memberi komentar, menambah sahabat, bahkan menambah traffic blog kita
  9. Celeblog : orang yang blognya terkenal dan berpengaruh di dalam blogosphere
  10. Feed : sindikasi yang mempermudah pembaca blog untuk membaca blog melalui reader
  11. Hiatus : Tidak menulis di blog dalam jangka waktu yang lama
  12. Problogger : Blogger yang memperoleh uang dari aktivitas ngeblog
  13. Permalink : Permanent link, link yang menuju ke postingan sebuah blog
  14. Template : Desain blog
  15. Trackback : Notifikasi jika ada yang membuat link ke blog
  16. Traffic : jumlah pengunjung yang datang ke blog kita
  17. SEO : singkatan dari Search Engine Optimization, yaitu suatu teknik yang digunakan untuk meningkatkan posisi blog di dalam pencarian sebuah search engine.
Nah selanjutnya masih ada istilah-istilah lain yang bakal anda temui nantinya, tapi cukuplah anda pahami istilah itu dulu, nanti dengan sendirinya kalau anda terus aktif di dunia blog anda akan mengerti istilah dalam dunia blog dengan sendirinya.


Terima Kasih,
Semoga Bermanfaat.



Read more ...

Cara Membuat Blog

Cara Membuat Blog.- Pada tutorial kali ini saya akan mencoba berbagi tips kepada Anda bagaimana Cara Membuat Blog dengan mudah dan cepat. Sebenarnya banyak sekali situs penyedia blog gratisan tersebut di internet. Tapi untuk tutorial ini saya menggunakan blog milik Google, yaitu blogger. Blogger adalah salah satu layanan blog gratisan terbesar yang paling banyak di gunakan.

Fungsi blog itu sendiri dapat digunakan sebagai media penghubung antara si penulis dan pembaca, jadi si pembaca blog paham dan mengerti dengan maksud dan tujuan yang ditulis oleh penulis itu sendiri. bisa juga menjadi penghubung antara si penjual dan pembeli (dalam hal ini blog yang digunakan sebagai sebuah ladang usaha menjual produk. sebutan populernya Toko Online).

Membuat blog itu sebenarnya tidak terlalu susah, karena caranya hampir sama dengan membuat email, yang penting adalah Anda cermat dengan tutorial yang dibahas disini. Anda akan mampu membuat blog tanpa perlu duduk ber jam-jam di depan komputer Anda.

Langkah 1: Daftarkan Diri Anda di Google/Gmail
  • Silahkan anda masuk ke http://www.gmail.com, karena untuk masuk ke blogger, Anda harus memiliki accountl gmail.
  • Silahkan kunjungi http://www.blogger.com untuk melakukan pendaftaran blog baru.
  • Jika Anda sudah memiliki login di Gmail, Anda tinggal login, maka Anda akan masuk ke Control Panel blogger.com.
Langkah 2 : Buat Blog Anda
  • Klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA.
Cara Membuat Blog
Halaman Pertama


Langkah 3 : Lengkapi Pendaftaran Anda
  • Setelah Anda klik tanda panah besar yang bertuliskan CIPTAKAN BLOG ANDA, maka akan muncul formulir seperti yang ada pada gambar dibawah ini.
  • Proses ini akan menciptakan account Google yang dapat Anda gunakan pada layanan Google lainnya. Jika Anda sudah memiliki sebuah account Google mungkin dari Gmail, Google Groups, atau Orkut.
  • Satu account Google bisa digunakan untuk mengakses semua fasilitas yang disediakan oleh Google.
  • Alamat email yang Anda masukan harus sudah ada sebelumnya. Anda akan dikirim konfirmasi ke email tersebut. Jika Anda menggunakan email palsu atau email yang baru rencana akan dibuat, maka pendaftaran bisa gagal.
  • Lengkapi data yang lainnya.
  • Tandai "Saya menerima Persyaratan dan Layanan" sebagai bukti bahwa Anda setuju.
  • Setelah lengkap, klik tanda panah yang bertuliskan lanjutkan.

Cara Membuat Blog
Form Pendaftaran 1
Cara Membuat Blog
Form Pendaftaran 2


Langkah 4: Memilih Nama Blog dan URL Blog
  • Jika Anda berhasil, Anda akan dibawa ke halaman seperti pada gambar dibawah. Jika gagal? Gagal biasanya karena verifikasi kata Anda salah. Itu wajar karena sering kali verifikasi kata sulit dibaca. Yang sabar saja, ulangi sampai benar.
  • Setelah Anda berhasil mendaftar, Anda akan dibawa ke halaman seperti yang ada pada gambar dibawah. Sekarang Anda mulai membuat blog dengan mengisi nama dan alamat blog Anda.
  • Sebagai contoh, saya menamakan blog tersebut dengan nama Tutorial Belajar Blog Untuk PemulaSaya memilih alamat blog dengan alamat http://aguskristianto.blogspot.com
  • Jika Anda membuat artikel dengan tujuan mempromosikan produk Anda atau produk afiliasi, maka dalam memilih nama, harus berisi nama produk atau jasa yang akan Anda tawarkan.
  • Anda juga bisa meneliti kata kunci yang paling banyak dicari orang (tentu harus berhubungan dengan produk yang Anda jual) di : https://adwords.google.com/select/KeywordToolExternal
  • Anda bisa mengecek ketersediaan alamat blog yang Anda pilih. Jika tersedia bisa Anda lanjutkan. Jika tidak tersedia, maka Anda harus kreatif mencari nama lain atau memodifikasi alamat yang sudah ada, misalnya ditambahkan xxx, 21, 89, dan bisa juga dengan menyisipkan nama Anda.
  • Lanjutkan dengan klik tanda panah bertuliskan LANJUTKAN.
Cara Membuat Blog
Proses Pembuatan Blog


Langkah 5 : Pilih desain yang sesuai dengan selera Anda.
  • Jika berhasil, Anda akan diarahkan ke halaman seperti yang ada pada gambar dibawah.
  • Pilihlah tema yang sesuai dengan selera Anda. Jika tidak ada yang sesui dengan selera Anda, jangan khawatir, nanti masih banyak pilihan tema yang bisa Anda install sendiri. Sekarang pilih saja tema agar proses pembuatan blog bisa diselesaikan. Anda bisa preview tema dengan klik gambarnya.
  • Untuk Memilih tema Anda klik (tandai) bulatannya o seperti pada gambar dibawah. Lihat yang saya tunjuk dengan panah merah buatan saya.
  • Setelah itu Anda klik tanda panah yang bertuliskan LANJUTKAN
Cara Membuat Blog
Memilih Tema



Langkah 6 : Cara Membuat Blog Selesai
  • Sekarang tinggal posting, pengaturan, dan tata letak
  • Selamat, sekarang Anda sudah memiliki sebuah blog. Sekarang Anda sudah mulai bisa memposting pemikiran Anda di blog dan dibagi ke seluruh dunia.
  • Memang masih ada beberapa hal yang harus Anda lakukan, yaitu pengaturan, tata letak, penambahan eleman, dan penggantian tema jika Anda menginginkan tema yang lain. Ini untuk tingkat lanjut.

Demikian postingan kali ini tentang Cara Membuat Blog.



Terima Kasih,
Semoga Bermanfaat.
Read more ...

Apa Itu Blog ? ?

Apa Itu Blog ?

Blog adalah kependekan dari Weblog, istilah yang pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997. Jorn Barger menggunakan istilah Weblog untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar mereka sendiri.

Blog kemudian berkembang mencari bentuk sesuai dengan kemauan para pembuatnya atau para Blogger. Blog yang pada mulanya merupakan ''catatan perjalanan'' seseorang di internet, yaitu link ke website yang dikunjungi dan dianggap menarik, kemudian menjadi jauh lebih menarik daripada sebuah daftar link. Hal ini disebabkan karena para Blogger biasanya juga tidak lupa menyematkan komentar-komentar ''cerdas'' mereka, pendapat-pendapat pribadi dan bahkan mengekspresikan sarkasme mereka pada link yang mereka buat

Dari komentar-komentar tadi biasanya Blog kemudian menjadi jendela yang memungkinkan kita ''mengintip'' isi kepala dan kehidupan sehari-hari dari penciptanya. Blog adalah cara mudah untuk mengenal kepribadian seseorang Blogger. Topik-topik apa yang dia sukai dan tidak dia sukai, apa yang dia pikirkan terhadap link-link yang dia pilih, apa tanggapannya pada suatu isu. Seluruhnya biasanya tergambar jelas dari Blog-nya. Karena itu Blog bersifat sangat personal. 

Roger Yim, seorang kolumnis San Francisco Gate pada artikelnya di Februari 2001, menuliskan bahwa sebuah Blog adalah persilangan antara diary seseorang dan daftar link di internet. Sedangkan Scott Rosenberg dalam kolomnya di majalah online Salon pada Mei 1999 menyimpulkan bahwa Blog berada pada batasan website yang lebih bernyawa daripada sekadar kumpulan link tapi kurang instrospektif dari sekadar sebuah diary yang disimpan di internet. 

Perkembangan lain dari Blog yaitu ketika kemudian Blog bahkan tidak lagi memuat link-link tapi hanya berupa tulisan tentang apa yang seorang Blogger pikirkan, rasakan, hingga apa yang dia lakukan sehari-hari. Blog kemudian juga menjadi diary anline yang berada di internet. Satu-satunya hal yang membedakan Blog dari diary atau jurnal yang biasa kita miliki adalah bahwa Blog dibuat untuk dibaca orang lain. Para Blogger dengan sengaja mendesain Blog-nya dan isinya untuk dinikmati orang lain. 

Blog pertama kemungkinan besar adalah halaman What's New pada browser Mosaic yang dibuat oleh Marc Andersen pada tahun 1993. Kemudian pada Januari 1994 Justin Hall memulai website pribadinya Justin's Home Page yang kemudian berubah menjadi Links from the Underground yang mungkin dapat disebut sebagai Blog pertama seperti yang kita kenal sekarang

Hingga pada tahun 1998, jumlah Blog yang ada di luar sana belumlah seberapa. Hal ini disebabkan karena saat itu diperlukan keahlian dan pengetahuan khusus tentang pembuatan website, HTML, dan web hosting untuk membuat Blog, sehingga hanya mereka yang berkecimpung di bidang internet, System Administrator atau Web Designer yang kemudian pada waktu luangnya menciptakan Blog-Blog mereka sendiri

Pada Agustus 1999 sebuah perusahaan Silicon Valley bernama Pyra Lab meluncurkan layanan Blogger.com yang memungkinkan siapa pun dengan pengetahuan dasar tentang HTML dapat menciptakan Blog-nya sendiri secara online dan gratis. Walaupun sebelum itu (Juli 1999) layanan membuat Blog online dan gratis yaitu Pitas telah ada dan telah membuat Blogger bertambah hingga ratusan, tetapi jumlah Blog tidak pernah bertambah banyak begitu rupa sampai Blogger.com muncul di dunia per-blog-an. 

Blogger.com sendiri saat ini telah memiliki hingga 100.000 Blogger yang menggunakan layanan mereka dengan pertumbuhan jumlah sekitar 20% per bulan. Blogger.com dan Pitas tentu tidak sendirian, layanan pembuat blog online diberikan pula oleh Grouksoup, Edit this Page dan juga Velocinews

Sejak saat itu Blog kian hari kian bertambah hingga makin sulit untuk mengikutinya. Eatonweb Portal adalah salah satu daftar Blog terlengkap yang kini ada diantara daftar Blog lainnya. Ribuan Blog kemudian bermunculan dan masing-masing memilih topik bahasannya sendiri, dimulai dari bagaimana menjadi orangtua yang baik, hobi menonton film, topik politik, kesehatan, seks, olah raga, buku komik dan macam-macam lagi. Bahkan Blogger ada Blog tentang barang-barang aneh yang dijual di situs lelang Ebay yang bernama Who Would By That? 

Cameron Barret menulis pada Blog-nya esai berjudul ''Anatomy of a Weblog'' yang menerangkan tema dari Blog. Blog seringkali sangat terfokus pada sebuah subjek unik yaitu sebuah topik dasar dan/atau sebuah konsep yang menyatukan tema-tema dalam Blog tersebut. Secara sederhana topik sebuah Blog adalah daerah kekuasaan si Blogger-nya tanpa ada editor atau bos yang ikut campur, tema segila apa pun biasanya dapat kita temukan sejalan dengan makin bermunculannya Blog di internet. Dan ya, ide itu telah terpikirkan, Blogger bahkan sekarang telah membuat Blog dari Blog, dan bahkan Blog dari Blog dari Blog

Dari sedemikian banyak Blog yang ada, Blog-blog yang menetapkan standar dari Blog dan terkenal sehingga memiliki penggemarnya sendiri di antaranya adalah Blog milik Jorn Barger, Robot Wisdom yang disebut-sebut merupakan Blog terbesar dan paling berguna dimana dia setiap harinya menyodorkan sekian banyak link yang dibentuk dari ketertarikannya pada seni dan teknologi. Camworld adalah Blog populer milik Cameron Barret seorang desainer interaktif di mana dia mengkatrgorikan topik-topik Blog-nya pada kategori, Random Thoughts, Web Design dan New Media. Camworld dapat disebut sebagai Blog klasik dalam arti Blog tersebut mengandung dosis tepat dari karakter dan opini pribadi dicampur dengan keselektifan pemilihan link-nya.

Terima Kasih,

Semoga Bermanfaat.


Read more ...