cara mudah dan simpel membuat blog pager melayang

POSTING ASLI bukan HASIL COPY PASTE .

membuat blog pager melayang saya rasa bagi para master blogger itu sudah lumrah dan salah satu trick terendah baginya.
hal ini sudah kita maklumi dikarenakan ilmu mereka sangat lumayan banyak .
dalam hal ini ada cara yang cukup simpel untuk membuat blog pager atau biasa disebut tombol posting lama atau baru serta berandanya /home .
diantara yang saya anggap simpel adalah dengan memakai satu susunan saja , yang mana susunan itu diletakkan di 3 tempat.
yaitu di bagian POSTING LAMA - BERANDA - POSTING BARU .

caranya sbb:

pakai susunan yang biasa di pakai untuk menetapkan widget di posisi tertentu , bukan dihalaman tertentu yah .
susunan yang simpel adalah sbb:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"> LETAKKAN APA SAJA DISINI </div>
diatas itu adalah sususnan untuk widget.
nah , susunan itulah yang akan kita pakai , cukup hilangkan WIDTH dan HEIGHT nya , karna yang kita butuhkan cuma kode MENETAP serta dimana POSISI nya .
hasilnya : <div style="position: fixed; bottom: 0px; left: 10px;"> LETAKKAN APA SAJA DISINI </div>

biasanya susunan di atas [widget] apabila bertemu dengan gambar lain biasanya ia akan tertutupi, tergantung susunan template kalian masing masing .
apabila hal itu terjadi maka cukup tambahkan z-index: 999; , maka hasilnya :
<div style="position: fixed; bottom: 0px; left: 10px; z-index: 999;"> LETAKKAN APA SAJA DISINI </div>

LANGSUNG KE PEMBAHASAN
sekarang susunan telah didapatkan , tinggal menempatkannya di susunan BLOG PAGER pada susunan template .
disebabkan kode setiap template berbeda beda , maka cari saja ID blog pager di bagian DIV . bahasa latinnya BAGIAN HTML.

contoh :
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
BLA BLA BLA ....

apabila kalian temukan ID nya , tinggal cari dimana posisi POSTING LAMA - BERANDA - POSTING BARU .
kode kalimat ke 3 diatas biasanya berbentuk begini ;
<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>
biasanya susunannya begini:
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

1 hal yang perlu kalian ketahui bahwa kode : <data:olderPageTitle/> ini dapat dihapus dan di ganti dengan gambar .
namun apabila kalian tak mau menghapusnya karna hawatir kelak susunan mau dikembalikan, maka cukup matikan fungsinya dengan cara seperti ini : <!--data:olderPageTitle/--> .

setelah susunan itu tak berfungsi maka gantilah dengan kode GAMBAR <img src='http.......'/> hasilnya : <!--data:olderPageTitle/--> <img src='http.......'/>

sekarang salah satu dari ke 3 bagian blog pager telah berubah menjadi gambar , tinggal membuatnya melayang atau menetap diposisi tertentu , nah itulah tadi fungsi kode widget kali ini berperan .
INGAT , fokuskan di kode ini saja ; <data:olderPageTitle/> jangan pikir kode yang lain , biarkan ia terharu .

untuk membuatnya melayang , maka sisipkan semua susunan ini pada kode widget tadi yang ada kata LETAKKAN APA SAJA DISINI.
maka hasilnya seperti ini :
<div style="position: fixed; bottom: 0px; left: 10px; z-index: 999;">
<!--data:olderPageTitle/--> <img src='http.......'/>
</div>

salah 1 blog pager telah melayang .
nah , lakukanlah hal ini pada ke 2 kode sebelumnya .- SELESAI- semua akan melayang hanya dengan bantuan susunan widget tadi .

bagaimana , sudah paham caranya , kalau iya tinggal mengedit posisi yang di inginkan .
editnya cuma di susunan widget tadi , karna dialah pelaku utama [tersangka ] hingga blog pager melayang .

caranya : FOKUS kan saja editan kalian pada posisinya di kode ini: bottom: 0px; left: 10px; , bahasa daerahnya begini , ukuran dari bawah [bottom]0px atau tidak ada , ukuran dari kiri [left] berjarak 10px dari sisi. paham?.

silahkan mengedit sesuai imajinasi kalian.
saya cuma memberi masukan .