Membuat tombol newerpost dgn olderpost slide Membuat tombol newerpost dgn olderpost slide | Belajar Komputer Melalui Internet
News Update :
Blog ini doFollow Loh !

Membuat tombol newerpost dgn olderpost slide

Selasa, 11 Oktober 2011

Sudah 2 hari saya tidak update blog saya ini karena ada masalah domain + harus belajar,, mumpung ndak ada orang tua saya sempatkan deh waktu saya untuk nulis artikel Cara Buat Tombol Slide Artikel Lama/Baru ini hehe :D :D :D.. sebelumnya Tips dan Trik ini adalah request-an tapi saya lupa namanya :D :D :D, untuk melihat demonya silahkan lihat tombol yang di sebelah kiri atau kanan itu.. Bagaimana kalau bagus kita coba, kalau gak bagus gak usah dicoba :D :D.. nah bagi yang mau ikut ke tahap selanjutnya cekidot..

1. Yang pasti hal yang sobat blogger lakukan pertama harus login keblogger dulu
2. Langkah yang kedua sobat blogger pilih "Rancangan" atau dalam bahasa inggris disebut juga "Design", setelah itu klik "Edit HTML", setelah mengklik "Edit HTML" jangan lupa di centang "Expand Widget Template"
3. Kemudian carilah kode ]]></b:skin> untuk memudahkan klik CTRL+Fkemudian di bidang kosong tersebut masukan kode ]]></b:skin>
4. Setelah ketemu kode ]]></b:skin> masukan kode dibawah ini diatas kode ]]></b:skin>

.dodelama a {color: #000;position:fixed;top:50%;right:-50px;height: 23px; width: 100px;color: #fff; text-shadow: 1px 1px 0px #999;background: #aaa; background-color: rgba(116,116,116,0.36);-moz-border-radius-topleft:7px;-moz-border-radius-bottomleft:15px;padding: 3px 3px;text-decoration: none;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.dodelama a:hover {color: #ffffff;right:-1px;background: #fff;}
.dodebaru a {color: #000; position:fixed;top:50%;  left:-50px;height: 23px;  width: 100px;color: #fff; text-shadow: 1px 1px 0px #999;background: #aaa;background-color: rgba(116,116,116,0.36);-moz-border-radius-topright:7px;-moz-border-radius-bottomright:15px;padding: 3px 3px; text-decoration: none;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.dodebaru a:hover {color: #ffffff;left:-1px ; background: #fff;}
5. Setelah itu carilah kode <b:if cond='data:olderPageUrl'> kemudian dibawah kode <b:if cond='data:olderPageUrl'> berilah kode dibawah ini
<div class='dodelama'>  
dan jangan lupa diakhiri dengan </div> letakan kode </div> ini diatas kode </b:if> 


Eitsss.... Jangan disimpan dulu


6. Setelah itu carilah kode <b:if cond='data:newerPageUrl'> kemudian dibawah kode <b:if cond='data:newerPageUrl'> berilah kode dibawah ini
<div class='dodebaru'>  
dan jangan lupa diakhiri dengan </div> letakan kode </div> ini diatas kode </b:if> 

7. Kemudian klik SIMPAN TEMPLATE 

Jadi deh :)

Semoga Bermanfaat ^^..
 

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Artikel tentang Membuat tombol newerpost dgn olderpost slide
Judul: Membuat tombol newerpost dgn olderpost slide

Rating: 10 out of 10 based on 24 ratings. 155 user reviews.
Tulisan ini menarik? Copas permalink ini blogmu donk!

:: Get this widget ! ::

- Reviewer: Unknown - ItemReviewed: Membuat tombol newerpost dgn olderpost slide
Share this article :

No Responses to "Membuat tombol newerpost dgn olderpost slide"

Posting Komentar

 
Raden Ansori - All right reserved
Raden Ansori | Personal Blogging Free Sharing Inform
© Template by :Raden Ansori 2011 - 2012
Copyright © 2011 - 2012 Raden Ansori - All rights reserved