Laman

blogger ku

*/ body { font: $bodyFont; text-align: center; margin: 0px; padding: 0px; color: $textColor; background: $bgColor; } #page { text-align: left; width: 780px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(http://i38.tinypic.com/33xja88.jpg); background-repeat: repeat-y; } #header { height: 180px; margin: 0px; padding: 0px; background-image: url(http://i37.tinypic.com/1zfmvpy.jpg); background-repeat: no-repeat; } .narrowcolumn { width: 520px; float: left; padding-left: 10px; } #sidebar{ font: $SBFontSize; width: 220px; position: static; top: 0px; color: $SBtextColor; background-color: $SBbgColor; border: 1px solid $SBbdColor; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; margin-left: 530px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar a { color: $SBLinkColor; } #sidebar .widget { margin-bottom: 1em; } #sidebar .widget-content { margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } #sidebar h2{ font-size: 12px; font-weight: bold; color: $sidebarTitleTextColor; font: $SBTitleFont; background-color: $sidebarTitleBgColor; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 4px 5px; } #kotakkanan{ margin: 0px; } #kotakkanan1{ margin: 0px; } #footer { padding: 0px; width: 780px; clear: both; height: 115px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; color: $footrTextcolor; background-image: url(http://i33.tinypic.com/2rggaxg.jpg); } #footer a { color: $footrTextcolor; } #footer .widget { margin: 0px; padding-left: 20px; font-size: 10px; text-align: center; } /* Posts ----------------------------------------------- */ .date-header { margin: 1.5em 0 0; font-weight: normal; color: $dateHeaderColor; font-size: 100%; } .post { padding: 5px; text-align: justify; margin: 5px; } .post-title { margin: 0; padding: 0; font: $PostTitleFont; line-height: 1.1em; padding-top: 4px; padding-bottom: 4px; text-align: left; } .post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: $postTitleTxtColor; font-weight: bold; } .post-title a:hover { text-decoration: none; color: $PostTitleHoverlinkColor; } .post div { margin: 0 0 .75em; line-height: 1.3em; } p.post-footer { margin: -.25em 0 0; font-size: 10px; } .post-labels { font-size: 10px; } .post-labels a { color: $AltLinkColor1; text-decoration: none; } .post-footer .span { margin-right: .3em; font-size: 10px; } .post-footer { font-size: 10px; } .comment-link { margin-left: .3em; } .post blockquote { margin: 1em 20px; font-style: italic; } } .post blockquote p { margin: .75em 0; } .post img { margin-top: 4px; margin-right: 5px; margin-bottom: 0px; margin-left: 4px; padding: 6px; border: 1px solid $postImgBdColor; display: inline; } .post .pic{ float: right; border: 1px solid $postImgBdColor; text-align: center; margin-top: 5px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; width: 180px; font-size: 9px; padding: 6px; font-family: Arial, Helvetica, sans-serif; display: inline; } /* Comments ----------------------------------------------- */ #comments h4 { margin: 1em 0; color: $dateHeaderColor; } #comments h4 strong { font-size: 90%; } #comments-block { margin: 1em 0 1.5em; line-height: 1.3em; } #comments-block dt { margin: .5em 0; } #comments-block dd { margin: .25em 0 0; } #comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%; } #comments-block dd p { margin: 0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } small { font-family: Arial, Verdana, sans-serif; font-size: 9px; line-height: 11px; } h1, h2, h3 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; } h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite { text-decoration: none; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: $linkColor; text-decoration: none; } a:hover { color: $HoverlinkColor; text-decoration: underline; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } h2 { margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3 { padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* lain ----------------------------------------------- */ .title h1{ color: $titleTextColor; font-size: 18px; text-align: center; font: $titleFont; } .title h1 a{ color: $titleTextColor; } .title{ margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; color: $titleTextColor; } .description { font-size: 12px; font-weight: bold; margin-left: 50px; margin-top: 10px; margin-right: 260px; color: $titleTextColor; } .kosong { clear: both; } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { } html>body .entry li { list-style-type: square; padding: 0px; margin-left: 10px; } #sidebar ul, #sidebar ul ol, #sidebar ul { padding-left: 10px; margin-left: 10px; } #sidebar ul li { margin-bottom: 2px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol{ margin: 5px 0 0 5px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0px 0px; padding: 0px; } /* End Entry Lists */ .entry form { text-align:center; background-color: $SBbgColor; } select { width: 130px; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border: 1px solid $SBbdColor; } blockquote { margin: 15px 30px 0 10px; padding-left: 25px; font-family: Arial, Verdana, sans-serif; background-image: url(images/quote.gif); background-repeat: no-repeat; background-position: left top; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } form .button { border: 1px solid $SBbdColor; background-color: $SBbgColor; } input, textarea, select, button { border: 1px solid $SBbdColor; background-color: $SBbgColor; color: $sidebarTitleTextColor; font-size: 11px; padding-right: 2px; padding-left: 2px; } #blog-pager-newer-link a, #blog-pager-older-link a, #home-link a { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover, #home-link a:hover { font-weight: bold; text-decoration: none; padding-right: 4px; padding-left: 4px; border: 1px solid $SBbdColor; background-color: $SBbgColor; } #powered { color: $linkColor; text-align: center; padding: 4px; font-size: 10px } #powered a { color: $linkColor; } ]]>

 
   


