On the blogger : For Sharing Knowledge, Idea, Tips and Trick, Information, etc...

Menu Horizontal

noreply@blogger.com (Admin Blog) — Wed, 27 Feb 2008 09:37:00 +0000

"Bagaimana membuat Menu Horizontal pada blog kamu?"

Baiklah, tanpa perlu banyak basa-basi, kita langsung saja ke pembahasannya.

Untuk membuat Menu Horizontal seperti yang ada dalam Blog ini, kita cukup menambahkan kode CSS dan HTML melalui halaman edit html.

(Btw, untuk mendapatkan berbagai kode untuk membuat Menu-menu Horizontal, bisa kamu lihat di sini).

Langkah-langkahnya adalah sebagai berikut :

Setelah Login/masuk kedalam kontrol panel blog anda. Klik Menu "Layout" lalu kemudian klik "Edit Html".
Lalu Copy paste-kan kode berikut ini ke dalam menu edit html pada Blog Anda :

#horizontalmenu {
  font-weight: bold;
  font-size:16px;
  font-family: "Times New Roman", Times, Serif;
  line-height: 1.4em;
  text-transform:none;
  text-align: center;
  }

#horizontalmenu:after { /*Add margin between menu and
rest of content in Firefox*/
content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

#horizontalmenu ul {
  text-indent: 10px;
  padding:2px 0 2px 4px;
  margin: 0;
  background-color: #ffffff;
  border-bottom:4px double #cc0000;
  text-align: center; /*set value to "center" for
example to center items*/
  }

#horizontalmenu ul li {
  display: inline;
  }

#horizontalmenu ul li a {
  color: #cd5c5c;
  padding: 3px 3px 3px 3px;
  padding-right: 25px;
  padding-left: 25px;
  margin:1.2em 0 .75em;
  text-decoration: none;
  background: transparent url(media/slantdivider.gif)
  top right no-repeat;
  }

#horizontalmenu ul li a:visited {
  color: #494949;
  }

#horizontalmenu ul li a:hover {
  color: black;
  }

.cssbutton {
  background-color: #ffffff;
  border: 1px #cc0000 outset;
  padding: 1px 40px;
  color: black;
  text-decoration: none;
  font: bold 90% "Lucida Grande", "Trebuchet MS",
  Verdana, Helvetica, sans-serif;
  }

.cssbutton:visited {
  color: black;
  }

.cssbutton:hover {
  border-style: inset;
  background-color: #cc0000;
  padding: 2px 3px 0 5px; /*shift text 1px to the
right and down*/
  }

.cssbutton:active {
  color: black;
  }

Note : Letakkan kode dia atas di antara tag <head> dan </head>

Dan untuk mendapatkan tampilan Menu Horizontalnya pada blog, maka kamu harus menambahkan beberapa kode HTML seperti di bawah ini :

<div id='horizontalmenu'>
  <a class='cssbutton' href='alamat url buat link1' title='Your title for link1'>Teks for link1</a>
  <a class='cssbutton' href='alamat url buat link2' title='Your title for link2'>Teks for link2</a>
  <a class='cssbutton' href='alamat url buat link3' title='Your title for link3'>Teks for link3</a>
  <a class='cssbutton' href='alamat url buat link4' title='Your title for link4'>Teks for link4</a>
</div>

Note :

Gantilah teks atau tulisan "alamat url buat link" dengan alamat url yang anda ingin tambahkan.
Gantilah teks atau tulisan "Your title dengan teks atau tulisan yang ingin ditampilkan saat mouse berada di atas link.
Gantilah teks atau tulisan "Teks Link" dengan teks yang ingin ditampilkan sebagai link dari alamat URL yang telah anda tambahkan.

Oke, kiranya cara ini bisa membantu kamu yang ingin membuat Menu Horizontal pada Blog (new blogger).

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

Cara membuat Read More atau baca selengkapnya pada blogger baru

noreply@blogger.com (Admin Blog) — Wed, 27 Feb 2008 08:48:00 +0000

Sebagai seorang pemula dalam dunia Blogging. Tentunya, pengetahuan saya tentang nge-Blogging masih minim. Terutama lagi soal 'Bagaimana mengedit kode HTML pada bagian Template Post Blog <on new blogger> agar supaya isi posting blog menjadi singkat'. Atau yang lebih dikenal dengan istilah 'Expandable Post Summaries'. Atau dalam bahasa Indonesianya sering di sebut dengan "Read More atau baca selengkapnya".

Dan alhamdulillah, setelah beberapa kali melakukan uji coba pada beberapa blog saya, dan juga dengan sedikit menyontek pada bantuan yang di sediakan oleh blogger, akhirnya saya bisa juga membuat format Read More pada setiap posting blog.

Nah, bagi kamu yang ingin mencoba untuk membuatnya. Silakan ikuti langkah-langkah berikut :

Login ke Blogger, lalu pada halaman Dashboard, klik 'Layout'
Pada halaman 'Layout', klik 'EditHtml' lalu klik kotak kecil disamping kiri tulisan 'Expands Widgets Templates'
Ketikkan kode berikut sesudah kode ]]></b:skin/>, atau tepatnya sebelum Tag </head>:

Inilah kodenya :

<style>
    <b:if cond='data:blog.pageType == "item"'> 
       span.fullpost {display:inline;}
    <b:else/>
       span.fullpost {display:none;} 
    </b:if>
</style>

Masih pada kolom 'EditHtml' Scroll Mouse ke bawah dan carilah kode berikut :

<div class='post-header-line-1'/> 

<div class='post-body'>

Kalau sudah ketemu, Copy & Paste kode berikut :

<div class='post-header-line-1'/>

    <div class='post-body'>

      <b:if cond='data:blog.pageType == "item"'>
         <style>.fullpost{display:inline;}</style>
         <p><data:post.body/></p>
      <b:else/>
         <style>.fullpost{display:none;}</style>

         <p><data:post.body/></p>

         <a expr:href='data:post.url'>'Read More......'atau,'Selengkapnya......'</a>
      </b:if>

      <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Penjelasan ...

Tulisan 'Read More.....'atau, 'Selengkapnya....'. Nantinya akan menjadi link yang akan menuju ke potongan post kamu yang selanjutnya.
Setelah itu jangan lupa untuk meng-klik SAVE TEMPLATE.

Kemudian klik SETTINGS, terus klik FORMATTING. Cari kolom POST TEMPLATE (paling bawah). Lalu ketikkan kode berikut :

