Mengganti Background Blog Dengan CSS

Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML

Lalu cari CSS dari body seperti dibawah ini

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.

perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.


Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.

background:#FFFFFF url(URL_GAMBAR) ;

URL_GAMBAR ini bisa Anda ganti dengan URL gambar yang Anda pilih misalnya gambar :



URLnya : http://i725.photobucket.com/albums/ww258/anasceria/plays.jpg

Mengantur Background Gambar

background:#FFFFFF url(URL_GAMBAR) no-repeat top left;

no-repeat : berarti gambar didak akan mengulang, Bisa Anda ganti dengan

repeat : Mengulang-ulang gambar
repeat-x : mengulang secara horizontal
repeat-y : Mengulang secara vertikal

top left : Adalah posisi background bisa anda ganti misalnya bottom right

sedikit tambahan jika Anda mau mencari koleksi background

http://www.patterncooler.com/
http://www.bgpatterns.com/
http://patterns.ava7.com/

Nah sekian tutorial mengganti background blog, sedikit semoga membantu Anda.

Meningkatkan Produktifitas dengan Firefox Extention

Hari gini siapa sih yang ga kenal sama Firefox? Browser handal dari Mozilla. Kali ini sih pengin bahas extension penting apa aja yang bisa dipakai untuk meningkatkan produktifitas kita.

Mau langsung bahas atau mau basa basi dulu ya. Langsung aja kali ya. Extension atau Plugin Firefox yang bisa dipakai untuk meningkatkan produktifitas adalah.

1. Customize Google
Customize Google adalah extension

Cara Pasang Iklan Di Blog (KumpulBlogger)

Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.
Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan dengan cara PPC (pay per clik) atau setiap ada pengunjung yang mengklik zona iklan Anda.

Gimana enak gak? mau? ikuti caranya dibawah ini

Langkah pertama yang harus Anda lakukan adalah mendaftar kumpulblogger.com disini dengan cara mengklik link "register now" pada pojok kanan atas di situs kumpulblogger.com

Lalu masukkan alamat email Anda lalu klik tombol "Register" otomatis password untuk Log In sudah ada di email Anda. Anda bisa mengubah passwordnya setelah Anda Log In

Lalu setelah Anda Log In sebelum pasang scriptnya klik link "Tambah Blog" Pada menu Blogger

Isi form sesuai perintahnya lalu klik tombol "Submit"

Kalau sudah klik link "Script Text Advertising untuk Blog anda" dan pilih style iklan yang Anda sukai lalu copy scriptnya dan tempatkan di blog Anda dengan cara masuk menu Layout (tata letak) pada dashboard blogger lalu pada menu Page element (elemen halaman) pilih tempat yang Anda sukai dan klik "add a gadget" lalu pilih "HTML/JavaScript" dan Paste Script tadi yang Anda copy di kumpulblogger.com

Nah selesai

Selamat datang didunia Blogger dan selamat datang didunia periklanan.

Ehhh sampai lupa mengucapkan terima kasih pada yang sudah daftar kumpulblogger.com melalui Refferal saya. makasih ya

Menampilkan Next Page Hanya Judul Postingnya

Bukan apa-apa tapi hanya iseng-iseng ingin menulis di blog ini saja (ehh tapi sebenernya emang Saya bercita-cita sebagai penulis lho ). Dengan maksud ingin membagi-bagikan sedikit pengetahuan Saya mengenai mengotak-atik blog di blogspot Saya akhirnya menulis artikel ini dengan diawalai doa Saya mantap menulis artikel ini untuk Sobat-sobat sekalian semoga bermanfaat.

Oke langsung aja ke topik pembicaraan yaitu menampilkan next page dengan judul postinganya saja di main blog. Gimana maksudnya next page sih?
Maksud Saya "next page" itu adalah halaman dari blog selain halaman depan itu loh! apabila Anda mengklik link "Older post" atau "Posting lama" di main page hanya muncul judul postingnya saja.