Blogger Layouts by Isnaini Dot Com. Powered by Blogger and Supported by Landscapes Design

Kamis, 15 Oktober 2009

Welcome to my blog


Tentang Blog

Blog singkatan dari “web log”, merupakan istilah yang pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997.
Blog adalah bentuk aplikasi web yang menyerupai tulisan-tulisan pada sebuah halaman web umum.

Kelebihan WordPress.com
o Gratis dengan domain username.wordpress.com.
o Pengunjung mudah untuk memberikan komentar.
o Anda dapat posting dan menjawab komentar dengan email.
o Ada fitur posting terjadwal.
o Mengganti themes tidak merubah widget.
o Mempunyai statistik pengunjung.
o Ada antispam bernama akismet.
o Komentar baru bisa terlihat dari dashboard.
o Notifikasi email apabila ada komentar baru.
o Ada versi mobile (m.wordpress.com).
o Mempunyai fitur Turbo sehingga mempercepat membuka halaman di Firefox atau IE.
o Menu untuk menulis lebih lengkap daripada di Blogspot.
o Ada website id.wordpress.com yang berisi blog dan postingan terhangat.
o Mempunyai space 3 giga untuk menyimpan foto dan dokumen office.

Kekurangan WordPress.com
o Tidak dapat diberi java script misalnya untuk chatbox dan sebagainya.
o Tidak diperbolehkan serta tidak dapat untuk iklan seperti adsense atau kumpulblogger.
o Themes dan widget terbatas.
o Agak susah untuk menulis dan mengedit melalui ponsel, kecuali menulis dengan email atau mobile.
o Hanya mendukung upload foto dan dokumen office.
o Tidak adapat langsung mengupload video, hanya bisa dari url.
o Berbayar untuk mempergunakan domain sendiri. Sekitar 10 dolar setahun.

Kelebihan Blogspot
o Gratis dengan domain username.blogspot.com.
o Java script diperbolehkan sehingga dapat menambahkan chatbox, jam, dll.
o Themes tidak terbatas karena dapat menambah sendiri.
o Beragam modifikasi dapat dilakukan di layoutnya.
o Dapat dipergunakan serta boleh untuk iklan, misalnya adsense, dsb.
o Gratis untuk mempergunakan domain sendiri.
o Dapat posting dengan mempergunakan email.
o Notifikasi email apabila ada komentar baru.
o Mempunyai fitur chapcha untuk menangkal spam.
o Dapat langsung upload video dan gambar dengan space 1 giga.
o Dashboard relatif lebih mudah diakses dari Opera Mini di ponsel.

Kekurangan Blogspot
o Apabila mengganti Themes maka widget/gadget kadang ada yang hilang.
o Agak susah untuk memberikan komentar, terutama apabila menggunakan ponsel serta diberi chapcha.
o Komentar tidak dapat ditampilkan dan dikelola dari dashboard.
o Menu menulis kurang lengkap, tidak selengkap WordPress.com.
o Tidak mempunyai fitur statistik.
o Tidak ada halaman khusus berisi daftar pengguna blogspot.
o Tidak mempunyai versi mobile untuk posting.
o Tidak bisa membuat halaman (page) seperti di wordpress.
Apabila Anda ingin mendaftar dapat melalui id.wordpress.com dan blogspot.com. Untuk blogspot dapat mempergunakan akun Gmail. Tinggal masukkan username dan password Gmail Anda.