<span class="fullpost">

</span>

And dont' forget to click Save.

Penjelasan cara memposting blog :

Pada kolom untuk memposting tulisan. Pilih mode Edit HTML. Jangan mode Compose. Maka, secara otomatis akan tampak kode <span class="fullpost"> </span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya (isi keseluruhan dari tulisan yang akan di posting) di tulis di antara kode <span class="fullpost"> dan </span>

Contoh :
Ini adalah tulisan awal yang ingin kamu tampilkan
<span class="fullpost">
kemudian ini adalah isi dari keseluruhan tulisan yang akan di posting <span>

Ok frend, selamat mencobanya!

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

How to Protect Your Email Address From Spam Robots ?

noreply@blogger.com (Admin Blog) — Tue, 18 Dec 2007 15:02:00 +0000

Email! Merupakan salah satu fasiltas Internet yang dapat dikatakan begitu penting bagi semua pengguna Internet. Terutama bagi mereka yang mempunyai situs web atau blog. Yang dimana biasanya, seorang pemilik situs atau blog tersebut akan membuat sebuah link "mailto" agar pengunjung dapat menghubunginya.

Namun yang menjadi masalahnya adalah seringkali didalam Inbox Mail kita terdapat email-email dari alamat yang tidak kita kenal atau inginkan dan kita juga tak pernah merasa mengirim email ke alamat tersebut. Dan kejadian tersebut bukan hanya sekali dua kali, tapi bisa dikatakan sering terjadi. Hingga terkadang membuat kita frustasi, karena kita harus sering menghapus email-email tersebut.

Lalu solusinya bagaimana?

Untuk mengatasi hal tersebut, sekarang ini (setahu saya) banyak dari pemilik situs atau blog yang menggunakan kode Javascript atau PHP untuk mencegah atau melindungi alamat email mereka agar tidak terdeteksi oleh Spam Robots.

Namun untuk sekarang ini, saya akan menunjukkan trik untuk melindungi alamat email anda dari Spam Robots dengan menggunakan kode HTML. Don't you worry, cause it's very difficult to protect yourself from receiving spam email, there is a way you can still display your email address on your web site and protect it at the same time.

Bagaimana caranya ?

Gunakan kode HTML berikut ini :

<a href="mailto:namaemailanda@domainemailanda.com">Send Email</a>

Hasilnya adalah : Send Email

Penjelasan fungsi kode HTML diatas :

Ganti tulisan yang berwarna merah yaitu namaemailanda dengan alamat dari email Anda (misalkan : kevinalfonzo). Kemudian ganti tulisan yang berwarna hijau yaitu domainemailanda.com dengan nama domain dari email anda (misalkan : yahoo.co.id). Dan terkahir untuk tulisan berwarna biru bisa anda ganti dengan teks yang anda sukai (misalkan : Kirim Email atau Contact Us).

Selamat Mencoba

Sumber : Website Design and Development

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

Pengenalan INTERNET (Bag. 3)

noreply@blogger.com (Admin Blog) — Tue, 18 Dec 2007 12:36:00 +0000

Seperti yang telah kita ketahui bersama bahwa di Internet terdapat banyak sekali service atau aplikasi yang bisa kita nikmati baik untuk kepentingan pencarian Informasi, riset, pendidikan, bisnis, dan juga bahkan hiburan (game). Dimana setiap aplikasi (service) berjalan di atas sebuah Protokol tertentu.

Nah, pada bagian ini. Saya akan memperkenalkan beberapa aplikasi dan istilah yang ada di Internet. Tujuannya agar supaya teman-teman bisa menambah koleksi pengetahuan soal Internet :D.......!

BEBARAPA APLIKASI DAN ISTILAH INTERNET :

Selain contoh di atas, sebenarnya masih banyak lagi beberapa Istilah dan aplikasi tentang Internet. Dan tetunya dengan fasilitas dari Search Engine yang ada, kamu bisa mendapatkan Informasi yang lebih lengkap tentang Aplikasi dan istilah-istilah dari Internet.

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

Add "Print this Page" Code in your Blog

noreply@blogger.com (Admin Blog) — Tue, 18 Dec 2007 00:53:00 +0000

Thank's buat darkdann yang dah mau gabung di Indonesia Blogger Grups.

Dan sekarang lewat blog ini, saya akan mencoba untuk menjawab pertanyaan darkdann, yaitu "Bagaimana sih caranya membuat posting bisa diprint...?"

Ada tiga trik yang bisa kamu gunakan dari salah satunya, yaitu :

Cross-browser print button!
Description: Use this print button to allow your surfers to directly print a web page simply by clicking on the button!

How to :
Tambahkan kode berikut ini sebelum atau sesudah tag <p><data:post.body/></p>:

<script type='text/javascript'>
/* This script is written by Eric (Webcrawl@usa.net). For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */

function printit(){  
if (window.print) {
    window.print() ;  
} else {
    var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
    WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box    WebBrowser1.outerHTML = "";  
}
}
</script>

<script type='text/javascript'>  
var NS = (navigator.appName == "Netscape");
var VERSION = parseInt(navigator.appVersion);
if (VERSION > 3) {
    document.write('<form><input type=button value="Print this Page" name="Print" onClick="printit()"></form>');        
}
</script>

Note :
1. Jika kamu menambahkan kode Javascript di atas sebelum tag <p><data:post.body/></p>, maka tampilan Link-nya akan berada di atas posting Blog. Dan sebaliknya, jika kamu menambahkan kode Javascript di atas sesudah tag <p><data:post.body/></p>, maka maka tampilan Link-nya akan berada di bawah posting Blog.
2. Karena secara langsung aku belum mencoba script ini kedalam template blog, jadi jika ada pesan kesalahan dari blogger, maka cobalah gunakan kode Javascript di bawah ini :

