Navigasi Halaman Menggunakan Javascript

Kode css dan javascript ini saya ambil dari blog mybloggerthemes dengan bentuk yang sama persis. Tapi jangan menelan mentah-mentah kode css yang ada karena sobat bisa kreasikan sesuai dengan warna background blog sobat. Jika kode script ini saya pasang langsung di template pasti akan membuat sobat pusing karena kode ini sangat panjang, oleh karenya saya simpan saja di google sites. Berikut cara pemasangannya.

1 Setelah login di blogger, silahkan sobat klik Rancangan.
2 Kemudian klik tab Edit HTML.
3 CariExpand Template Widget .
4 Letakkan kode css berikut ini sebelum kode ]]></b:skin>

.showpageNum a {
color:#FFF;padding:4px 10px;
margin:0 2px;
text-decoration:none;
-webkit-border-radius:2px;-
moz-border-radius:2px;
background:#848484
}
.showpageOf {
color:#222;
margin:0 6px 0 0
}
.showpageNum a:hover {
background:#222;
color:#FFF
}
.showpagePoint {
color:#FFF;
text-shadow:0 1px 2px #333;
padding:4px 10px;
margin:0 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background:#222;
text-decoration:none
}

5. Dan letakkan kode berikut sebelum </body>

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=7;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script src='http://miscah.googlecode.com/files/pagenav.js' type='text/javascript'/>

6. Kemudian Simpan Template.

Keterangan :

• var postperpage=10; adalah jumlah postingan dalam satu halaman, sesuaikan dengan jumlah postingan sobat, jika jumlah postingannya 5 maka ganti angka tersebut dengan angka 5
.

• var numshowpage=7; adalah jumlah tombol navigasi dalam satu halaman

.

Baca Selengkapnya »

Rumah Kentang

Soraya Intercine Film melalui Hitmakers Studio tampaknya serius menggarap Rumah Kentang. Jadwal yang ketat saat produksi memastikan film ini akan tayang Oktober 2012 mendatang. Selesai syuting, Jose Purnomo segera merilis poster dan trailer film terbarunya tersebut.

"Kami ingin penonton menunggu film ini. Film RUMAH KENTANG bukan film horor yang ceritanya ngawur. Atau cuma mengandalkan keseksian pemainnya. Dari penggarapan naskah film ini sudah dikerjakan dengan serius," ujar Jose Purnomo ditemui di kantor Soraya Intercine Film, Menteng, Jakpus, Senin (13/8).

Dalam poster yang dirilis Shandy Aulia terlihat terpojok dan ketakutan di atas tempat tidur. Ada jejak-jejak langkah yang terlihat mengejarnya. Sementara judulnya disusun dari kentang hingga terbaca RUMAH KENTANG.

Aroma gelap dan ketakutan yang mendominasi film ini tak hanya dari judul, namun juga trailernya. Dalam trailer ditampilkan seperti apa teror hantu dalam rumah yang sudah menjadi legenda tersebut.

Trailer :

Baca Selengkapnya »

Memberi warna pada Postingan

Sekarang saya akan berbagi dengan kawan tentang mempercantik Blog khususnya pada halaman Postingan dengan background yang berbeda-beda baik pada setiap postingan yang kita publish maupun pada satu Artikel

Memang sih sedikit merepotkan kita setiap mau posting Artikel, apalagi setiap alenia baru dengan warna latar [background] yang berbeda-beda atau warna background di tengah warna background utama, asal kita mau mencoba berkreasi sudah pasti ada jalan untuk mencapai tujuan

Kawan kan tahu, pada umumnya warna latar [background] Blog / Site menoton alias itu - itu saja dan menjenuhkan, untuk menghilangkan rasa jenuh para pengunjung yang ingin membaca makanya saya secara pribadi mencoba ber-Kreasi agar tampil beda. :y

Sebagai Demo : Artikel yang kawan baca sekarang ini........... Bagaimana KEREN KAN,

Kalau kita perhatikan icon pada post editor, saya rasa semuanya sudah tersedia seperti contoh icon Huruf A untuk warna teks dan disampingnya ada text background color dan lain sebagainya, cuma hasilnya tidak seperti yang kita harapkan

Caranya sebagai berikut :

• Setiap kawan mau posting pada editor post pilih HTML
• Sebelum kawan menulis pada post editor tambahkan <div style="background: KODE WARNA;"> ISI ARTIKEL KAWAN -diakhiri dengan </div> ini adalah cara paling dasar yang bisa kawan terapkan dan selanjutnya bisa dikembangkan lagi seperti postingan saya yang penting <div> ditutup </div> <br />
• Tujuan dari <br /> dibelakang </div>

supaya kawan bisa menulis lagi [buat alenia baru] Sabagai contoh yang saya terapkan pada Artikel ini

Untuk tampilan supaya kelihatan rapi tambahkan padding [untuk jarak pada sisi Artikel] seperti tampilan diatas, kode-kode yang saya tambahkan sebagai berikut :

