Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Sabtu, 27 Oktober 2012

Mengganti "Older Posts" Dengan Angka

Pada kesempatan kali ini, saya akan menjelaskan bagaimana cara mengganti link "older posts" dengan angka seperti dibawah ini


1. Buka dasbor blog anda, lalu klik Template

2. Klik "Edit HTML"

3. Cari kode ]]></b:skin>. Kalau sudah ketemu, copy dan paste script ini diatas ]]></b:skin>

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

4. Lalu, cari kode </body> lalu copy dan paste script diatas </body>

<!--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 -->

5. Pratinjau dahulu sebelum disimpan.

6. Setelah dipratinjau, klik "simpan"

Selamat mencoba :)

Senin, 15 Oktober 2012

Berikut ini langkah-langkah untuk membuat kata sambutan di Blog sobat:

1. Login ke akun blogger anda


2. Klik Tata Letak.




3. Setelah membuka tata letak, Klik Tambah Gadget.

4. Setelah itu, klik HTML/JavaScript.


5. Lalu, Copy dan paste script dibawah ini

<script type='text/javascript'>
alert("Welcome to My Blog! :)")
</script>

 Kata yang berwarna merah bisa sobat ganti dengan kata-katamu sendiri.

6. Terakhir, klik simpan :)

Kalau ada pertanyaan yang berhubungan dengan post ini, bisa ditanyakan di kolom Comment.

Silahkan mencoba :)

Rabu, 03 Oktober 2012

Cara mengubah cursor di blog

Kali ini kita akan membahas tentang cara mengubah tampilan kursor yang ada di blog kita. Jika sobat masih penasaran dengan yang dimaksud mengubah kursur, maka silahkan untuk memperhatikan kursor blog ini terlebih dahulu. Bagaimana? Menarik bukan....?



Nah, di atas itu adalah tampilan kursor blog ini. Bagi sobat yang ingin mengubah kursor yang ada di blog sobat, maka sobat bisa mengubahnya melalui langkah-langkah berikut:

1. login lah ke akun blogger sobat terlebih dahulu
2. Lalu klik "Layout"


3. Pilih "add a gadget" lalu pilih "HTML/Java Script" dan paste-kan kode berikut untuk mulai mengubah tampilan kursor yang ada di blog sobat:

a. Kode 1: mengubah kursor tapi tidak mengubah kursor ketika menyorot link

 <style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdd846p1zjNbs5fcOmbf3YQYdBQ5igCBrsPKO2XLL5K18YEbkOYswcM7-FkWZjHHIKcKEb9v2hHUnSPpJIiWuOKHaDeWeOK4sFgSvE9DNBcymWHA1me8tThMzdtN_aILDEHJZdYtlUXFP/"), auto;}
</style>

b. Kode 2: mengubah kursor serta tetap berubah walau disorot ke arah link


<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdd846p1zjNbs5fcOmbf3YQYdBQ5igCBrsPKO2XLL5K18YEbkOYswcM7-FkWZjHHIKcKEb9v2hHUnSPpJIiWuOKHaDeWeOK4sFgSvE9DNBcymWHA1me8tThMzdtN_aILDEHJZdYtlUXFP/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdd846p1zjNbs5fcOmbf3YQYdBQ5igCBrsPKO2XLL5K18YEbkOYswcM7-FkWZjHHIKcKEb9v2hHUnSPpJIiWuOKHaDeWeOK4sFgSvE9DNBcymWHA1me8tThMzdtN_aILDEHJZdYtlUXFP/"), auto;}
</style>


SILAHKAN UNTUK MEMILIH SALAH SATU KODE YANG SOBAT INGINKAN

4. Jika sudah, maka silahkan untuk tekan tombol "SAVE" atau "SIMPAN"

Source