<script type='text/javascript'>
//<![CDATA[
<!--
document.write(unescape("%3Cscript%20type%3D%27text/javascript%27%3E%0A/*%20This%20script%20is%20written%20by%20Eric%20%28Webcrawl@usa.net%29.%20For%20full%20source%20code%2C%20installation%20instructions%2C%20100%27s%20more%20DHTML%20scripts%2C%20and%20Terms%20Of%20Use%2C%20visit%20dynamicdrive.com%20*/%0A%0Afunction%20printit%28%29%7B%20%20%0Aif%20%28window.print%29%20%7B%0A%20%20%20%20window.print%28%29%20%3B%20%20%0A%7D%20else%20%7B%0A%20%20%20%20var%20WebBrowser%20%3D%20%27%3COBJECT%20ID%3D%22WebBrowser1%22%20WIDTH%3D0%20HEIGHT%3D0%20CLASSID%3D%22CLSID%3A8856F961-340A-11D0-A96B-00C04FD705A2%22%3E%3C/OBJECT%3E%27%3B%0Adocument.body.insertAdjacentHTML%28%27beforeEnd%27%2C%20WebBrowser%29%3B%0A%20%20%20%20WebBrowser1.ExecWB%286%2C%202%29%3B//Use%20a%201%20vs.%20a%202%20for%20a%20prompting%20dialog%20box%20%20%20%20WebBrowser1.outerHTML%20%3D%20%22%22%3B%20%20%0A%7D%0A%7D%0A%3C/script%3E%0A%0A%3Cscript%20type%3D%27text/javascript%27%3E%20%20%0Avar%20NS%20%3D%20%28navigator.appName%20%3D%3D%20%22Netscape%22%29%3B%0Avar%20VERSION%20%3D%20parseInt%28navigator.appVersion%29%3B%0Aif%20%28VERSION%20%3E%203%29%20%7B%0A%20%20%20%20document.write%28%27%3Cform%3E%3Cinput%20type%3Dbutton%20value%3D%22Print%20this%20Page%22%20name%3D%22Print%22%20onClick%3D%22printit%28%29%22%3E%3C/form%3E%27%29%3B%20%20%20%20%20%20%20%20%0A%7D%0A%3C/script%3E"));
//-->
//]]>
</script>

See Example Here >>

User defined print button (Requires NS4.x)
Description: Creates an image that acts as a print button
How to:
1. Tambahkan kode Javascript berikut ini sesudah tag ]]></b:skin> atau sebelum tag </head>:
```
<script type='text/javascript'>

</script>
```
2. Lalu tambahkan kode berikut ini sebelum atau sesudah tag <p><data:post.body/></p>:
```
<a href="javascript:doit()"><img src="http://chalforweb.googlepages.com/printer.png" border=0></a>
```
  See example here >>

Unobtrusive 'Print This Page' Link
Description : This script will add a link to your page for your visitors to print the contents of a stated DIV. If the visitor does not have JavaScript enabled, the link will not display, so as not to confuse them.

How to:
1. Tambahkan kode berikut ini setelah tag <head>:
```
<script type="text/javascript" src="http://chalforweb.googlepages.com/addprintlink.js"></script>
```
2. Klik Checkbox "Expand Template Widget" pada tab Template - Edit Html. Lalu Tambahkan kode berikut ini sebelum atau sesudah tag <p><data:post.body/></p>.
```
<a href="javascript:window.print()">Print this page</a>
```
  See example here >>

Sumber :

Have Fun:-)

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

Pengenalan INTERNET (Bag. 2)

noreply@blogger.com (Admin Blog) — Sun, 16 Dec 2007 20:41:00 +0000

Hal yang paling penting di dunia Internet dan dapat di sebut Tulang Punggung (Back Bone) penopang Internet adalah Situs Internet (Website), karena situs Internet adalah tempat yang memungkinkan semua orang saling bertukar informasi dengan mudah dan ringan dan dengan standar yang sama atau dengan kata lain melalui Internet, si pembuat situs Internet akan yakin bahwa tampilan situs yang di buatnya akan memilki tampilan yang sama seperti ketika di buat, walaupun di akses oleh bermacam-macam Browser di seluruh dunia.

Internet sifatnya sangat global dan tidak tersentralisasi. Internet juga identik dengan service yang berjalan di atasnya seperti WEB, E-MAIL, FTP dan lain sebagainya.

Apa yang membuat Internet bisa berjalan dengan baik? Semua itu diatur dengan yang namanya Protokol. Protokol adalah suatu tata cara atau aturan yang disepakati oleh semua pihak untuk melakukan suatu service tertentu, misalnya bagaimana cara meng-konfigue hardware, menulis aplikasi program dan lain sebagainya.

Internet sendiri berbasis pada protokol yang bernama TCP/IP (Transmission Control Protocol/Internet Protocol). Pada lapisan atas dari TCP/IP ini berjalan pula protokol-protokol untuk aplikasi seperti SMTP (Simple Mail Transfer Protocol) yang mengatur tata cara e-mail, HTTP (Hypertext Transfer Protocol) yang mengatur tata cara berselancar di Internet berbasis HYPERTEXT atau juga FTP (File Transfer Protocol) yang mengatur tata cara mengirim file dari satu lokasi ke lokasi yang lain.

Bagaimana jika tidak ada protokol yang mengatur semua itu ?

Internet maupun service-service yang ada di atas intenet tidak akan bisa berjalan jika tidak ada protocol.

Sedangkan TCP berguna untuk memastikan bahwa semua koneksi bekerja sama semestinya, sementara IP berfungsi melakukan transfer data dari sebuah komputer ke komputer lainnya. Sehingga TCP/IP secara umum berfungsi memilih rute alternatifnya jika suatu rute tidak fleksibel untuk transmisi data.

Dan jika Anda ingin terhubung ke Internet, maka ada beberapa cara yang bisa di tempuh, diantaranya :

Menggunakan jasa ISP (Internet Service Provider)
Sambungan ke Internet juga dapat dilakukan melalui saluran Dedicated Line seperti ISDN (Integrated System Digital Network) dan ADSL (Asymmetric Digital Subscriber Line), maupun via satelit melalui VSAT (Very Small Aperture Terminal)
Melalui 'Gelombang Radio' (Radio Modem), maupun lewat saluran TV Kabel yang saat ini sedang marak.
Belakang, Internet juga di kembangkan untuk aplikasi Wireless (tanpa kabel) dengan memanfaatkan Telepon Seluler. Dengan menggunakan protokol WAP (Wireless Application Protocol).
Selain WAP, juga di kembangkan GPRS (General Packet Radio Service) sebagai salah satu Standar Komunikasi Wireless.

<< Prev : Pengenalan Internet (Bag. 1)

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

How to Create Message Greeting in your Blog?

noreply@blogger.com (Admin Blog) — Sun, 16 Dec 2007 15:48:00 +0000