<div style="background: [warna gardient]; [padding]; [border];[text-align]; ">
<div style="background: [warna hitam]; [padding]; [border];[color:white];[text-align];"></div>
<div style="background: [warna biru]; [padding]; [border];[text-align];"></div>


Sumber : Blog Bego

Baca Selengkapnya »

Warna Pada Postingan 4

Sekarang saya akan berbagi dengan kawan tentang mempercantik Blog khususnya pada halaman Postingan dengan background yang berbeda-beda baik pada setiap postingan yang kita publish maupun pada satu Artikel
Memang sih sedikit merepotkan kita setiap mau posting Artikel, apalagi setiap alenia baru dengan warna latar [background] yang berbeda-beda atau warna background di tengah warna background utama, asal kita mau mencoba berkreasi sudah pasti ada jalan untuk mencapai tujuan

Baca Selengkapnya »

Warna Pada Postingan 3

Sekarang saya akan berbagi dengan kawan tentang mempercantik Blog khususnya pada halaman Postingan dengan background yang berbeda-beda baik pada setiap postingan yang kita publish maupun pada satu Artikel :o;

Memang sih sedikit merepotkan kita setiap mau posting Artikel, apalagi setiap alenia baru dengan warna latar [background] yang berbeda-beda atau warna background di tengah warna background utama, asal kita mau mencoba berkreasi sudah pasti ada jalan untuk mencapai tujuan :s;

Kawan kan tahu, pada umumnya warna latar [background] Blog / Site menoton alias itu - itu saja dan menjenuhkan, untuk menghilangkan rasa jenuh para pengunjung yang ingin membaca makanya saya secara pribadi mencoba ber-Kreasi agar tampil beda. :y

Sebagai Demo : Artikel yang kawan baca sekarang ini........... Bagaimana KEREN KAN,

Kalau kita perhatikan icon pada post editor, saya rasa semuanya sudah tersedia seperti contoh icon Huruf A untuk warna teks dan disampingnya ada text background color dan lain sebagainya, cuma hasilnya tidak seperti yang kita harapkan :x;

Caranya sebagai berikut :

• Setiap kawan mau posting pada editor post pilih HTML


• Sebelum kawan menulis pada post editor tambahkan <div style="background: KODE WARNA;"> ISI ARTIKEL KAWAN -diakhiri dengan </div> ini adalah cara paling dasar yang bisa kawan terapkan dan selanjutnya bisa dikembangkan lagi seperti postingan saya yang penting <div> ditutup </div> <br />


• Tujuan dari <br /> dibelakang </div> supaya kawan bisa menulis lagi [buat alenia baru]


• Sabagai contoh yang saya terapkan pada Artikel ini

Untuk tampilan supaya kelihatan rapi tambahkan padding [untuk jarak pada sisi Artikel] seperti tampilan diatas, kode-kode yang saya tambahkan sebagai berikut :

<div style="background: [warna gardient]; [padding]; [border];[text-align]; ">

<div style="background: [warna hitam]; [padding]; [border];[color:white];[text-align];"></div>

<div style="background: [warna biru]; [padding]; [border];[text-align];"></div>

</div><br />

Baca Selengkapnya »

Warna Pada Postingan 2

Tampilan diatas adalah background ditengah background, sedangkan yang ini dengan background terpisah [saya pisahkan dengan <br />, seperti yang saya sampaikan diatas, sedangkan yang dibawah ini tanpa penambahan kode apapun alias background asli postingan :i 

Penjelasan untuk background dan font-color khususnya untuk setiap warna bisa memakai :

• Dengan Nama Warna seperti : black, white, yellow, blue dan seterusnya 


• Dengan Kode warna seperti : #000000; [warna hitam] atau  rgb(255, 255, 255); [warna putih]


• Khusus untuk background bisa memakai Gradient [penggabungan 2 warna atau lebih] 


• Padding: 10px [artinya jarak antara sisi / tepi / border dengan huruf]


• Border : garis sisi yang mengelilingi Obyek / Artikel, misalnya 1px, 2px dan seterusnya


• text-align: untuk mengatur kalimat [align left / Align center / Align right / justify]


• yang kalah penting kawan bisa menambahkan shadow

Selamat Mencoba dan Berkreasi - Sukses Selalu :y;  :z; 

Baca Selengkapnya »

Warna Pada Postingan 1

Sekarang saya akan berbagi dengan kawan tentang mempercantik Blog khususnya pada halaman Postingan dengan background yang berbeda-beda baik pada setiap postingan yang kita publish maupun pada satu Artikel
Memang sih sedikit merepotkan kita setiap mau posting Artikel, apalagi setiap alenia baru dengan warna latar [background] yang berbeda-beda atau warna background di tengah warna background utama, asal kita mau mencoba berkreasi sudah pasti ada jalan untuk mencapai tujuan

Tampilan diatas adalah background ditengah background, sedangkan yang ini dengan background terpisah [saya pisahkan dengan <br />, seperti yang saya sampaikan diatas, sedangkan yang dibawah ini tanpa penambahan kode apapun alias background asli postingan :i 

Baca Selengkapnya »