Tips Menjadikan Blog Lebih Ringan

Posted by Unknown Minggu, 05 Februari 2012 0 komentar
Ok all sekarang saya mau memberikan sedikit tips bwt kalian smua...!! nah tips kali ini kita akan belajar membuat blog kita bisa menjadi lebih ringan, dan mudah di akses dimanapun orang melihat blog kita. Ok langsung aja yuk kita menuju ke tipsnya...berikut tipsnya :

Salah satu yang membuat pengunjung betah dan nyaman mampir ke blog kita adalah faktor kecepatan loadingnya. Semakin cepat proses loading blog saat diakses, semakin nyaman pengunjung menjelajahi isi blog kita. Sebagian dari semua blog yang saya jelajahi sulit dibuka alias lambat proses loadingnya. Berdasarkan pengalaman selama blogwalking ditambah sedikit teori logika, blog yang proses loadingnya lambat adalah blog yang panjang halamannya & menggunakan banyak perabotan/aksesoris alias widget. Sebaliknya, blog yang loading nya cepat memiliki model yang lebih simpel & memakai sedikit perabotan. Atas pertimbangan inilah, saya ingin memberi sedikit tips buat fellows blogger agar blognya bisa lebih ringan dan cepat saat di akses.

1. Memperpendek Halaman Blog

Sebagian blogger sengaja membuat tampilan blognya panjang sampai ke bawah. Tujuannya mungkin ingin menampilkan beberapa postingan terdahulu agar tetap bisa dibaca pengunjung. Namun sebenarnya hal ini bisa membuat proses loading blog menjadi lambat. Cobalah perpendek halaman blog anda. Kalo bisa postingan terbaru saja yang ditampilkan. Jika tetap ingin menampilkan postingan sebelumnya, batasi antara 2 sampai 3 postingan saja.

2. Mengurangi Perabotan Yang Kurang Bermanfaat

Aksesoris atau widget yang dipajang di blog memang mempunyai banyak fungsi disamping juga mempercantik tampilan blog kita. Tapi, semakin banyak yang dipajang semakin lama proses loadingnya. Apalagi aksesorisnya termasuk kelas berat. Kurangi widget2 yang tak perlu. Gunakan seminimal mungkin aksesoris. Jangan sampai aksesoris blog lebih banyak dari isi blog itu sendiri.

3. Hilangkan Foto, Video, dan Musik Berkapasitas Besar Di Blog

Tampilan blog memang kelihatan lebih cantik dan menawan jika dipasang foto/gambar menarik di header maupun sidebar nya. Video & musik juga bisa menjadikan blog kita lebih ciamik. Tapi jika semuanya berkapasitas besar bisa membuat blog kita berat saat dibuka. Cobalah untuk meminimalisir penggunaan gambar atau foto dengan resolusi tinggi. Jika tetap ingin menampilkan foto atau gambar, kompres terlebih dahulu hingga size nya lebih kecil. Begitu juga dengan video atau musik.

Demikianlah tips dari saya semoga bermanfaat bagi anda yang blognya masih sedikit kebesaran atau lambat, dan juga buat para blogger mania yang baru belajar. Ok all tutorial kali ini sampai disini dulu ya !! Salam Ngeblog n Happy Blogging...!!




MobGold Banner 468x60

Baca Selengkapnya ....

Membuat Widget Di Bawah Posting

Posted by Unknown 0 komentar
Jumpa lagi gan, wew sekarang saya akan posting lagi tentang blogspot. Mungkin bagi para blogger mania sudah tidak asing lagi tutorial kaya gini atau malah udah jadul. Yah, ini cuma buat yang belum tau saja ok? bagi yang udah tau jangan pada demo hehe.
Baiklah, langsung saja ya. Berikut caranya :





1. Login ke blogger kalian masing-masing
2. Masuk ke Rancangan --> Edit HTML
3. Backup dulu template kalian sebelum melakukan edit template dengan klik Download Template Lengkap. (untuk berjaga-jaga kalau nanti gagal/rusak)
4. Beri tanda cek pada kotak yang bertuliskan "Expand Template Widget"

5. Jika sudah, caril kode ]]></b:skin> (tips : tekan keyboard Ctrl + F, lalu masukkan code tadi ke kotak Find kecil yang muncul di bagian bawah layar)
6. Copy/paste kode berikut, dan masukkan tepat di atasnya :

.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}

7. Jika sudah, cari lagi kode berikut :


<data:post.body/>

8. Lalu copy/paste kode di bawah ini persis di bawahnya :


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='bawahpost'>
Jangan asal Copy/Paste karena Blog juga adalah hasil Karya Cipta. Biasakan untuk meminta ijin kepada pemilik karya atau paling tidak menyebutkan sumber asal. Hitung-hitung bersilaturahmi dan memperluas pergaulan, bukan?
</div>
</b:if>


9. SIMPAN TEMPLATE.

10. Mission Complete !!
Catatan :
Warna merah di atas bisa kamu ganti dengan Kode Script, Kode Iklan, Text, dsb sesuai yang kalian mau.
Dan Hasilnya akan seperti ini :
Nah, sampai disini dulu tutorial dari saya, Salam Blogger Mania!!



MobGold Banner 468x60

Baca Selengkapnya ....

Cara Mengubah Warna Link

Posted by Unknown 0 komentar
Ketemu lagee bareng saya nich…oke pada pertemuan kali ini saya akan membahas tentang cara mengubah warna pada link. Sebenarnya mengubah warna link pada template baru, tentunya bukan masalah besar, karena fasilitas untuk merubah warna dan huruf sudah di sediakan. Tetapi pada template klasik, untuk merubah warna link, anda harus merubah kode-kode yang ada pada kode template anda. Nah kita langsung aja ke tutorialnya :