Ada beberapa pengunjung dan teman-teman blogger yang pernah menanyakan sebuah pertanyaan yang berbeda tapi sebenarnya maksudnya adalah sama. Dan jika saya garis besarkan pertanyaannya adalah tentang "Bagaimana caranya membuat tampilan Prompt yang menyuruh user atau pengunjung untuk menuliskan namanya sebelum masuk kedalam blog ini?".

Sebenarnya caranya cukup simple kok!. Yaitu hanya dengan menambahkan kode Javascript dalam template atau layout blog. Tapi sebelumnya, saya ingin menjelaskan sedikit akan fungsi prompt tersebut adalah untuk mengucapkan "Ucapan Selamat pagi atau Selamat siang dan Selamat malam" kepada pengunjung sesuai dengan waktu yang diatur pada komputernya masing-masing. Dan nama yang akan ditampilkan dalam blog adalah sesuai dengan nama yang dituliskan oleh pengunjung tersebut pada prompt box-nya. Gitu dech :D

Dan sekarang, lewat posting blog ini, dan tentunya juga untuk memenuhi janji saya kepada beberapa teman blogger, maka saya akan menjawab pertanyaan tersebut.

Adapun caranya adalah sebagai berikut :
Tambahkan kode Javascript berikut kedalam Layout Blog kamu.

Note : Kode untuk Bahasa Indonesia

<script type='text/javascript'>
<!--
document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Silakan%20Tulis%20Nama%20Anda.%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Pagi%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Siang%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Selamat%20Malam%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E"));
//-->
</script>

Note : Kode untuk Bahasa Inggris

<script type='text/javascript'>
<!--
document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Enter%20Your%20Name%2C%20Please%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Morning%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Afternoon%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Good%20Evening%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E"));
//-->
</script>

How To?

Setelah Login, klik "LAYOUT"
Kemudian pada halaman Tab Template - Elemen Halaman, klik "Tambahkan Sebuah Elemen Halaman"
Setelah jendela "Elemen Halaman Terbuka, pilih "HTML/Javascript". Lalu tambahkan kode Javascript di atas.
Terakhir klik tombol "Simpan Perubahan", lalu lihat hasilnya pada blog anda.

(Note : Kode Javascript diatas bisa ditambahkan di bagian mana saja yang kamu sukai, tapi ada lebih baik jika kamu menambahkannya di bagian Header atau pada bagian atas dari Posting blog.)

Dan jika kamu ingin menambahkannya langsung kedalam Template Blog kamu lewat Kolom Edit Html maka kode Javascriptnya adalah sebagai berikut:

Note : Kode untuk Bahasa Indonesia

<script type='text/javascript'>
//<![CDATA[
<!--
document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Silakan%20Tulis%20Nama%20Anda.%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Pagi%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Siang%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Selamat%20Malam%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E"));
//-->
//]]>
</script>

Note : Kode untuk Bahasa Inggris

<script type='text/javascript'>
//<![CDATA[
<!--
document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Enter%20Your%20Name%2C%20Please%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Morning%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Afternoon%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Good%20Evening%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E"));
//-->
//]]>
</script>

Note :

Sebelumnya, kamu harus mem-backup Template blog kamu. Kemudian klik checkbox "Expand Template Widget". Dan tentunya kamu harus mengerti akan fungsi-fungsi dalam kode dalam template blog kamu, agar hasilnya bisa sempurna.
Kedua kode Javascript ini, posisinya berada di tengah.

Nah sekarang gimana?
Apa kamu tertarik untuk menambahkannya kedalam blog kamu ?

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

Mengenal apa itu Virus Komputer ?

noreply@blogger.com (Admin Blog) — Sat, 01 Dec 2007 05:52:00 +0000

Dalam sebuah perang, sang panglima berkata kepada salah seorang anak buahnya. "Untuk memenangkan sebuah pertempuran, selain kita harus mempunyai siasat yang jitu. Hal yang paling terpenting adalah Kenalilah Musuh yang kita hadapi agar kita bisa menemukan titik kelemahannya. Setelah itu baru kita musnahkan"

Mungkin sepenggal cerita di atas bisa menggambarkan tentang bagaimana setiap pengguna komputer harus berperang dengan Virus-virus yang menginfeksi komputer mereka dan merusak berbagai file dokumen yang ada dalam komputer mereka. Hari ini hilang, tapi besok mereka (Virus) datang kembali menginfeksi sistem komputer, bahkan mereka telah bertambah kuat dan ganas dari yang sebelumnya. Sehingga terkadang sebuah program Antivirus pun tak mampu untuk membasmi Virus-virus tersebut.

Jika keadannya seperti itu, maka tak ada salahnya jika kita mengikuti perkataan sang Panglima kepada anak buahnya yaitu "Kenalilah Musuh yang kita hadapi agar kita bisa menemukan titik kelemahannya. Setelah itu baru kita musnahkan". Begitu juga dengan si Virus, yang jika kita telah mengenal dan mengetahui titik kelemahannya, maka kita pun bisa memusnahkannya.

Baiklah, sekarang mari kita mengenal apa itu Virus?

Ternyata Virus yang dikenal di dunia komputer mempunyai kemiripan dengan Virus yang di kenal dalam dunia Kedokteran yaitu "Biological Virusses". Kok bisa yach? Apa karena namanya sama? Memang benar, tapi yang lebih tepat lagi adalah karena kemiripan mereka (Virus) dalam mekanisme penyebarannya.

Sebenarnya Virus komputer hanyalah suatu program komputer biasa, tetapi memiliki perbedaan yang mendasar dengan program-program lainnya, yaitu dia dibuat untuk menulari program program lainnya, mengubah, memanipulasinya bahkan sampai merusaknya. Tetapi ada yang perlu dicatat disini, virus hanya akan menulari apabila program pemicu atau program yang telah terinfeksi tadi dieksekusi, disinilah perbedaannya dengan "Worm".

Virus komputer itu sendiri berawal dari "Teori self Altering Automata", yang diungkapkan oleh "John Von Neuman" (1949), yang merupakan hasil riset dari para ahli matematika.

Kemudian para ahli di Lab BELL (AT&T) (1960) mencoba-coba teori yang diungkapkan oleh John V Neuman, mereka bermain-main dengan teori tersebut untuk suatu jenis permainan/game. Para ahli tersebut membuat program yang dapat memperbanyak dirinya dan dapat menghancurkan program buatan lawan. Program yang mampu bertahan dan menghancurkan semua program lain, maka akan dianggap sebagai pemenangnya. Permainan ini akhirnya menjadi permainan favorit ditiap-tiap lab komputer. Namun semakin lama mereka pun sadar dan mulai mewaspadai permainan ini dikarenakan program yang diciptakan makin lama makin berbahaya, sehingga mereka melakukan pengawasan dan pengamanan yang ketat.