Seperti Anda jika mengklik link "older post" di blog kang rohman



Hanya akan tampak judul postingnya saja seperti dibawah ini



Iya tha.. Kalau g percaya buktikan saja

Mau tau caranya?

Nah caranya cukup mudah kok gini lo

Masuk menu Layout kemudian masuk menu Edit HTML dan centang tanda "Expand widget templates"

Lalu Masukkan CSS dibawah ini diatas code ]]></b:skin>

#titleonly {
padding:6px 0 6px 5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
margin-bottom:2px;
background:#EAE9E9;
color:#B8002E;
}

Kalau Sudah cari code dibawah ini

<b:include data='post' name='post'/>

Ganti Code diatas dengan code dibawah ini.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div id='titleonly'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kalau Sudah tinggal SAVE dehh!!

Gimana gampang kan?

Tampilanya bisa kamu ubah sesuai dengan selera kamu tinggal mengedit CSSnya.

Nah jika ingin menampilkan semua judul post pasang URL link dibawah ini

http://AlamatBlogAnda.blogspot.com/search?max-results=200

Ganti tulisan yang tercetak merah diatas dengan alamat blog Anda

Gimana gampang kan?
Silahkan dicoba semoga berhasil jika Ada pertanyaan lontarkan saja di koementar

Hacking Login Windows Vista

Masalah hack-menghack biasanya mengasyikkan, betul? Tapi bukan untuk tujuan buruk loh. Mungkin suatu saat anda akan membutuhkan teknik ini. Yaitu teknik Login Windows Vista tanpa password. Jika anda lupa password account windows vista anda, jangan panik, buka aja blog ini.

Gimana sih caranya masuk login windows vista tanpa password? Nah untuk segera memulai, siapkan dulu DVD Windows Vista-nya.

Mempercepat Windows Vista di Notebook/Laptop

Bagi pengguna notebook, masalah start up, shutdown dan daya tahan baterai merupakan hal penting. Tentu sangat menjengkelkan jika kita terlalu sering mencari colokan listrik untuk menghidupkan notebook.

Salah satu penyebab baterai notebook/laptop cepat habis adalah proses booting start up dan shutdown yang banyak menghabiskan tenaga. Sering saya lihat notebook teman-teman saya menghabiskan sampai

Bagaimana Cara Membatasi Akses File dan Folder di Windows Vista

Banyak di antara kita yang menggunakan komputer berbagi pakai dengan orang lain. Baik itu keluarga, teman, ataupun di rental dah warnet. Kadang kita memerlukan sedikit privasi di komputer tersebut. Kita tidak ingin ada orang yang mengakses folder atau file pribadi kita.

Nah bagaimana sih caranya membatasi akses ke file atau folder tersebut?

Pertama, klik kanan pada file atau folder yang ingin

GParted : Cara Mempartisi HDD Windows Vista

Dahulu, mempartisi harddisk hanya dapat dilakukan saat sedang melakukan instalasi sistem operasi. Akan tetapi sekarang, Anda bisa mempartisi harddisk Anda saat sudah ada sistem operasinya. Bahkan jika datanya sudah banyak. Apapun sistem operasinya. Begitu juga dengan Windows Vista.

Salah satu solusi cerdas untuk mempartisi harddisk Anda adalah dengan menggunakan GParted LiveCD. Sistem operasi

Membuat Vista Greenish Folder Sama Rata

Pernahkan Anda memperhatikan folder baru yang dibuat di Home Folder terlihat aneh? Ya di saat semua folder lain dengan style greenish berwarna hijau. Ada satu folder yang aneh dan.. berwarna kuning!
 
Bagaimana cara membuatnya menjadi sesuai dengan folder lain?
Pertama, klik kanan pada folder tersebut dan pilih Properties.
 
Kemudian pilih tab Customize. Dan klik tombol Change Icon.

Alih-alih

Keanehan Windows Vista

