CSS

Rabu, 26 September 2012

Cara Membuat Label atau Categories Tampil keren

·
Ada cara super cepat untuk merubah tampilan label atau categories punya kalian. Nggak perlu bingung bagaimana cara buat teksnya. Semua sudah ada yang menyediakan. Gratis, lagi !


Langkah-langkahnya :


1. Sebagai langkah pertama kira-kira akan dibuat teks seperti apa label atau categories kalian. Mau tetap Label, Categories, Kategori, Daftar menu atau apapun yang menurut kamu baguslah.

2. Langkah selanjutnya kunjungi FlamingText.com - Logo Design

3. Buat teks yang kalian inginkan sepuas-puasnya dengan ukuran 22 (22px) s/d 27 (27px) : Ukuran standard dan jangan lupa langsung upload dulu gambar teks Label kamu di file hosting untuk digunakan link-nya. Jangan lupa kasih ongkos parkirnya ! he ...he ...

4. Kembali ke blog kamu.

5. Login ke blogger (Login to Blogger).

6. KLIK Tata Letak (Layout).

7. Amankan template (Secure Templates).

8. Tetap di Edit HTML (Stay in the Edit HTML).

9. KLIK Expand Template Widget.

10. Cari KODE
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

Catatan : KODE tersebut ada beberapa buah. Cari yang di sebelah atasnya ada KODE :

<b:widget id='Label...' .....dst 

10. Ganti KODE :

<data:title/>
, dengan :

<img src="Label.jpg" border="0"/> atau 
<img src="Categories.gif" border="0"/>

Sehingga bentuknya menjadi seperti contoh di bawah (disertai contoh link image Categories) :

<b:if cond='data:title'>
<h2><img src="https://sites.google.com/site/gubhugreyotprojects/image-posting/mart-2010/Categories-gubhugreyot.jpg" border="0"/></h2>
</b:if>

11. KLIK Simpan Template (SAVE).

12. Lihat hasilnya dengan membuka blog (open your blog).

By :  http://ichaldae.blogspot.com/2012/09/cara-membuat-label-atau-categories.html

Kamis, 20 September 2012

Cara Mengubah Gambar Background Header di Blogger/Blogspot

·
memasang header blog
Cara ini digunakan untuk mengubah/menambahkan gambar header secara keseluruhan sebagai background/latar. Jika hanya ingin mengganti/memasang gambar header pada judul dan deskripsi, cukup masuk ke Page Elements dan klik edit pada widget judul dan deskripsi pada bagian header. Upload gambar anda melalui fitur upload yang telah disediakan.
click to enlarge
Namun untuk mengganti seluruh bagian backround/latar wrapper header di blog anda, gunakan cara berikut:

1. Masuk ke Edit HTML.
2. Cari  (Ctrl+F) #header-wrapper atau yang sejenisnya (masing-masing template tidak sama tergantung basic template tersebut). Declarator ini selalu di bagian pengaturan header dan posisinya paling atas.
Contoh:
#header-wrapper{background-color:#00000;width:975px;margin:0 auto 0;height:125px;)
3. Tambahkan atribut ini sebelum background-color (atau anda dapat menghapus bagian background color jika header anda akan dipenuhi dengan gambar):
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat; 
contoh jadinya:
#header-wrapper{ 
background image: url(http://alamat-url-gambar/gambar.jpg);
background-repeat: no-repeat;
background-color: #00000;
width:975px;margin:0 auto 0;height:125px;)

Atau aturan shorthand untuk background juga dapat digunakan:
background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #000000;
contoh:
#header-wrapper{background:url(http://alamat-url-gambar/gambar.jpg) no-repeat #00000; width:975px;margin:0 auto 0;height:125px;)
Ganti http://alamat-url-gambar/gambar.jpg dengan direct url dimana anda mengupload gambar  header blog. Sebelum mengupload & memasang gambar header, edit atau pastikan ukuran gambar sama dengan width dan height header blog.
4. Save template.

Theme This Blog

· 0 komentar

Download This blog theme


-->

Rabu, 19 September 2012

Membuat Daftar Isi Dalam Kotak Scrol Bar