Dan pada akhirnya (1980), program tersebut berhasil menyebar diluar lingkungan laboratorium, dan mulai beredar di dunia Cyber. Yang akhirnya di kenal dengan nama "VIRUS"

Virus-virus itu sendiri terbagi dari beberapa jenis yaitu:

Virus Makro

(misal W97M.Panther panjang 1234 bytes,akan menginfeksi NORMAL.DOT dan menginfeksi dokumen apabila dibuka)

(41984 bytes, akan menginfeksi Dokumen Ms.Word yang menggunakan bahasa makro, biasanya berekstensi *.DOT dan *.DOC)

Virus Boot Sector

(contohnya monitor, printer dsb)

(contohnya: floopy, drive lain selain c:\)

Stealth Virus

"Interrupt interceptor"

Polymorphic Virus

Virus File/Program

Multi Partition Virus

Suatu virus , dapat dikatakan adalah benar benar virus apabila minimal memiliki 5 kriteria:

kemampuan suatu virus untuk mendapatkan informasi
kemampuannya untuk memeriksa suatu program.
Kemampuannya untuk menggandakan diri dan menularkan

kemampuannya melakukan manipulasi

Kemampuannya untuk menyembunyikan diri.

Nah, setelah kita mengenal Apa itu Virus, asal muasalnya, cara kerjanya, dsb. Langkah dan strategi jitu apakah yang harus kita lakukan? Agar kita bisa memenangkan pertarungan ini???

Terima Kasih telah membaca posting ini

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

Cara menambahkan dan menempatkan RSS di blog

noreply@blogger.com (Admin Blog) — Thu, 29 Nov 2007 10:43:00 +0000

Wah ada pertanyaan nich! 'kataku dalam hati, setelah melihat pesan yang di sampaikan lewat Kotak pesan yang terdapat dalam blog ini'.

"Mohon bantuan. Saya ingin menempatkan berita KULINER di blog saya. Bagaimana caranya menempatkan RSS di blog yang bisa update dan running text otomatis. Terima kasih." : Rosidah W. Utami

Begitulah yang di tanyakan oleh Mba Rosidah (seorang yang memanfaatkan blog untuk berbisnis).

Hmm... menempatkan apa menambahkan yach?"pikirku". Soalnya, kalo cuma untuk menempatkan RSS di blog, bisa di taruh di bagian mana saja. Bisa di sidebar blog (kiri atau kanan) atau di sisipkan dalam postng blog. Jadi bingung nich mo jawab gimana???. Sedangkan untuk menambahkan RSS di blog caranya bisa di baca dalam posting ini. Ah, sudahlah daripada bingung sendiri, mending aku posting aja tentang hal ini! Mungkin aja yang di maksud Mba Rosida adalah 'Menambahkan RSS di Blog kali'. Dan kalo pun bukan, mungkin tips dan trik yang aku tulis ini bisa bermanfaat bagi yang lainnya.:P

Dan sebelum aku mencoba menjawab pertanyaan dari Mba Rosidah. Lewat tulisan ini, aku ingin mengucapkan banyak terima kasih atas waktu luang yang disediakan oleh Mba Rosidah untuk berkunjung ke blog ini. :-). Dan semoga usaha yang di jalankan Mba Rosidah dapat terus berkembang menjadi besar bukan hanya di Indonesia tapi bisa sampai ke luar negeri, Amin. :-)

Baiklah, sekarang kita langsung saja mencoba untuk membahas pertanyaan dari Mba Rosidah yaitu "Bagaimana caranya menempatkan RSS di blog yang bisa update dan running text otomatis".

Buat Mba Rosida (khususnya) dan bagi kamu yang ingin menambahkan serta menempatkan RSS ke dalam blog (blogger versi baru) kamu caranya adalah sebagai berikut:

Setelah login/masuk kedalam kontrol panel blog, klik "LAYOUT"
Kemudian pada Tab "Template - Elemen Halaman", klik link "Tambahkan sebuah Elemen Halaman" (bisa di sidebar kanan atau kiri atau di atas posting blog anda , seperti pada blog ini)
Setelah jendela Elemen Halaman terbuka, pilih elemen "Feed" kemudian klik tombol "TAMBAHKAN KE BLOG", (lihat contoh gambar di bawah)

Kemudian masukkan alamat "Feed" blog anda pada kolom URL Feed, lalu klik "Lanjutkan"(lihat contoh gambar di bawah)

