find casino games at GamblingInsider

Blogroll

Animasi Spider-man di Blogger

22.04  rifai  No comments

Berikut langkah-langkah nya :

  • Login ke blog anda...
  • Klik "Design" kemudian klik "Edit HTML" Setelah itu centang "Expand Widget Templates".
  • Cari kode <Body> kemudian letakan kode berikut ini tepat di bawah kode <Body>.
    <div align="left">
    <embed allowscriptaccess="sameDomain" flashvars="&amp;col1=d89b09&amp;col2=7cc034&amp;dayAdd=0&amp;cal=true&amp;gig_lt=1248336103578&amp;gig_pt=1248336182359&amp;gig_g=1&amp;gig_n=blogger" height="400" loop="true" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/RedSpidey-5671-8192_134217728.widget?__install_id=1248336094072&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="250" wmode="transparent"></embed></div>
  • Untuk posisi widget silakan anda sesuaikan kode <div align="left">, "left" jika dipasang di kiri dan "right" jika ingin dipasang di kanan.
  • Klik "Save Template" dan lihat hasilnya.
Description: Animasi Spider-man di Blogger Rating: 4.5 Reviewer: rifai - ItemReviewed: Animasi Spider-man di Blogger

Rifai Read

Navigasi nomer halaman blogger

21.45  rifai  No comments

Navigasi nomer halaman blogger ini intinya sebagai pengganti dari blog pager. Tentunya navigasi halaman bernomer ini terlihat lebih elegant dan profesional dengan menampilkan juga total page yang ada. Lihat contohnya di bawah ini.

Membuat Navigasi Nomer Halaman Blog
Lihat juga contohnya pada blog Template Blogger, nah kalau yang ini beda lagi desainnya hehe. Buat anda yang sudah bisa edit css, bisa langsung edit sendiri tampilannya. Tapi tanpa di edit sudah bagus kok, terlihat lebih profesional dari pada tampilan "Older Post" atau "Posting Sebelumnya" dll. Bagaimana cara membuat navigasi nomer halaman blog di blogger? yoi lanjut baca tutorialnya di bawah ini.

Cara Membuat Navigasi Nomer Halaman Blogger

  • Login ke blog anda  kemudian menuju halaman Design dan Edit HTML, jangan lupa di back up dulu templatenya untuk keamanan soalnya akhir akhir ini sering error blogger.
  • Cari kode ]]></b:skin> lalu paste Css di bawah 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;
}
Langkah selanjutnya anda cari kode </body> , kalau sudah ketemu paste kode berikut ini tepat di atas kode </body>
<!--Page Navigasi-->
<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=6;
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>
</b:if>
<!--Page Navigasi -->
Simpan template dan lihat hasilnya :).

kunjungi terus ya di

Keterangan :
Anda bebas mengubah tulisan yang saya kasih warna hijau, angka 6 adalah jumlah posting yang tampil tiap halaman sedangkan yang 5 adalah tombol navigasi yang tampil. Next adalah text untuk ke halaman selanjutnya, sebalikanya previous untuk kembali kehalaman sebelumnya.
Description: Navigasi nomer halaman blogger Rating: 4.5 Reviewer: rifai - ItemReviewed: Navigasi nomer halaman blogger

Rifai Read