Wednesday, May 23, 2018

√ Menciptakan Caption/Tooltip Sederhana Di Posting Blogger

 dalam bahasa Inggris sanggup diartikan keterangan √ Membuat Caption/Tooltip Sederhana di Posting Blogger

Caption dalam bahasa Inggris sanggup diartikan keterangan. Untuk lebih jelasnya caption biasanya muncul untuk menunjukkan keterangan pada gambar, menampilkan kegunaan dari suatu tombol atau pun arti kata pada teks.

Fungsi caption hampir sama dengan footnote, perbedaannya terletak pada letaknya, footnote terletak di bab paling bawah dari halaman, sedangkan caption terletak berdampingan dengan apa yang akan diterangkan/dijelaskan. Pada sistem instruksi HTML caption dapat dibentuk dengan memakai atribut tittle.

Beberapa ketika yang kemudian aku menciptakan posting yang memakai atribut tittle untuk menampilkan keterangan dari teks yang mungkin kurang dimengerti pembaca. Saya memakai caption agar pembaca tidak pusing (alias malas membaca) dengan formasi teks yang terlalu panjang saling sambung menyambung.

Cukup mengarahkan kursor pada teks yang kurang dimengerti maka klarifikasi mengenai teks tersebut akan ditampilkan.

Suatu hari Amirullah terjatuh ketika mengenakan terompah yang diberikan kakeknya. Kakeknya ialah salah seorang pekerja di sebuah perusahaan pembuatan tapal gigi, meskipun demikian kakeknya sering menderita penyakit pada buah piggang. Amirullah atau yang biasa dipanggil Ulla senang bermain bersama adiknya di dangau milik kakeknya, atau mengarungi sungai dengan sebuah biduk kecil. Hidupnya sangat bahagia.

<span title="√ Membuat Caption/Tooltip Sederhana di Posting Blogger">Teks disini.</span>

Tempatkan instruksi tersebut pada posting blog dalam mode penulisan HTML (kode diatas tidak akan kacau ketika anda menulis posting dalam mode Compose, jadi damai saja), silahkan ganti goresan pena keterangan pada atribut tag HTML dan teks sesuai dengan yang anda inginkan.

Selain itu kau juga sanggup menambahkan sedikit kreasi dengan mengubah bentuk kursor ketika diarahkan pada teks yang mempunyai keterangan dengan memakai menambahkan nama class dan instruksi CSS. Sehingga bentuk dari instruksi HTML di atas mungkin menyerupai ini <span class="nama-kelas" title="√ Membuat Caption/Tooltip Sederhana di Posting Blogger">. Lalu tambahkan CSS di bawah ini di blog kau melalui Edit HTML.

.nama-class {     cursor: help;     display: inline; }

Sekian dari aku semoga sanggup bermanfaat, jikalau ada pertanyaan, saran maupun kritik, sampaikan di kotak komentar dibagian paling bawah halaman ini atau melalui page Contact blog ini. Terima kasih. Assalamu'alaikum warohmatullahi wabarokatuh.
Sumber http://www.maringngerrang.com/