Note: (Secara default alamat feed dari blogger.com adalah : http://urlbloganda.blogspot.com/feeds/posts/default. Dan jika blog anda telah di daftarkan di Feedburner.com, maka anda bisa memasukkan alamat Feed yang anda dapatkan/buat di Feedburner.com

Langkah terakhir adalah pada halaman "Konfigurasi Feed", buatlah pengaturan bagaimana Feed blog anda akan di tampilkan. Kemudian klik "Simpan Perubahan". (Lihat contoh gambar di bawah)

Now, see your Blog

Terima Kasih buat Mba Rosida

Keep Smiling and Keep Blogging

Author :

Kevin Alfonzo

Pengenalan INTERNET (bag. 1)

noreply@blogger.com (Admin Blog) — Tue, 27 Nov 2007 17:55:00 +0000

Kuasailah informasi jika ingin menguasai dunia, begitulah yang dikatakan oleh Muhammad Sutiyadi

Karena seperti yang kita ketahui sekarang ini, dari hari ke hari perkembangan dunia Teknologi terutama di bidang Teknologi Komunikasi dan Informasi yang dari hari ke hari terus semakin berkembang pesat. Salah satunya adalah INTERNET. Dimana semua orang di dunia memanfaatkannya sebagai media untuk melakukan komunikasi atau saling berbagi/bertukar Informasi, ide, cerita, pengetahuan, bahkan untuk berbisnis (Internet Business).

Maka daripada itulah, saya tergerak untuk berbagi sedikit pengetahuan saya tentang INTERNET. (Walau sebenarnya sich sudah agak ketinggalan juga.......karena sudah banyak sekali situs-situs ataupun buku-buku yang di jual yang membahas tentang INTERNET, but ngak apa-apalah......benar bukan?)

Oke mari kita mulai,

PENGERTIAN DAN SEJARAH AWAL INTERNET

Secara harfiah, Internet (kependekan daripada perkataan 'Inter-Network') ialah 'rangkaian komputer yang berhubung menerusi beberapa rangkaian' atau 'jaringan yang saling berhubungan'. Di sebut demikian, karena Internet merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang di hubungkan satu dengan yang lainnya.
Manakala Internet (huruf 'I' besar) ialah 'sistem komputer umum, yang berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket '(packet switching communication protocol)'. Rangkaian internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaedah ini dinamakan Internetworking.

Awal mulanya Internet adalah jaringan komputer untuk sistem pertahanan yang di kembangkan oleh Departemen Pertahanan Amerika Serikat (United States Department of Defense Advanced Research Projects Agency). Proyek jaringan ini di beri nama Advanced Research Project Agency (ARPA). Beberapa penyelidikan awal yang disumbang oleh ARPANET termasuk kaedah rangkaian tanpa-pusat (decentralised network), teori queueing, dan kaedah pertukaran paket (packet switching). Jaringan komputer ini kemudian di beri nama ARPANET.

Pada tahun 1969, para ahli ilmu pengetahuan memikirkan untuk membuat suatu jaringan komputer yang dapat menghubungkan mereka untuk dapat berkomunikasi satu dengan yang lainnya. Departemen Pertahanan Amerika Serikat kemudian menjadi sponsor untuk melibatkan jaringan ini kedalam ARPANET.

Demonstrasi pertama dari ARPANET ini menghubungkan komputer di University of California at Los Angeles (UCLA) dengan komputer di Stanford University.

Dan pada tahun 1971, jaringan ARPA sudah melibatkan 20 situs termasuk Massachusetts Institute of Technology (MIT) dan Harvard University. Pada tahun 1981 jumlah situs yang tergabung di dalam ARPANET sudah mencapai 200 situs.

ARPANET berkembang dengan sangat cepatnya, tidak hanya melibatkan jaringan di antara Universitas-universitas saja, tetapi juga melibatkan organisasi-organisasi lainnya di seluruh dunia. Pada 01 Januari 1983, ARPANET menukar protokol rangkaian pusatnya, dari NCP ke TCP/IP. maka mulai di kenal dengan nama INTERNET seperti yang kita kenal hari ini.

Terima Kasih telah membaca Posting ini

Keep Smiling and Keep Blogging

Print this page

Tell Your Friend about this Blog

Menampilkan Waktu dalam blog

noreply@blogger.com (Admin Blog) — Thu, 22 Nov 2007 04:15:00 +0000

Sengaja saya menuliskan kembali posting yang pernah saya posting pada blog saya yang lain http://chalforweb.blogspot.com:P

Selain karena aku telah membuat blog ini dengan alamat yang berbeda. Tips dan trik dalam posting ini juga aku persembahkan untuk kamu yang ingin menambahkan aksesoris untuk mempercantik/memperindah tampilan blog :D.

Caranya pun cukup simple. Hanya dengan menggunakan kode Javascript yang telah saya modifikasi sedikit, kamu akan mendapatkan tampilan waktu (Hari, tgl, Bulan, jam, menit dan detik dengan format tampilan dalam bahasa indonesia) secara otomatis dalam blog atau web.

Nah, jika tertarik untuk menampilkannya, silakan saja Copy dan paste kode javascript berikut ini ke blog atau web kamu :

<span id='clock'>
<script type='text/javascript'>
/*
Live Date Script - © Dynamic Drive (www.dynamicdrive.com)
Modified by Kevin Alfonzo - http://ontheblogger.blogspot.com
*/

var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate=dayarray[day]+", "+daym+" "+montharray[month]+" "+year+" | "+hours+":"+minutes+":"+seconds+" "+dn+""
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
//  End --> 
</script>
</span>

(Note : Adapun hasilnya atau tampilan yang akan diperoleh bisa Anda lihat di bagian atas dari posting ini

Hope you'll like this trick :d

Terima Kasih telah membaca Posting ini

Keep Smiling and Keep Blogging

Print this page

Tell Your Friend about this Blog

Menambahkan Mesin Pencari Google dalam Blog

noreply@blogger.com (Admin Blog) — Mon, 19 Nov 2007 15:17:00 +0000

Berikut ini ada dua tips dan trik yang bisa Anda lakukan untuk menambahkan Mesin Pencari (Search Engine) Google dalam Layout dan Template Blog Anda.

Secara Manual berarti Anda harus memasukkan beberapa potong kode (HTML, Javascript, dsb) kedalam Layout atau Template Blog Anda. Bisa di Sidebar kanan atau kiri, bisa juga diantara posting blog Anda. Dan untuk menambahkan Mesin Pencari Google secara manual di bagian Sidebar Blog Anda, caranya adalah sebagai berikut:

Setelah Login ke dalam Panel Kontrol Blog Anda, klik "Layout", kemudian pada Tab Elemen Halaman klik "Tambahkan sebuah Elemen Halaman". Lalu pilih HTML/JavaScript

Kemudian Masukkan kode HTML berikut ini:

<!-- Search by Google -->
<center>
<form method=get action="http://www.google.com/search">
<input type=text name=q size=31 maxlength=255 value=""/>
<input type=hidden name=hl value="en"/>
<input type=submit name=btnG VALUE="Google Search"/>
</form>
</center>
<!-- Search Google -->

Kemudian Klik Simpan Perubahan

Cara yang kedua adalah secara otomatis. Mengapa saya mengatakan demikian?. Karena sekarang ini, blogger telah menambahkan dua Fitur baru yang bisa Anda gunakan dalam Layout Blog Anda. Salah satunya adalah Fasilitas Pencarian Google. Caranya cukup mudah kok!. Sama seperti saat Anda mau menambahkan Widget atau suatu elemen kedalam blog Anda melalui tab Elemen Halaman. Tapi sebelum itu, Anda harus membuka alamat dari Draft Blogger yaitu http://draft.blogger.com/home. Setelah itu pada Tab "Elemen Halaman", klik "Tambahkan sebuah Elemen Halaman". Setelah jendela "Pilih sebuah Elemen" terbuka, Anda bisa melihatnya di bagian kanan atas. Anda juga bisa menambahkan salah satu Gadgets yang ada. Simpan dan lihat hasilnya.

Bagaimana menurut Anda ?

Terima Kasih telah membaca Posting ini
Keep Smiling and Keep Blogging

Print this page

Tell Your Friend about this Blog

Modifikasi Form Komentar pada Template blogger baru

noreply@blogger.com (Admin Blog) — Sat, 17 Nov 2007 16:35:00 +0000

Bagaimana yach caranya mengedit atau memodifikasi tampilan form komentar pada setiap posting blog agar menjadi lebih simpel seperti Form komentar yang terdapat di Wordpress?. Sehingga pengunjung tidak harus menunggu loading yang terkadang lama untuk menampilkan Form Komentar, sehingga terkadang mereka tidak jadi memposting sebuah komentar (Apalagi bagi pengunjung yang menggunakan Koneksi Dial-up). Itulah yang juga selalu ada dalam pikiran saya.

Dan setelah membaca salah satu posting blog dari Jack Book dan sedikit melakukan uji coba dengan menggunakan kode Javascript yang saya dapatkan di situs Dynamic Drive. Akhirnya, saya berhasil Memodifikasi Form Komentar pada blog ini . (Untuk contohnya, coba Anda klik link di bagian bawah dari posting ini, yaitu : "Posting Sebuah Komentar").

Baiklah, tanpa harus banyak basa-basi. Berikut ini adalah beberapa langkah yang saya lakukan saat memodifikasi Form Komentar pada template Blogger baru. (Sebelumnya Backup Template Anda)

Setelah Login (Masuk kedalam Panel Kontrol blog Anda, klik "Layout" - "Edit HTML", kemudian klik checkbox "Expand Template Widget"

Tambahkan kode Javascript di bawah ini di antara tag ]]></b:skin> dan tag </head>

<script type='text/javascript'>
//<![CDATA[
<!--
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
 if(document.getElementById){
 var el = document.getElementById(obj);
 var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
  if(el.style.display != "block"){ //DynamicDrive.com change
   for (var i=0; i<ar.length; i++){
    if (ar[i].className=="submenu") //DynamicDrive.com change
    ar[i].style.display = "none";
   }
   el.style.display = "block";
  }else{
   el.style.display = "none";
  }
 }
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
//-->
//]]>
</script>

Jangan lupa juga untuk menambahkan Style CSS berikut ini diantara tag <head> dan tag ]]></b:skin>

