Banner 468 x 60

Loading...

Related posts blogger simple float

Related posts blogger simple float


Di penghujung january 2014 sedikit saya berbagi tentang tutorial dan trik blogger buat
Sobat yang berrminat memasang Related posts blogger dengan tampilan simple float
Alias tampilan yang sederhana namun tidak mengurangi kesan yang menarik dan bisa
Menambah perklik untuk menavigasi dari posts ke posts yang jelas lebih mudah dalam
Penerapanya kode javascript juga css nya sobat yang berminat monggo silahkan simak
Jangan lupa siapkan secangkir kopi dan kuenya jangan lupa buat Akang+Mas rokoknya

Trik Blogger

Related posts blogger simple float ini saya hadirkan di postingan saya kali ini sengaja didesain
Yang sesederhana mungkin namun tidak mengaruhi error pada html 5 dan css 3 karena sudah
Saya cek keberadaanya agar lebih seramah mungkin buat tampil di blog ringan dan nyaman
Dalam berbagai browser destop juga mobile namun jika anda yang suka desain ini hanyalah
Desain realeted posts yang sangat sederhana dan seadanya cocok untuk blog yang dynamis

Cara memasangnya :

Jika anda berminat silahkan ikuti petunjuk pemasangan Related posts blogger simple float ini
Seperti biasa masuk blog anda sign in, buka dasboard pilih template dan pilih edite template
Cari kode  b:skin  atau kode   style  tekan Ctrl + F untuk memudahkan pencarianya
Jika ketemu kodenya copy kode dibawah ini dan pastekan tepat diatas kode  b:skin
Atau di atas kode style jka di template blog anda ada terdapat di antara kode tersebut

#related-posts { float : left; width :100%;font : 11px Verdana;margin:17px 3px 12px -10px;box-shadow:1px 1px 2px 2px #333;padding:10px} #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTvTl6Y3kH8HVyEIGuOYMA3Urb8d4fw1S6k9qr4fQflWKTO4KsNJSjRi_kXhB10jGYDIMylEpXc40bBheFOTqzmAJ9w-S6iK9swns_pVimxsYsO2Da0lw8OO-m4NlnH_PJs09WwK7Vhf4/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #333; }
#pesan-formulir{background:#ccc;border:1px solid #aaa;border-radius:3px;margin:0 10px 10px 0;padding:10px;position:relative;text-align:justify;width:96%}
#pesan-formulir:after{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute}
#pesan-formulir:after{border-top-color:#ccc;border-width:15px;left:10%;margin-left:-30px}

Masih di edite html cari kode data:post.body kalau sudah ketemu kodenya silahkan simpan
Kode javascript di bawah ini tepat di bawah kode data:post.body urutan yang paling terakhir
Karena pada template berbeda-beda bisa 3 atau 4 kode tersebut simpan saja diurutan terakhir
Download kode javascript nya silahkan buka spoiler di bawah ini :




Download kode javascript di bawah ini :
Silahkan : Download Kode




Keterangan :

Silahkan jika anda berminat merubah tampilan form releted posts ini silahkan berekpresi untuk
Mengedit kode css diatas untuk menyesuaikan warna juga panjang dan juga lebarnya barangkali
Desainya kurang disenangi atau juga diselaraskan dengan warna template blog anda dan setelah
Semuanya tertata atau terpasang sesuai prosedur yang terakhir silahkan klik save - simpan dan
Silahkan cek salah satu artikel posts blog anda jika belum nampak silahkan simak lagi lebih rinci

Kesimpulan :

Demikian yang saya hadirkan semoga bisa menambah koleksi Accessories Blog anda dan bisa
Menambah desain blog lebih lengkap jika ada yang mau di bahas silahkan diskusi di bawah ini
Dalam komentar jika anda tidak keberatan klik 1+ pada Google plus saya untuk saling membantu
Semoga bermanfaat ...

52 Response to "Related posts blogger simple float"

Mantep ya kang related posts nya hehe :)
Tapi masih setia sama related post yang saya pakai nih :D

Oh iya izin PERTAMAX, PREMIUM dan SOLAR di amankan ya :D

Balas

mlm sob trmksih bnyk sob infonya sangat bermanfaat. bisa di coba ni sob.

Balas

Tutorialnya sangat bermanfaat :)

Balas

saya sudah pake sih mas, mungkin sobat2 blogger lain membutuhkan tutorial ini
:)

Balas

wah.. keihatan menarik related post blogger dibuat begitu..

Balas

Oke Mas siip nikmati yang ada saja yo Mas selamat deh pertamaxnya :ng

Balas

selamat malam maz karis . . .
memang related post begitu penting , ,dan banyak di cari

Balas

Malam juga Mas BL :ng silahkan Mas semoga bermanfaat :ss

Balas

Makasih Mbak semoga bermanfaat :-bd

Balas

