Pengertian Blog

Blog berasal dari kata Web dan Log (WEBLOG) yang berarti catatan online (yang berada di web).
Pengertian yang lebih lengkap, blog adalah situs web yang berisi tulisan, artikel atau informasi bermanfaat yang diupdate (diperbaharui) secara teratur dan dapat diakses secara online baik untuk umum maupun pribadi

Ciri-ciri :

Klik tombol disamping untuk melihat

Berikut adalah ciri-ciri blog secara umum

1. Memiliki Nama dan Alamat yang bisa diakses secara online
   
2. Memiliki tujuan
   
3. Memiliki isi atau postingan yang berupa artikel, catatan, dan informasi lainnya
   
4. Postingan atau isi blog terarsip (tersimpan sesuai tanggal, bulan dan tahun posting)
   
5. Isi Blog umumnya selalu bertambah atau terupdate sesuai dengan tujuan blog
   

Tujuan Blog Secara Umum, antara lain :

Klik show untuk melihat

• Menyampaikan informasi yang bermanfaat untuk diri sendiri maupun bagi orang lain
• Memberikan keuntungan bagi diri sendiri maupun orang lain
• Menyalurkan hobby dan mengisi waktu luang dengan kegiatan yang positif
• Berkarya atau aktualisasi diri
• Saling bertukar pengetahuan dengan pembaca, blogger menulis, pengunjung memberikan tanggapan atau komentar
• Berbagi pengalaman 
• berbagi software berguna, seperti foto, film/video, dokumen, dsb
• banyak lagi, sesuai dengan jenis / topik yang diangkat

Karena blog bermacam-macam jenisnya, maka tujuan blog juga dipengaruhi oleh jenis blog tersebut.
misal :
>> Tujuan Blog Pribadi : bertujuan untuk memberikan informasi yang update tentang diri pemilik blog. Seputar pengalaman, hal-hal yang berkesan, catatan harian, catatan perjalanan pribadi, dan sebagainya
>> Tujuan Blog Kesehatan : bertujuan untuk memberikan informasi kesehatan terkini
>> Tujuan Blog bisnis : bertujuan untuk memberikan informasi terkini seputar bisnis sebuah perusahaan

Informasi lebih lengkap seputar blog, silahkan baca di situs id.wikipedia.org/wiki/Blog

Pengertian Blogger :
Blogger adalah pemilik blog atau pengarang isi blog.

Etika Blogger :

• Memiliki tujuan yang baik
  
• Membuat artikel/postingan yang asli, bukan hasil copy paste (plagiat) atau kegiatan lain yang melanggar hak cipta (tanpa ijin pemilik)
  
• Tidak membuat postingan yang merugikan orang lain, mengganggu, menipu (spam), mengandung kekerasan, isu sara, dan hal negatif lainnya
  

Perkembangan Blog :
Saat ini, khususnya di Indonesia, kegiatan blogging berkembang sangat pesat dengan tujuan yang beragam pula. Sebagian besar blog masih menggambarkan konsep blogging yang murni, akan tetapi sebagian blog juga berkembang sesuai dengan kemauan dan tujuan pemiliknya sehingga banyak yang berisi materi bebas dan terkadang keluar dari konsep blogging sebenarnya.

Splogs :
Splogs adalah singkatan dari spam blog, splogs umumnya berisi informasi spam yang tidak bisa dipertanggungjawabkan kebenarannya, dan bersifat merugikan seseorang maupun pihak lain.

Bila anda ingin membuat sebuah blog di blogger.com / blogspot, ada baiknya anda juga mengerti Term of Service (Syarat Pelayanan), hal ini bertujuan supaya anda mengetahui apa yang boleh maupun tidak boleh dilakukan dalam kegiatan blogging menggunakan blogger.com / blogspot (klik di sini)

Baca Selanjutnya »»  

Download Gambar Unik

Gambar Koala

Gambar Ubur-ubur

Gambar Penguins

Baca Selanjutnya »»  

Uj Coba

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Klik show untuk melihat

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna Pink dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini:

Contohnya :

Baca Selanjutnya »»  

Syntax Untuk Ucapan Selamat Datang di Blogger

  Ucapan Selamat Datang merupakan hal yang sangat penting untuk mempererat tali silaturahmi, begitu juga dalam dunia blogger yang berguna untuk memperkaya blogger.

 Silakan copy kode/syntax dibawah ini :

<script type='text/javascript'>varyourName = prompt(&quot;SelamatDatang &quot;, &quot;TulisNamaKamu?&quot;);</script>

letakan kode tersebut tepat diatas kode </head>

Baca Selanjutnya »»  

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header

Salam blogger, Kali ini saya sedikit berbagi tentang Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header.

