Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

 ------>>>>>>>>>>><<<<<<<---------------

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

--------->>>>>><<<<<<------------

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

Read More

Cara Membuat Efek Meteor Jatuh Pada Blogspot

Cara Membuat Efek Meteor Jatuh Pada Blogspot - Meteor Jatuh Pada Blog memang kedengarannya agak mustahil terjadi, tapi inilah kenyataannya. Bagaimana tidak ? Efek Meteor Jatuh ini mengingatkan kita kembali kepada Jaman Dinosaurus yang dahulu kala terkena Jatuhan Meteor. Penasaran bukan ? lihat demonya :

Demo Efek Meteor Jatuh

Jika sudah dilihat langsung menuju ke Page Element
Klik Add Widget + Html/Javascript + Copas kode berikut :

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

Kemudian Save dech.

Semoga Cara Membuat Efek Meteor Jatuh Pada Blogspot berguna dan bermanfaat.

Read More

Cara Membuat Efek Kembang Api Pada Blog

Cara Membuat Efek Kembang Api Pada Blog. ok deh, langsung aja ane share sekarang...

Cara Membuat Efek Kembang Api Pada Blog

1. login blog
2. rancangan --> edit HMTL
3. lalu cari kode </body>
4. lalu masukkan kode script dibwah ini diatas kode </body>

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script> 

5. simpan...

 
Kalau belum keluar coba cara ini :

1. login blog
2. rancangan --> elemen halaman --> tambah gadget --> HTML/JavaScript
3. lalu masukkan kode

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

4. simpan

Dan selesei deh dan jangan lupa coba lihat hasilnya....

Read More

Galeri Bunga

Read More

Cara mendesain blog dengan baik

Ini merupakan tips bagaimana menjadi blogger yang baik dalam mendesain dan memposting artikel. Pertama masalah design , sebagai pegangan dalam men-design buatlah desain blog yang MENARIK, RINGAN, dan INFORMATIF. dan berikut adalah Tips Cara Membuat Desain Blog yang Baik:

MENARIK 
-Buatlah desain semenarik mungkin agar para pengunjung tidak kabur gara-gara desain gak jelas, terlalu banyak warna. 
-Buatlah desain dengan komposisi warna HITAM, PUTIH, MERAH, KUNING, HIJAU, BIRU, atau warna yang mendekati itu. Dalam membuat desain blog, jangan membuat warna yang norak dan susah dibaca, jadi gunakan warna yang kontras agar teks dapat terbaca dengan sempurna.
-Pilihlah font yang mudah terbaca, kalian boleh menggunakan Font Hias untuk Nama Blog kamu, untuk artikel dan judul artikel gunakan font standart sehingga mudah dibaca.
-Kalian bisa menambah kode HTML untuk menghias blog kalian, tapi ingat, secukupnya saja, dan gunakan kode yang ringan.


RINGAN
-Ingatlah, Pengunjung paling gak suka dengan hal yang namanya LOADING LAMA.
-Pasanglah widget seperlunya, pesan saya jangan pasang widget yang berlebihan, karena akan berpengaruh terhadap loading halaman blog kalian.
-Widget yang perlu dipasang adalah Label/Kategori, Search, Daftar isi, About me, followers. Cukup itu saja, tapi kalo mau nambah boleh, maksimal 3 widget lagi, supaya loading gak berat, misalnya buku tamu, tombol like facebook, atau twitter.
-Bagi kalian yang barusaja bikin blog dan pengunjung masih sedikit, jangan terburu-buru pasang iklan di halaman blog kalian, karena iklan akan memperberat loading blog kalian.
-Jika kalian menggunakan Background, gunakan image yang file sizenya kecil, kalian bisa edit file size menggunakan photoshop, photoscape atau program editor foto lainnya.
-Jangan terlalu banyak pasang gambar pada halaman utama.


INFORMATIF
-Yang sangat penting untuk diperhatikan adalah tersampaikannya informasi yang kita berikan kepada para pengunjung blog.
-Agar para pengunjung mudah mendapatkan informasi yang mereka inginkan caranya adalah pasang widget search sehingga pengunjung bisa mencari yang mereka butuhkan dengan cara memasukkan kata kunci. Atau kalian bisa pasang widget label atau daftar isi.
-Posting hal-hal yang sesuai dengan tema blog kalian.
-Rajin rajinlah membuat artikel agar blog anda selalu update.


Diatas adalah sedikit tips dalam mendesain blog. Cukup perhatikan 3 Syarat diatas saya yakin pengunjung akan kembali lagi untuk menengok blog kita.

Read More