Cari dan gantilah kode-di bawah ini :


a:link { color: #3333FF; text-decoration: underline; }
a:hover { color:
#000066; text-decoration: underline; }
a:visited { color:
#663366; text-decoration: underline; }



Keterangan :


a:link { color: #3333FF; text-decoration: underline; } = Warna sebuah link biru dan bergaris bawah (#3333FF adalah warna link sedangkan underline adalah garis bawah)

a:hover { color:
#000066; text-decoration: underline; } = Sebuah link apabila di sorot oleh cursor akan berubah warna menjadi biru tua dan bergaris bawah

a:visited { color:
#663366; text-decoration: underline; } = Sebuah link apabila pernah di klik oleh sebuah komputer yang sama akan berwarna ungu dan bergaris bawah

Kesimpulan :


kesimpulanya adalah yang menentukan warna dari sebuah link yaitu pada kode a:link { color: #3333FF; text-decoration:underline; } dan yang harus diganti adalah kode yang warna merah. Untuk menggantinya anda harus mengetahui kode-kode warna. Silahkan klik DI SINI untuk mengetahui kode-kode warna.


GIMANA UDAH BISA APA BELUM?? SELAMAT MENGERJAKAN SEMOGA SUKSES




MobGold Banner 468x60

Baca Selengkapnya ....

Add URL Blog atau Website Ke Google

Posted by Unknown 0 komentar

Pada tutorial kali ini, saya akan memberikan tips mendaftarkan blog/web anda ke search engine yaitu google, tujuanya yaitu untuk meningkatkan Search Engine Optimization. Selain itu, blog/web kita bisa ter-index oleh google. Caranya juga tidak begitu repot, hanya dengan submit url web/blog kita ke google. Baiklah dari pada basa basi mendingan kita langsung aja ke tutorialnya.

1. Silakan mendaftar url website/blog anda di sini (http://www.google.com/addurl/?continue=/addurl)

2. Maka akan muncul halaman berikut, nah ketikkan url web/blog anda, Comment di isi "deskripsi atau judul blog anda" , kemudian ketikkan verifikasi kode yang akan tampil.



3. Klik tombol Add URL, Jika berhasil maka akan muncul pesan sukses dari google sebagai berikut.



Nah, demikian tutorial kali ini, akhir kata saya ucapkan selamat mencoba dan semoga berhasil...!!


Ssemoga Bermanfaat


MobGold Banner 468x60

Baca Selengkapnya ....

Membuat Multi Kolom Di Bawah Header

Posted by Unknown 0 komentar
 Halo sobat, yah pada kesempatan kali ini saya akan posting mengenai blogger lagi, cuma mau share aja. Mungkin sebagian besar sobat blogger udah tau cara ini, namun saya hanya sekedar share" ilmu saja. Nah bagi yang belum tahu tentang cara Membuat Multi Kolom di bawah header, akan saya bahas di postingan kali ini.

Langsung saja, berikut caranya :

1. Masuk ke akun blog anda masing"

2. Pergi ke Rancangan >> Edit Html >> beri tanda cek pada kotak kecil "Expand Template Widget" (kalau perlu di backup dulu biar nanti kalau salah bisa di upload ulang template anda. Caranya klik "Download Template Lengkap")

3. Cari kode ]]></b:skin> dan masukkan kode di bawah ini di atas kode tersebut :

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

4. Sekarang tuju ke bawah dan cari kode <div id="'main-wrapper'">, setelah ketemu masukkan kode di bawah ini di atas kode tersebut.

<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='box-column' id='col3' preferred='yes' style='float:right;'/> </div>
<div style='clear:both;'/>
</div>

5. Klik Simpan Template

Catatan :

- Kode di langkah no 4 adalah code jumlah kolom yang mau kamu tambahkan (tentukan jumlah yang ingin kamu buat. Untuk menambahkan kolom tinggal copy/paste kode yang berwarna biru. dan ganti box3 menjadi box4/5/6 dst. lalu ganti juga col3 menjadi col4/5/6 dst)

- Kode berwarna merah adalah lebar per kolom (tentukan lebarnya menurut kolom yang akan kamu buat.)
Selamat Mencoba


MobGold Banner 468x60

Baca Selengkapnya ....

Kumpulan SMS Hari Valentin 2012 | Kata Cinta Romantis Valentine Day

Posted by Unknown Sabtu, 04 Februari 2012 0 komentar
Ini Dia Kumpulan kata" Cinta "SMS" Hari Valentin 2012


Cekidott...


Ada 12 bulan dalam setahun, 30 hari dalam sebulan,
7 hari dalam seminggu, 60 detik dalam satu jam.
Tapi hanya ada kamu seorang sepanjang hidupku.
Happy Valentine Day
————-
” JLAN2 KE MALUKU
JGN LUPA BLI DUKU
KLU KAU CINTA PADAKU
BILANGLAH I LOVE U ”
————-
Aku ingin mencintaimu dengan sederhana
Dengan kata yang tak sempat diucapkan kayu kepada api
yang menjadikannya abu,
dengan isyarat yang tak sempat disampaikan awan kepada hujan
yang menjadikannya tiada
————-
cinta adalah makna
makna ada di dalam cinta
makna dan cinta menjadi satu
met valentine day
————-
saat diriku menatap mu
hatiku terjebak oleh cinta
terpesona hatiku menatap mu
saat dirimu melihatku
hati terasa tenang dan damai
aq ingin memelukmu dan mengucapkan selamat hari valentine
————-
My eyes are blind without your eyes to see,
Like a rose without color.
Always be there in my life sweetheart





MobGold Banner 468x60

Baca Selengkapnya ....
Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.