Apakah Anda pernah menyadari ada suatu keanehan pada windows vista Anda? Xixi, kali ini blog penuh tips trik mudah dan lengkap ini akan memberi tahu salah satu keanehan windows vista.

Sekali-kali posting hiburan boleh donk ya.. Apa sih keanehannya?

Keanehannya yaitu pada tombol "up" di Explorer. Tombol up ini bekerja di semua folder komputer Anda.
 Di Control Panel juga bisa berjalan normal. 

Bagaimana Membuat Shortcut System Restore Point

Adalah hal yang sangat penting untuk membuat system restore point pada komputer windows Anda, sebelum melakukan tweak. Nah, mungkin bagi Anda yang sering melakukan tweak, akan sangat merepotkan membuat system restore point ini setiap saat.

Tapi tenang saja, kebetulan saya menemukan cara mudah untuk membuat system restore point ini. Tips ini saya dapatkan dari HowToGeek.com. Tips mudah ini

Rahasia Rapidshare Happy Hours

Saat ini Rapidshare happy hours begitu menjadi popular. Ada banyak sekali software yang bisa di download untuk mengecek kapan happy hours sedang aktif. Juga ada ribuan tips dan trik mengenai Rapidshare Happy Hours.

Akan tetapi, apakah Anda mengetahui rahasia di balik Rapidshare Happy Hours?

Sebelum rapidshare happy hours aktif, saya bisa mendownload dari server rapidshare sekitar 100kbps.

Shortcut Auto Complete Mudah dengan CTRL+Enter

Mungkin Anda belum tahu, bahwa ternyata ada lumayan banyak hal yang bisa dikerjakan oleh dua tombol tersebut. CTRL+Enter.

Apa saja yang bisa kita lakukan dengan shortcut keyboard CTRL+Enter tersebut? Mari kita jelajah satu per satu.

Bagi Anda yang suka surfing, biasanya seringkali kita ingin mengetikkan url sesingkat mungkin. Nah gabungan dua tombol ini juga fungsi pada browser. Kebanyakan

Menonjolkan Teks Tertentu Pada Postingan

Seringkali jika kita baca buku tutorial seperti misalnya tutorial HTML, tutorial Bahasa Pemrograman dan buku-buku tutorial yang lainya kita menjumpai seperti kode-kode atau script yang ditonjolkan dengan memberi background dan pembatas yang beda dengan teks-teks yang lainya yang ada di buku yang berguna untuk mempermudah para pembaca buku membedakan script-script dengan tulisan yang lainya. Begitu juga di blog jika Anda menulis tentang tutorial yang memungkinkan untuk menulis kode-kode HTML dan script-script yang lainya agar pembaca lebih mudah untuk membedakan.

Contoh seperti dibawah ini

HANYA CONTOH

POSTINGAN YANG DITONJOLKAN DISINI

HANYA CONTOH

Dan seperti ini

Kesepian hati…

Adakah benar adalah lorong waktu kebahagiaan ?

Kesunyian hati…

Adakah sungguh adalah suara merdu saat usia senja ?

Aku takut, aku salah kira

Meski kusadari kini ku di tengah itu semua

Aku hanya dapat bertanya

Tanpa sedikitpun kepastian akan jawabnya

