Headline

Buat sobat blogger yang menjumpai komentar kasar dan mengatasnamakan OzieCyber, silahkan baca dan laporkan disini.
Unduh Adobe Flash player

close

~Affiliates~

 

Bantu saya vote +1 pada tombol google plus di bawah!!

×

flang counter

free counters

Macam-macam Float newwer &older post

hayy sobat kali ini aku mau share tutorial :

 "Float posting lama dan baru" / "Float newwer n older post"

langsung aja sob xD


  • Login ke Blogger
  • Klik Rancangan >> Edit HTML
  • centang "Expand Template Widget"
  • cari kode  ]]></b:skin>
  • pastekan kode2 berikut diatasnya...



 #blog-pager-newer-link {float: right; padding: 3px; background: rgba(0, 0, 0, 0.6 ); z-index: 1001; color: white; position: fixed; top: 0px; left:1050px; font-size: 15px; line-height: 670px; text-align: center; width: 80px; height: 100%; overflow: hidden;}
#blog-pager-older-link { float: left; background: rgba(0, 0, 0, 0.6 ); z-index: 1001; color: white; position: fixed; top: 0; left: 240px; font-size: 15px; line-height: 670px; text-align: center; width: 80px; height: 100%; overflow: hidden;}
#blog-pager { font-family: 'Terminal Dosis Light', Arial, sans-serif; color:#eeeeee; text-shadow: 0px 0px 1px white; text-align: center; text-transform:capitalize; padding:0px 0; clear:both; margin:0px; font-size:15px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9; background: rgba(0, 0, 0, 0.8); border-top: 1px dotted #32BDE8;}






#blog-pager-newer-link{float:right;padding:3px;background:rgba(0,0,0,0.6);z-index:1001;color:white;position:fixed;bottom:0px;right:0%;font-size:15px;line-height:100px;text-align:center;width:100px;height:100px;overflow:hidden;margin-left:-25px;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);box-shadow:0px 1px 2px rgba(0,0,0,0.3);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-moz-border-radius-topleft:15px;-moz-border-radius-bottomright:15px;-webkit-border-top-left-radius:15px;-webkit-border-bottom-right-radius:15px;border-top-left-radius:15px;border-bottom-right-radius:15px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}#blog-pager-newer-link:hover{width:150px;height:150px;font-size:25px;line-height:150px;}#blog-pager-older-link:hover{width:150px;height:150px;font-size:25px;line-height:150px;}#blog-pager-older-link{float:left;margin-right:10px;padding:3px;background:rgba(0,0,0,0.6);z-index:1001;color:white;position:fixed;bottom:0px;left:0px;font-size:15px;line-height:100px;text-align:center;width:100px;height:100px;overflow:hidden;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);box-shadow:0px 1px 2px rgba(0,0,0,0.3);-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;-moz-border-radius-topright:15px;-moz-border-radius-bottomleft:15px;-webkit-border-top-right-radius:15px;-webkit-border-bottom-left-radius:15px;border-top-right-radius:15px;border-bottom-left-radius:15px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;}#blog-pager{font-family:'Terminal Dosis Light',Arial,sans-serif;color:#eeeeee;text-shadow:0px 0px 1px white;text-align:center;text-transform:capitalize;padding:0px 0;clear:both;margin:0px;font-size:15px;position:fixed;bottom:0;left:0;width:100%;z-index:9;background:rgba(0,0,0,0.8);border-top:1px dotted #AC0;}



 



#blog-pager-newer-link { float: right; padding: 3px; background: rgba(0, 0, 0, 0.5 ) url(http://1.bp.blogspot.com/_HGekX55lw4E/TPjPMLM8FcI/AAAAAAAAAS0/bED_PUlaJRs/s1600/grid.png); z-index: 1001; color: white; position: fixed; top: 200px; right:0px; font-size: 15px; line-height: 80px; text-align: center; width: 80px; height: 80px; overflow: hidden; border:1px solid #000;}#blog-pager-older-link { float: left; background: rgba(0, 0, 0, 0.5 ) url(http://1.bp.blogspot.com/_HGekX55lw4E/TPjPMLM8FcI/AAAAAAAAAS0/bED_PUlaJRs/s1600/grid.png); z-index: 1001; color: white; position: fixed; top: 200px; left: 0; font-size: 15px; line-height: 80px; text-align: center; width: 80px; height: 80px; overflow: hidden; border:1px solid #000;}#blog-pager { font-family: 'Terminal Dosis Light', Arial, sans-serif; color:#eeeeee; text-shadow: 0px 0px 1px white; text-align: center; text-transform:capitalize; padding:0px 0; clear:both; margin:0px; font-size:15px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9; background: rgba(0, 0, 0, 0.8 ); border-top: 1px dotted #32BDE8;}

  •  Kalau sudah di pilih, Preview dulu
  • Baru Save...
NB:
  •  Kalau tempatnya gk sesuai, tinggal diatur saja padding sm margin ya..
  • kalau kesulitan / berguna di comment ya.. :D

Related Post :

Comments
0 Comments


0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q:

Berikan Tanggapan mengenai Artikel Di Atas :

Berkomentar Lah Dengan Sopan :

=> Hahahaha ...xD
=> Blog Ini bebas Mau Berkata Apa Asal Sopan ...Azzzz
=> #Peace ALL

Terima Kasih Sudah Berkomentar .. !!

-----
pin 284A465C Gunakan Browser Google Chrome Versi Terbaru, Agar Tampilan Blog Ini Maksimal.