Cara Membuat page previous 1,2,3,4,5 Next Di Blogspot

Baiklah Mari kita mulai sekarang :

1. Login ke blogger.

2. pilih dan klik Tata Letak dan pilih Edit HTML

3. Kalau sudah, klik Expand Template Widget

4. Lalu cari kode berikut (Ctrl + F) : ]]></b:skin>

5. Kemudian masukan kode script dibawah ini tepat di atas kode: ]]></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;
}

6. Selanjutnya kita cari lagi kode berikut: </body>

7. Kemudian masukan kode script berikut tepat di atas kode: </body> 

<b:if cond='data:blog.pageType != &quot;item&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://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

</b:if>

Keterangan :
Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman.
Kode displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu).
Kode upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan).
Kode downPageWord mengarahkan ke halaman yang lebih lama (tulisan Next bisa diganti sesuai dengan keinginan).

8. Terakhir kita cari kode script berikut: 'data:label.url'

9. Gantilah kode script diatas dengan kode dibawah ini:
'data:label.url + &quot;?&amp;max-results=5&quot;'    


Keterangan :
Fungsi dari script ini adalah untuk mengganti default (standar) Blogspot yang akan menampilkan 20 posting setiap halamannya, karena pada pageCount di atas kita isi 5, maka pada script ini pun juga diisi dengan 5 (menampilkan 5 posting per halaman).

10. Simpan template, dan lihat hasilnya.

Read More

Cara Menggunakan Auto Like!

Cara Menggunakan : 

1.Untuk bisa menggunakan Auto like , Usahakan Usia Akun Facebook anda minimal 18 tahun.

2.Pastikan Dulu pengaturan pada Akun Facebook anda sudah benar.Lihat pada [ Setting ] Centang pada

   kolom "Allow Subscribers"

3.Pastikan setting privasi anda adalah "Public"

4.Klik Dulu Tulisan "Click Here" Jangan klik tombol "Submit" Dulu.

5.Nanti anda akan di alihkan pada halaman "Xperia SmartPhone from Sony"Lalu Klik Install

6.Setelah itu anda akan di arahkan pada halaman kosong , nanti akan ada tulisan "Success"

7.Copy URL pada halaman tersebut.

8.Pastekan pada kotak yang tersedia , lalu tekan "Submit"

9.Pilih status dengan cara klik tombol "Submit" dan lihat hasilnya :D

MOGA BERMANFAAT YO'A .. ..

Read More

Cara Menampilkan Emoticons Smiley Pada Komentar Blogger

Tutorial kali ini saya ingin berbagi cara menampilkan emoticons smiley pada komentar blogger. Walau mungkin dipencarian google anda akan menemukan banyak blog tutorial yang membahas cara menambahkan yahoo smiley emoticons pada komentar blogger tapi yang menggunakan konsep JQuery mungkin masih jarang. Ini adalah fasilitas emoticons otomatis yang dapat merubah simbol :), :D, :P, menjadi sebuah gambar yang telah ditentukan. Semoga dengan trik ini threaded comments blog anda tampil lebih aktraktif.

Screenshot Emoticons Smiley Untuk Komentar Blogger

Cara Menambahkan Emoticons Smiley Ke Blog

• Setelah login, pada dasbor masuk ke menu template kemudian klik edit HTML dan lanjutkan:
• Klik Ctrl+F dan cari kode ]]></b:skin>
• Tambahkan kode CSS berikut diatasnya;

.emoWrap {
  background-color:#fff;
  border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}

img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}

input.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:black;
}

• kemudian tambahkan script JQuery berikut diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

 

Untuk anda yang sudah memiliki atau menginstal script JQuery pada template anda maka langkah diatas abaikan saja! 

 

 

• tambahkan lagi Script berikut dibawah script JQuery tadi

<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script src='http://tipstrikblogging.googlecode.com/files/EmoticonsKeren.js' type='text/javascript'/>

• Simpan template dan lihat hasilnya diblog anda!

Demikian tutorial cara menambahkan emoticons smiley pada komentar blogger. Semoga bermanfaat!

sebelumnya trimakasih atas ilmunya kak amatullah syukur scripsi ini saya ambil dari dia... selamat mencoba.....

Read More