Woww tentunya lebih keren yah Mas Ferdon bisa happy dan enjoy :joget

Balas

Yah Mbak menarik dikit bisa nyantai sambil minum :minum

Balas

Tepat betul sekali Mas Baskoro :-d :joget

Balas

Malam juga Mas Ell, yah begitulah Mas nyantai dulu deh Mas :minum :-bd

Balas

Related posts bloggernya keren Kang, sangat simple :)

Balas

Kodenya kenapa tidak dicantumin sekalian mas.. Kok pakai download dulu ya :)

Balas

related post yang simpel dan pastinya ringan karena tidak memerlukan gambar hehe

Balas

Tips memasang 'model artikel terkait di blog' yang menarik. Dengan ada tampilan gambar akan lebih komunikatif dengan pengunjungnya. Pengunjung bisa menyimak artikel lain yang menarik untuk diklik. Terima kasih tutorialnya. Salam cemerlang!

Balas

mau tak coba susah mas kalau sudah masuk html jadi ya saya simpan dulu mas

Balas

sepenting apa sich? related post blogger :joget

Balas

Tika kayaknya belum pasang ginian nih, kapan2 deh tika coba.. Semoga tidak bikin loading blog yah :)

Balas

Terima kasih informasinya, mas Saud Karrysta :D

Balas

jadi related post nya familian sama html 5 ya...keren nih, soalnya sekarang lagi ng'tren html 5

Balas

kunjungan malam dan baru sempat blogwalking :D

Balas

wah keren nih mas nanti saya coba deh di blogger saya

Balas

simple float artinya apa kang hehehe :D

Balas

Selamat pagi mas saud ... salam perdana ....:D smoga ukhuwah makin erat lagi ...

Balas

wah sepertinya mantep nie mas, jadi pengen coba praktekin nieh....
Makasi ya mas udah berbagi tutorialnya :)

Balas

Keren dikit Kang Heri yah begitu deh Kang. Makasih :-bd

Balas

Ingin sedikit berbeda Mas Achmad, sekalian uji coba spoiler
Sudah valid apa belum pada postingan. di download juga ada Mas
Makasih atas masukan dan pendapat. salam sukses :-d :minum

Balas

Yah Mas Intan barangkali ada sobat yang suka related yang no gambar :minum

Balas

Betul sekali Mas dengan related posts memudahkan pengunjung blog
Untuk mengklik dan menavigasi dari posts ke posts makasih Mas Her :-d

Balas

Silahkan di coba dulu Mbak Indah pasti sedikit-dikit bisa dan keren deh :cantik

Balas

Agar pengunjung blog lebih mudah untuk mengklik dan menavigasi
Dari satu artikel ke artikel lainya Neng Unencih, silakan di coba ^_^

Balas

Silahakan Mbak Tika yang Baik Hati di coba
Insya Allah gak terlalu membuat beban load Mbak Tika :-bd

Balas

Sama-sama Mbak De Widiani. terima kasih juga kunjunganya yah? :minum

Balas

Wah Kang Lembu teh Pinter sekali menyikapinya, cium peluk deh :cantik =D

Balas

Kunjunganya di terima dengan senang hati, Mbak Titis mkasih yah? ^_^

Balas

Sebenarnya saya juga bingung Mas Nama in widget related posts ini
Namun dengan ide dan narasi sendiri, saya namakan simple float
Kalau gak salah related yang mudah/sederhana namun melayang =D

Balas

Selamat pagi juga Mas Inspirasi ku. Salam Balik juga ya Mas amin :-d :-bd

Balas

Silahkan Mas Marnes. semoga saja bermanfaat yah Mas
Sama-sama Mas Marnes. silahkan minum dulu deh hhh :minum :D

Balas

Silahkan Mas semoga bermanfaat yah salam hangat, salam Ukhuwah :-bd

Balas

Kang Saud Karrysta memang kreatif. Saya sudah coba di blog demo, penerapannya pun sangat mudah :)

Balas

Wah saya belum bisa nerapin mas karist. Soalnya lagi ngeblog via hp nih mas.. Nanti malam deh saya kesini lagi buat melihat detailnya. Hehehehe.

Balas

Nampaknya ada banyak perkara lagi yg harus saya pelajari...t.kasih atas perkongsian..

Balas

wah bagus juga mas related post nya. Bener-bener simple banget ya tampilan nya :)

Balas

Demonya ngilang kebawa banjiran Mbak Tia =D :rain

Balas

Bagus diki walau seadanya Mbak Ririn. makasih kunjunganya :-d

Balas

oke deh Mas Nady dengan setia saya akan tunggu :doa

Balas

Jika di rasa perlu silahkan yah Mbak Fidah, sama-sama Mbak :TS

Balas

bisa d cobain nih sob .. :)
SALAM DAMAI

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Related posts blogger simple float" ini bermanfaat, share ke jejaring sosial.
Konversi Kode