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; } ]]>

 

,

1

 

 
()
 

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

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.


Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)