Diantara keduanya ada kelebihan dan kekurangan tersendiri. Apabila Anda ingin fitur yang lengkap, tidak ribet dengan kode html dan tidak ingin memasang iklan maka bisa memilih WordPress.com. Namun apabila ingin kebebasan mengutak-atik bentuk blog serta support java script dan iklan maka pilihan jatuh pada Blogspot.
Menurut saya lebih baik mempunyai keduanya. Sehingga dapat mengetahui cara ngeblog di WordPress.com maupun di Blogspot.com. Lagipula untuk memiliki keduanya tidak ditarik biaya bulanan alias gratis.

Rabu, 07 Oktober 2009

KEHIDUPAN DUNIA MAYA

Setelah mengenal dunia maya manusia mayoritas tertarik di dalamnya.
Selalu ingi mengtahui lebih lanjut tetang mereka inginkan.


Selamat Berkreasi >>>

Membuat Blog dengan Blogger


            Membuat blog dengan blogger mudah kok. apalagi di blogger kita bisa memodifikasi blog kita sesuai kenginan kita. Untuk Pengenalan blog adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik (isi terbaru dahulu baru kemudian diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. sistem daftar/registrasi untuk membuat blogger sekarang harus memiliki akun/account gmail.com. Jadi, bagi Anda yg sudah punya email di gmail.com, tinggal langsung buka blogger.com, dan masukkan akun gmail dan password Anda di tempat login. Sementara bagi yg belum punya email di gmail.com, Anda harus buat email dulu di gmail.com.
Nah... Setelah itu Langkah-langka Selanjutnya adalah sebagai berikut:

            Pertama Pada address browser anda ketik http://blogger.com. Setelah itu akan tampil seperti terlihat pada gambar dibawah ini:



            Kedua Klik CREATE YOUR BLOG NOW. Tunggu sampai muncul tampilan seperti berikut ini:

Keterangan:
a. Email address => di isi dengan alamat email kita (sebaiknya pake alamat email di gmail.com).
b. Enter a Password => di isi password anda
c. Retype Password => di isi dengan password yang sama dengan yang di atas.
d. Display Name => di isi dengan nama kita (ini akan ditampilkan pada blog anda nantinya)
e. Word Verification => isi persis sama dengan tulisan yang diatasnya, huruf besar ditulis dengan huruf besar gitu sebaliknya.
f. Klik/centang pada “I Agree the Term Service”.

            Ketiga Setelah itu tekan tombol Continue(lanjutkan).Setelah itu akan muncul tampilan seperti berikut ini:

Keterangan:

a. Blog Title => di isi dengan judul dari blog kita, posisinya ada pada header (bagian atas blog/pada bagian atas browser anda)
b. Blog Address (URL) => untuk ini bisa anda buat sendiri, misalnya seperti punya saya http://furhanm.blogspot.com.
c. Word Verification => anda isi persis sama dengan kata yang ditampilkan dibawahnya, karena klo salah tidak akan bisa melanjut kelangkah berikutnya.

            Keempat setelah itu tekan tombol countinue. Jika semua sudah benar anda akan melihat seperti pada tampilan berikut ini:



            Kelima Sekarang kita memilih template yang disediakan oleh Google, sebaiknya sebelumnya ada baiknya kita mem-Preview dulu sebelum melanjutkan kelangkah berikutnya.Jika sudah cocok dengan templatenya tinggal di klik Continue.



            Langkah Terakhir anda tekan tombol Star Posting, untuk melakukan posting pada blog anda.
Ok, sekarang kita sudah berhasil membuat blog di Blogger.com. Anda juga bisa Download file disini Klo ada masalah tinggal hubungi via email furhan3476@gmail.com, atau kalau ada kesalahan penulisan atau langkah-langkah harap tinggalkan komentar anda.