(http://www.anggrekbiru.com/)

Terlihat perbedaan dengan contoh pertama dan kedua : contoh pertama dengan background warna dan contoh kedua dengan background gambar.

Untuk membuatnya silahkan perhatikan cara berikut

cara pertama yaitu cukup mudah kita tinggal masuk ke posting editor dan tulis code seperti dibawah ini di posting editor bagian "Edit Html"

untuk background warna kita gunakan code seperti dibawah ini

<div style="background:#FFFFCC; border:1px dotted #F5003D; padding:5px;">
DISINI POSTINGAN YANG MAU DITONJOLKAN
</div>

background:#FFFFCC;
adalah warna background, codenya bisa Anda ganti menurut warna yang Anda sukai. (lihat code warna disini)

border:1px dotted #F5003D;
adalah garis tepinya 1px adalah ketebalan dari garis tepinya, bisa kamu ganti ketebalanya sesuai selera Anda, dotted adalah jenis bordernya bisa kamu ganti sesuai selera kamu (baca disini jenis border). #F5003D adalah kode warna dari border silahkan Anda ganti dengan selera Anda.

padding:5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi. (baca disini untuk lebih jelasnya)

tambahkan overflow:auto; jika ingin menambahkan fungsi scroll

untuk background gambar seperti dibawah ini

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpBhFI647yzzNjcnzDGoyNDHtWgsCNK4KV3cW6gyFvMXmZJIdL3S_Y0c9QmE87_Q28u7fA3bQqiy-wMBjwfprPmBAKcJyzRF1DaJfyxj7XG3r9U0BFDoyvtc2piCVWDfHEqN15rWG1rV0/); width:508px; height:362px; padding:5px;">

DISINI TEXT

DISINI TEXT

</div>

Text yang tercetak merah diatas adalah url gambarnya. width:508px; adalah lebar area dan height:362px; adalah tinggi area.

Gimana gampang kan?

ini adalah sebagian cara untuk menonjolkan text tertentu, trik-trik berikutnya akan menyusul.
Sekian semoga sedikit membantu Anda dan bermanfaat bagi Anda.

Cara Membuat Beberapa Shortcut Mudah

Ada berapa cara untuk mengeluarkan CD atau DVD dari drive-nya?

Mungkin Anda bisa menekan tombol di depan drive, klik kanan pada CD atau DVD drive di 'My Computer' dan pilih 'eject', atau bahkan menggunakan obeng dan memaksanya agar terbuka! Kalau saya, saya adalah orang malas yang sering mencari cara untuk mempermudah pekerjaan.

Menekan tombol di depan drive... kelamaan geraknya! (Tidak

Tips Trik Resmi Windows Vista

Sampai saat ini sejak Windows Vista dirilis, sudah digunakan oleh orang-orang di seluruh dunia. Apakah hidup anda menjadi lebih mudah atau bahkan lebih sederhana daripada ketika menggunakan Windows XP?

Saya iseng-iseng melakukan pencarian di internet dan saya sangat terkejut bahwa sebenarnya ada cukup banyak jumlah orang yang masih menggunakan Windows XP dan lebih memilih XP daripada Vista.

ActiveX : Definisi dan Fungsi

Apa yang ActiveX lakukan dan mengapa Anda membutuhkannya
Apa itu ActiveX?
ActiveX adalah teknologi berbasis pada arsitektur Microsoft Component Object Model (COM) yang digunakan terutama oleh pemrogram software untuk membuat komponen software berorientasi objek yang dapat digunakan untuk beberapa aplikasi.

Kontrol ActiveX berbasis pada teknologi ActiveX ini dan digunakan oleh pengembang Web

Me-recover File MS Office

Me-recover file Ms Office dari file Temp
MS Office memiliki fitur option AutoSave dan AutoRecovery yang bisa digunakan untuk menyelamatkan pekerjaan anda yang terhenti karena listrik mati mendadak, system crash, atau kesalahan-kesalahan lain yang kadang kita lakukan.

Kebanyakan orang tidak mengetahui dan tidak mengaktifkan fitur ini. Akan tetapi, tidak usah khawatir. Walaupun anda tidak

Ms Access Pagination dengan JSP

Tadinya saya pikir untuk membuat pagination menggunakan Ms Access bisa langsung me-limit query-nya. Ternyata kita tidak bisa langsung me-limit query karena di Ms Access tidak ada operator untuk limit.Oleh karena itu yang bisa dilakukan adalah dengan membagi data yang ingin kita tampilkan. Ide dasarnya yaitu:Dapatkan jumlah semua baris.
Input halaman berapa yang ingin ditampilkan.

Hitung batas