Beberapa hari yang lalu ada seorang teman saya yang bertanya tentang bagaimana cara membuat tulisan readmore berada di sebelah kanan. Pertanyaan ini mirip dengan pertanyaan yang diajukan salah seorang sobat blogger yang menulis di shoutbox SC, yang menanyakan cara membuat widget AddThis-nya berada di sebelah kanan.
Sebenarnya untuk membuat readmore, widget AddThis, atau tulisan/gambar apapun supaya diletakkan di sebelah kanan tidaklah sulit. Kita hanya cukup menambahkan sedikit perintah di awal kode HTML readmore, widget AddThis, atau tulisan/gambar tersebut. Berikut adalah contoh penambahan perintah yang bisa kamu tiru:
atau jika kamu ingin memberi margin atas, supaya tulisan/gambar tersebut tidak terlalu rapat dengan tulisan/gambar yang ada di atasnya, kamu bisa membuat perintah seperti ini:
Gantilah tulisan/gambar tersebut dengan kode HTML readmore, widget AddThis, atau yang lainnya. Atur juga margin atasnya disesuaikan dengan keinginan kamu (tidak harus 5px).
Nah, cukup mudah kan?! Selamat mencoba.....
Sebenarnya untuk membuat readmore, widget AddThis, atau tulisan/gambar apapun supaya diletakkan di sebelah kanan tidaklah sulit. Kita hanya cukup menambahkan sedikit perintah di awal kode HTML readmore, widget AddThis, atau tulisan/gambar tersebut. Berikut adalah contoh penambahan perintah yang bisa kamu tiru:
<span style='float:right;'>tulisan/gambar</span>
<span style='float:right; margin-top:5px;'>tulisan/gambar</span>
Nah, cukup mudah kan?! Selamat mencoba.....
19 komentarPosting Komentar
Trim's infonya! sesuatu yang belum tahu itu sulit, tapi begitu tahu dengan mudahnya ngomong "ah gampang!" padahal yang menemukan mengorbankan waktu dan pikiran! Siip, mudah sekali Bang! Tapi tadinya bingung banget!
siiplah langsung di coba ah......nuhun kang.
wah....langsung oceh kang......mangga di cek....sukur bari sakalian komen he...he... nuhun.
Asyiiiikkkkk dapat info menarik dari sahabat neh...mantab mantab mantab.....
Terima kasih sudah berbagi ilmu Kang...
oh kitunya, nuhunnya elmuna, hehe
Selamat berakhir pekan, kang EneS. Sehat-sehat saja kan bersama keluarga? Wah, infonya semakin mantap saja nih. Tutorial yang komplit tempatnya memang di SC.
mnteb sob !!!
dpat info lagi nihh !!!
Aku masih bingung, tolong dong.......
@Rep Yodoko:
Bingung apanya mas?
Thank's info.nya......
galeri fhoto di daerah footer blog ini bagus ya? gimana tuh om caranya? kayagnya keren juga buat nampilin skuter-skuter diblog kami ya?
siip...
akhirnya bisa juga
http://cotempa.blogspot.com/
Wah trima kasih infox ya....
oh ya...nanati saya coba.
hk...hk...
apa perbedaan perintah div dan span? mungkin sc ada yg tau?
@Arif Masqulin:
Wah, saya gak ngerti tuh perbedaannya apa. Mungkin sobat bisa sedikit menjelaskannya. Bukankah bung paham betul mengenai kode2 html, js, css, jquery, css3, css2, dll. Jadi bisa bagi ilmunya dong di SC Community
langsung dicoba dan langsung sukses tanpa masalah. makasih gan...!
mantap gan , mau ane praktekin dulu yaa :)
visit me back loh gan :D
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.