/* Switch Menu CSS for Comments Form Blog
----------------------------------------------- */
.menutitle {
 cursor:pointer;
 margin-bottom: 5px;
 color:#000000;
 padding:2px;
 font-weight:bold;
/*/*/border:0px solid #000000;/* */
 }

.submenu {
 margin-bottom: 0.5em;
 }

Lalu scroll mouse ke bawah dan carilah kode seperti di bawah ini:


<b:if cond='data:blog.pageType != "item"'>
  <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
      <b:else/><data:post.numComments/> <data:top.commentLabelPlural/>
    </b:if></a>
  </b:if>
</b:if>

Setelah Anda menemukannya, hapuslah kode di atas yang berwarna merah

Berikutnya, carilah kode seperti di bawah ini :


      <p class='comment-footer'>
        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </p>

Gantilah kode di atas (langkah 6) dengan kode berikut ini :

<center>
<div id='masterdiv'>
    <div class='menutitle' onclick='SwitchMenu("sub1")'>Kirim komentar Anda</div>
      <span class='submenu' id='sub1'>
        <iframe expr:src='data:post.addCommentUrl' height='300px' scrolling='yes' style='border:none;' width='75%'/>
      </span>
</div>
</center>

(Note : Kode yang berwarna merah di atas adalah kode/tag iFrame untuk menampilkan form komentar dalam setiap posting Anda)

Terakhir, Save (simpan) Template Anda. Kemudian lihat hasilnya.

Aku melakukan uji coba ini pada Template Standar (Default) Blogger baru.
Untuk pengaturan Tampilan Komentarnya, aku sarankan lebih baik pilih Ya pada "Tampilkan komentar dalam sebuah window popup?".

Terima Kasih telah membaca Posting ini

Keep Smiling and Keep Blogging

Print Posting ini

Kirim Posting ini Ke teman-teman Anda

Fitur terbaru buat Blogger baru - Google Gadgets

noreply@blogger.com (Admin Blog) — Thu, 15 Nov 2007 14:30:00 +0000

Hallo Blogger Mania, ada kabar gembira untuk Anda semua yaitu Blogger.com telah menambahkan 2 fitur terbaru loh! Yang bisa kita tambahkan dalam Layout Blog. Yaitu :

Google Gadgets

(Note : Info selengkapnya tentang Google Gadgets bisa Anda lihat di Blogger in draft. Dan dibawah ini adalah contoh Salah Satu dari Google Gagdets tersebut)

Dan Fasilitas Form Pencarian

(Note : Info selengkapnya tentang Search Box, bisa Anda lihat di sini. Contoh Search Box-nya bisa Anda lihat Anda lihat di Sidebar sebelah kanan).

Seperti namanya, Google Gagdets merupakan fasilitas dari Google Gadgets yang penggunaannya sama seperti pada iGoogle. (Note : Untuk mengetahui lebih lanjut tentang Google Gadgets, silakan klik di sini)

Sedangkan untuk fitur Search Box-nya atau Form Pencarian-nya, menggunakan kustomisasi dari Mesin Pencari Google, CSE dan Ajax Search API untuk mencari konten yang ada dalam blog Anda, atau dari Link yang ada dalam Blog Anda, ataupun dari situs atau Blog yang lainnya.

Bagaimana ? Tertarik untuk menambahkan fitur terbaru dari blogger ? Jika Ya! Pertama Anda harus Login atau masuk kedalam Panel Kontrol blog terlebih dahulu (biar lebih mudah untuk menambah fitur baru tersebut). Setelah itu klik disini.

Terima Kasih telah membaca Posting ini

Keep Smiling and Keep Blogging

Print Posting ini

Kirim Posting ini Ke teman-teman Anda

Cara Membuat Blog di Blogger.com

noreply@blogger.com (Admin Blog) — Thu, 15 Nov 2007 10:35:00 +0000

Memang sangat mudah untuk punya Blog. Jika dibandingkan dari tahun-tahun sebelumnya, sekarang ini sudah banyak situs-situs yang menawarkan fasilitas untuk membuat blog. Ada yang gratis dan ada juga yang harus bayar.