Menu drop down dapat kita pasang di atas maupun di bawah nama blog, dengan memasang menu semacam ini tampilan blog kita semakin tampak bagus dan pastinya akan mempermudah pengunjung untuk mencari apa yang dibutuhkan dari blog kita. 

Untuk demonya silakan sobat blogger klik link berikut ini DEMO. Bagi sobat blogger yang berminat memasang menu semacam ini silakan ikuti langkah-langkah  di bawah ini

Cara Membuat Menu Drop Down Di Atas Header Atau Di Bawah Header:

1. Seperti biasa sobat harus login dulu di akun blog sobat
2. Pilih Template dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode ]]></b:skin> dan letakkan kode berikut tepat di atas kode ]]></b:skin>

Klik show untuk melihat

/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWEJUVBvj_S1ambTyF95Voiy76P8bKuclTvX-H-IxSSB2cl-yb1-aUvqOd4gTV2lqcAv7mHwZR9Q7jy81bt-JB72CSaleOhKg5LX-CXSJ_Hxo8aJzczaaf9QFwtTLWSnAcJUo8RhG5Jwg/s1600/menubar.png) repeat-x;width:960px;margin:0 auto;padding:0 auto} #menuwrapper{width:960px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh20aHtNAF-PGF-m3PnIQOdEW_p1f7Quhxu8OZ6rMSBp2FpcmhJPtytFqQl-HX1a3sKCUUN5_pheKbA_DoSerF5YOaNCy0RDuqZAwwfNfK4aWM6Uu0sgrMrHbbEQQcsotwq9HybPJW3Bc/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

Selanjutnya sobat blogger cari kode berikut:

• <header>  : untuk menempatkan menu di atas nama blog
• </header> : untuk menempatkan menu di bawah nama blog

Copy kode di bawah ini dan letakkan tepat di atas kode <header> atau di bawah kode </header>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'><img border='0' src='http://1.bp.blogspot.com/-Yx-NuFKviSQ/TwETaPMdmfI/AAAAAAAAATs/fLZvwofZ8N0/s1600/home_white.png' style='padding:0px;'/> Home</a></li>
<li><a href='http://www.blogger.com/profile/06961337061354681028' target='new'>Tentang Admin</a></li>
<li><a class='trigger'>Contact Us</a>
<ul>
<li><a href='https://plus.google.com/u/0/106997202037581570725' target='new'>Goggle +</a></li>
<li class='hr'/>
<li><a href='http://twitter.com/den_zuaz' target='new'>Contact on Twitter</a></li>
<li><a href='http://www.myspace.com/denzuaz' target='new'>Contact on Myspace</a></li>
<li><a href='http://www.facebook.com/zuazTama' target='new'>Zuaz&#39;Z on Facebook</a></li>
</ul>
</li>
<li><a href='http://zuazz.blogspot.com' target='new'>Zuaz&#39;Z Creator</a></li>
<li><a class='trigger'>Tips dan Trik</a>
<ul>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20komputer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/tips%20dan%20trik%20blog'>Blogspot</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/facebook'>Facebook</a></li>
<li class='hr'/>
</ul>
</li>
<li><a class='trigger'>Kategori</a>
<ul>
<li><a href='http://zuazz.blogspot.com/2012/01/tv-online.html'>TV Online</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/computer'>Komputer</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/desain%20grafis'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/game'>Game</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/microsoft'>Microsoft</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20aplikasi'>Software APP</a></li>
<li class='hr'/>
<li><a href='http://zuazz.blogspot.com/search/label/software%20program'>Software Program</a></li>
</ul>
</li>
</ul> <div class='menusearch'>
<div style='float:right;padding:8px 8px 0 0;'>
<form action='http://zuazz.blogspot.com/search' method='get' target=''>
<input name='sitesearch' style='display:none;' value='http://zuazz.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:170px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(http://1.bp.blogspot.com/-kmhya2YU7jE/Tv9JVye66xI/AAAAAAAAAP8/S0ZeuQ910Ow/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='http://4.bp.blogspot.com/-b9FTjjXAbp4/TwEo-YIwe-I/AAAAAAAAAU4/Du-VmpE9hPE/s1600/bg_search.gif' type='image' value='Search'/>
</form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

Baca Selanjutnya »»  

Kali ini saya akan menulis tips blogger Membuat Tombol Show-Hide Spoiler di Posting Blog . Sudah tahukan sobat, apa itu Tombol Show-Hide Spoiler?

Berikut cara gampang pasang Tombol Show / Hide Spoiler di postingan blog, copy lalu paste script di bawah ini di postingan blog sobat. 

 Berikut ini scriptnya :

Klik tombol dibawah untuk melihat

Klik Tombol untuk melihat

CONTOH TOMBOL SPOILER DOUBLE

Baca Selanjutnya »»