·
Agar Daftar isi Blog tampil menarik dan tidak menghabiskan tempat, maka sebaiknya dibuat dalam sebuah kotak scroll bar, seperti yang terlihat di blog ini. Nah jika Anda berminat untuk membuat Daftar Isi dalam kotak scroll bar ikuti langkah-langkah berikut ini;

1. Login ke blogger dengan ID anda sampai ke dashboard
2. Klik Rancangan lalu klik Tambah gadget di tempat yang strategis
3. Klik tambah html
4. Setelah terbuka halamannya tulis judul Daftar Isi atau terserah anda
5. Lalu buatlah kode di bawah ini;

<div style="border:1px solid rgb(153,153,153);overflow:auto;width:300px;height:200;text-align:left;">

<li> <a href=http://sinma68.blogspot.com/2010/08/mencari-arah-kiblat-shalat.html target="new">1.Mencari Arah Kiblat Shalat</a></li>

<li> <a href=http://sinma68.blogspot.com/2010/09/cara-menjadi-anggota-peoplestring.html target="new">2. Cara Menjadi Anggota PeopleString</a></li>

Keterangan:
Width:300px artinya lebar kotak 300 pixel, height:200 artinya tinggi kotak 200 pixel, angka tersebut dapat anda ubah sesuai dengan keadaan blog anda.
Ganti tulisan yang berwarna merah dengan alamat url blog anda. Tulisan warna merah merupakan alamat url dan judul artikel anda lengkap dengan waktu diposting. Agar Link ini ketika diklik dapat memunculkan artikelnya menulisnya harus benar-benar teliti, karena sedikit saja salah artikel anda tidak dapat keluar.
Teks berwarna biru adalah judul artikel yang akan muncul di dalam kotak daftar isi, gantilah sesuai dengan judul artikel anda.
Setelah semuanya selesai jangan lupa klik simpan, jika berhasil blog anda akan bertambah keren dengan tampilnya daftar ini dalam bentuk kotak scroll bar.
Selamat mencoba, semoga berhasil


Sabtu, 15 September 2012

Auto Followers 2012

· 0 komentar




Auto followers twitter agustus 2012 [NEW] Tutorial :

[-]Masuk Klik Disini

[-]Trus Klik Sign In With Twitter

[-]Lalu Pilih Followers

[-]Happy Followers xD Bukti Kalau Auto Followers Ini Work Bisa Cek di tweet teman ane Di Sini





NB : Masih Ada Fitur Auto Retweet Dan Auto Favorit :) Semoga tutorial Auto followers twitter agustus 2012 [NEW] berhasil.





Minggu, 02 September 2012

Desktop Background-slide show windows 7

· 0 komentar



Ada begitu banyak background cantik dan attractive untuk windows 7, diantaranya mungkin banyak yang Anda sukai, daripada berganti-ganti secara manual Anda dapat menampilkannya sekaligus dengan memanfaatkan fitur slideshow desktop bacground windows 7, cara ini cukup mudah untuk di ikuti, Anda tidak perlu software tambahan untuk melakukannya, berikut ini caranya :

1. Klik kanan pada desktop, pilih personalize, akan muncul jendela baru personalization

2. Pada bagian bawah sebelah kiri pilih Desktop background/slideshow

3. Apabila sebelumnya Anda sudah memiliki gambar yang Anda persiapkan pada suatu folder maka pada picture location klik browse untuk mencari gambar pada komputer, klik open untuk menambahkan gambar tersebut, atau Anda dapat memanfaatkan secara langsung gambar yang sudah disediakan.

4. Pilih gambar yang ingin ditampilkan dengan memberikan tanda centang, dan sebaliknya hilangkan tanda centang apabila tidak Anda kehendaki.

5. Pada pilihan picture position Anda dapat memilih 5 model tampilan gambar, dan pada pilihan chante picture every tentukan jeda waktu pergantian gambar misal pilih pada pilihan 10 detik.

6. Klik save changes untuk menyimpan perubahan.

Kini tampilan desktop Anda akan berganti-ganti sesuai waktu yang Anda tentukan, selamat mencoba !

.