Dan dari begitu banyak situs yang menawarkan fasilitas untuk membuat blog, salah satu yang menurut saya adalah yang terbaik dan paling terkenal adalah situs blogger.com {http://blogger.com}. Selain menjadi situs yang pertama kali menawarkan fasilitas blog gratis, blogger.com juga memberikan banyak kemudahan kepada para penggunanya dalam menjalankan Aktivitas Blogging.

Apalagi sekarang ini, versi Blogger baru telah mempunyai beberapa fitur tambahan diantaranya : New Post Labels, Drag and Drop Layout Template Editing, dan sekarang Blogger.com juga sudah bisa dilihat dalam Bahasa Indonesia. (keren, ya khan?)

Bagaimana dengan Anda? Sudah siap untuk Blogging dan menjadi Blogger Sejati?
Kalau begitu, maka penjelasan berikut ini, akan membantu Anda untuk membuat Blog lewat blogger.com.

Don't worry, caranya cukup mudah kok! Hanya dengan tiga langkah saja. Maka Anda sudah bisa punya blog yang dalam beberapa menit saja, blog Anda sudah bisa di tayangkan dan dilihat dimana saja.

Are you ready?
1. Langkah pertama adalah membuat Account Google

Bukalah situs blogger.com yang beralamatkan di http://blogger.com
Setelah situs blogger.com telah tampil sepenuhnya. Arahkan pointer mouse Anda ke arah kanan bawah pada tanda panah yang bertuliskan yang bertuliskan "CIPTAKAN BLOG ANDA SEKARANG". (coba perhatikan gambar dibawah ini)

Membuat Account Google.

(kecuali pada Google Adsense)

Gmail

Google Groups

Orkut

Masukkan alamat email kamu pada kolom "Alamat email" dan pada kolom "Ketik ulang alamat email". (emailnya harus aktif loh).
Kemudian masukkan password atau sandi Anda pada kolom "Masukkan sebuah password" kemudian masukkan lagi password tadi pada kolom "Ketik ulang sandi" (password tidak boleh kurang dari 6 karakter). {*Gantilah Sandi atau password Anda jika ternyata lemah*}.
Tuliskan nama yang ingin kamu tampilkan pada kolom "Nama Tampilan" (nama tersebut akan ditampilkan dibagian bawah/footer postingan blog).
Tuliskan tipe karakter yang ada di kolom "Verifikasi Kata". (contohnya pada gambar dibawah, Verifikasi Kata-nya adalah "essetshe", maka teks yang harus kita masukkan adalah "essetshe").
Kemudian klik kotak kecil (checkbox) yang berada disamping kiri dari tulisan "Persyaratan dan Layanan". (menyatakan bahwa kita setuju dengan Persyaratan dan Layanan dari Blogger).
Terakhir klik "Lanjutkan". (coba perhatikan pada gambar dibawah ini :)

2. Langkah kedua adalah "Menamakan Blog Anda".

"Beri Nama Blog Anda"

Judul Blog : Diisi dengan Title atau Judul yang akan kita berikan pada Blog kita.
Alamat Blog(URL) : Merupakan bagian yang cukup penting karena kamu dimnta untuk mengisi alamat URL. Alamat inilah yang akan digunakan kita atau oleh orang lain untuk melihat blog kita. Pada halaman ini pula, ada link untuk melakukan konfigurasi setup tingkat lanjut, yaitu "Setup Blog Tingkat Lanjut".(*Jika alamat URL Blog yang kita pilih sudah digunakan maka akan timbul tulisan berwarna merah yaitu : "Sorry, this blog address not avaible". Jika begitu, maka cobalah ganti dengan nama yang lain.*)

3. Langkah ketiga adalah Memilih Template Blog.

"Pilih sebuah Template"

"Preview template"

Setelah memilih template, kliklah "Lanjutkan".
Kini, kamu tinggal menuggu proses "Pembuatan blog anda", hingga muncul jendela "Blog Anda telah diciptakan!". Selesai.....

Selanjutnya, untuk mulai memasukkan tulisan, kliklah "Mulai Posting". Seperti yang bisa Anda lihat pada contoh gambar di atas.

Nah sekarang, kamu telah memiliki blog sendiri dan bisa mulai untuk melakukan posting atau memasukkan tulisan, gambar, musik, dan sebagainya.

Gimana, mudah dan gampang bukan?

Terima Kasih telah membaca Posting ini

Keep Smiling and Keep Blogging

Print Posting ini

Kirim Posting ini Ke teman-teman Anda

Ekspresikan Aksimu Lewat Blog

noreply@blogger.com (Admin Blog) — Tue, 13 Nov 2007 15:11:00 +0000

NgeBlog !?... So what gitu Loh ...???

Memang benar, jika sekarang ini Blogging atau Nge-blog dari hari ke hari telah menjadi suatu kekuatan baru di dunia Internet (Cyber World).

Dikarenakan penggunaanya sangat mudah jadi memungkinkan bagi setiap orang untuk memiliki sebuah Media Online Pribadi, meskipun orang tersebut awam dalam bahasa pembuatan Website (Situs Web). Seperti misalnya ; HTML, CSS, JAVASCRIPT, PHP, dan sebagainya.

Blog telah menarik sebagian banyak orang, baik dari pengguna Internet maupun yang bukan. Yang akhirnya penggunaan atau pemanfaatan Blog pun semakin berkembang.

Dimana sebelumnya, Blog digunakan hanya sebagai Diari Online. Sekarang justru lebih populer sebagai Tempat atau Media Berbagi. Mulai dari berbagi pengalaman sehari-hari, Pengetahuan, Informasi, hingga sekedar lelucon. Maka daripada itu, isi atau Content Blog lebih beragam dibandingkan media Online lainnya.

Mengingat manfaat Blog yang begitu besar, tentu Blog bukan hanya sekedar Trend sesaat saja. Karena seperti yang telah Anda ketahui sendiri. Sekarang ini bukan hanya masyarakat biasa saja yang punya Blog, tapi perusahaan-perusahaan besar di dunia pun ikut mewajibkan para karyawannya untuk memiliki Blog.

Ingat, Blog bukan hanya milik orang-orang yang Melek Teknologi atau para Pakar IT atau para Webmaster.

Tapi Blog adalah milik semua orang di dunia yang mempunyai Hasrat dan keinginan untuk berekspresi dan berkreasi tanpa batas.

Nah, bagaimana dengan kamu sendiri ?

Terima Kasih telah membaca Posting ini

Keep Smiling and Keep Blogging

Print Posting ini

Kirim Posting ini Ke teman-teman Anda