Line break merupakan sebuah tag HTML yang memaksa baris karakter atau kata diletakkan pada baris baru—biasanya ditulis dengan <br>
. Dalam blogger, tidak jarang ditemukan posting blog yang menggunakan tag <br>
—termasuk optimasi blog. Sekarang, coba perhatikan dua contoh posting di bawah ini :
<span class="awal">K</span>etika kita menulis suatu blog yang lumayan panjang, scroll halaman pun akan semakin lama. Kadang yang membaca ingin pula buru-buru untuk menyelesaikan bacaannya, namun ada kalimat yang harus dipahami sebelumnya. Kebetulan kalimat tersebut berada di paragrap pertama (atas). Repot juga muter scroll mouse atau sekedar menggeser bar yang letaknya dikanan halaman browser. Seandainya ada satu shortcut yang tersedia dalam blog, kemungkinan hal di atas bisa diminimalisasi. Nah, itu yang namanya fasilitas "Back to Top" atau kembali ke atas.<br /> <br /> Bagaimana <i>trik blogger</i> untuk menambah fasilitas itu, OB? EGP (emang gue pikirin), mungkin itu jawaban ketus OB ketika ditanya pas sakit gigi atau sariawan 5 biji. Alhamdulillah, sekarang OB tidak sakit gigi <span class="amp">&</span> sariawan. Sebenarnya <b>trik blogger</b> membuat "Back to Top" ini merupakan rekomendasi dari mas Rudi (<a href="http://rudyazhar.com/">Blog Rudi Azhar</a>) yang merupakan salah satu admin <a href="http://optimasi-blog.blogspot.com/">optimasi blog</a>.<br /> <br /> <b>Cara I :</b><br />
<p>Beberapa bulan yang lalu, Blogger telah mengumumkan <a href="http://bloggerindraft.blogspot.com/2010/11/more-fonts-means-more-choice.html">beberapa font baru</a> untuk desainer template. Ya, beberapa bulan yang lalu itu hanya dapat diakses dari Draft Blogger. Kemarin, Blogger tidak hanya diluncurkan Font Web untuk SEMUA pengguna Blogger, tetapi juga mengumumkan bahwa mereka telah menambahkan 35 font tambahan untuk campuran, untuk total 77 grand font!</p> <p>Siap untuk mendapatkan pengalaman dengan pilihan font baru?<br /> Cukup masuk ke tab Advanced Designer Template Blogger untuk blog Anda, pilih jenis teks yang ingin perubahan (Post Title, Judul Blog, dll) dan klik pada salah satu Font Web baru untuk pratinjau. Jangan khawatir, tidak akan ada perubahan di blog Anda sampai Anda memilih "Terapkan ke Blog", dan ini berarti Anda dapat bermain-main dengan semua font dan hanya beralih bila Anda siap.</p>
Kedua contoh di atas diambil dari blog ini—yah, hanya dengan membuka salah satu posting, kemudian tekan Ctrl + u secara bersamaan. Nah, berdasarkan kedua contoh tersebut menurut Anda “mana yang lebih baik?”
Saya tidak membahas tentang semantik & aksesibilitas atau apalah namanya, karena bukan ahli di bidang ilmu itu. Ruang lingkup hanya dibatasi pada kebiasaan dalam melakukan posting di blogger.
Timbulnya Line Break
Pertama, tag <br>
akan muncul otomatis saat menekan tombol Enter (↵). Ketika kita ingin membuat baris baru, maka secara naluriah akan menekan 1× enter. Hal ini sebanding dengan saat kita ingin membuat paragrap baru, maka akan menekan 2× enter. That's right?
Ketiklah sebuah postingan, kemudian tekan tombol enter. Apa yang akan terjadi setelah itu? -- Enter -- Ternyata tercipta baris baru..
Hasil dari penulisan di atas, mungkin akan terlihat seperti di bawah ini :
Ketiklah sebuah postingan, kemudian tekan tombol enter. Apa yang akan terjadi setelah itu? <br/> Ternyata tercipta baris baru..
Kedua,—sudah tentu dimasukkan secara sengaja oleh penulis posting sendiri. :)
Minimalisasi Line Break
Biasanya, kita membuat posting dalam metode Compose. Cara ini merupakan cara yang mudah dan aman untuk membuat bentuk postingan sesuai dengan keinginan, tapi tidak dengan tag HTML-nya. So, membiasakan penggunaan metode Edit HTML dalam membuat suatu posting, mungkin lebih baik.
Terkadang kita menyandingkan, bahwa membiasakan dengan memaksa merupakan kata yang sama.
Manfaatnya—selain membuat tulisan di blog, kita juga sedikit belajar tentang penggunaan markup HTML—walaupun hanya sekedar menulis <p>
, <br>
, & </p>
.
Waspada terhadap gerakan refleks untuk menekan tombol Enter (↵), “oops, tidak sengaja”. Bukankah lebih baik membiasakan sesuatu dengan hal-hal yang baik pula?
Tag HTML <p>
merupakan awal penulisan yang tidak jelek dalam postingan. Biarkan <p>
menguasai aliran kata demi kata sampai membentuk sebuah paragrap yang sempurna—jangan lupa mengakhirinya dengan </p>
. Kemudian letakkan kembali <p>
& susun kata-kata yang berhubungan dengan paragrap tersebut—akhiri lagi dengan tag </p>
. It's beautiful!. Coba rasakan bedanya apabila kita menulis postingan—ketika sebuah paragrap selesai diketik, ditindaklanjuti dengan menekan enter sebanyak 2×. Disisi lain, atribut p
dalam CSS template bukan sekedar pajangan, namun mungkin memiliki arti yang mendalam bagi si pembuatnya & bermanfaat bagi pemakainya.
Dengan demikian, sedikit–banyaknya kita telah berusaha meminimalisasi serbuan Line Break tag (<br>
) dalam postingan di blog. Selain itu, setiap posting yang bagaimanapun atau seperti apapun mempunyai arti tertentu, selama pembacanya memperoleh manfaat dari posting tersebut. Posting yang memiliki arti mungkin akan lebih berarti, jika kita sedikit meluangkan waktu untuk memperhatikan markah yang terkandung di dalamnya. Kaidah-kaidah markup HTML yang sangat sedikit di atas, mungkin hanya ‘snack’ atau bahkan menohok ke ulu hati kita. It's your choice!.
Inspirasi Tulisan
Berikut ini beberapa artikel menarik yang mendorong penulis menerbitkan posting Serbuan ‘Line Break’ Tag.
- Untuk pemberi tutorial di blogspot katanya bisa HTML tapi memposting semantic saja tidak pernah diterapkan (Hendro Prayitno dalam Blogger admin)
- Tanda baca (ArdianZzZ dalam ardianzzz.com)
Mau tak coba di blog saya..
BalasHapusMakasih ya infonya mudah-mudahan berguna..
makasih kang atas infonya, ni bisa jadi acuan buat saya yang lagi belajar HTML
BalasHapus. thank's info.nya...
BalasHapuslam kenal,
http://uhooi.blogspot.com/
bs d terapin d wordpres jg g? nih dua blog saya
BalasHapushttp://www.worldonlinebank.net
http://www.diamondmarket.us
@deka
BalasHapusInsyaAllah, bisa gan—bukan hanya di wordpress—mungkin berlaku juga untuk mesin-mesin lain yang mendukung fasilitas web/weblog.
Okey mengerti ..... thank infonya !
BalasHapushttp://komputer-fix.blogspot.com
sip dah...
BalasHapuslangsung ke TKP thanks y gan tas info n article nya
Wow ganti template lagi ne, lumayan.
BalasHapusthank infonya....tentang : Serbuan “Line Break” Tag
BalasHapussalam kenal gan
BalasHapusthanks infonya,...
Langsung ke TKP AH,.....
Biar gampang sih bikin aja dulu artikelnya pake compose, setelah jadi kita tinggal meng-copy text yang berwujud HTML kemudian paste ke notepad. Udah gitu tinggal ketik Ctrl+H untuk mereplace semua kode < br> dengan < p> dan juga untuk < /br> dengan < p>. Jauh lebhi cepat dan praktis.....
BalasHapusBenar-benar diOptimalkan... :)
BalasHapusmakasih sob buat info na, BTW, template na keren.. \m/
salam kenal...
salam kenal yh gan
BalasHapusmakasih atas info nya....
mantap banget gan
BalasHapusterima kasih atas postingannya
@Reza Winandar : Tips yang menarik, gan dan mudah untuk diaplikasikan. Mungkin bagi yang cukup kesulitan dengan posting model “Edit HTML”, dapat menggunakan trik yang sama dengan Saudara Reza Winandar.
BalasHapusJangan lupa, tidak perlu me-replace <br> yang memang sengaja diletakkan. :)
— OOT : Blog Reza pakai bahasa Inggris, yah?
Greetings
BalasHapusgan thanks to information
successful sellu
good luck
mantabh... ♥
BalasHapusterima kasih atas infonya mas...
BalasHapussaya tadi kurang mengerti apa itu line break....
makasih mas..
Regards,
J-Rush
Diet & Weight Loss Program
maaf bung admin, saya belum paham dengan topik artikel ini. tapi coba dech saya cerna dulu baik-baik
BalasHapuskalo saya pribadi lebih sering pake tombol enter, tapi saat mengedit template kadang saya gunakan tag
BalasHapusuntuk ganti baris...
bgus si..... tpi agak rumit gan......
BalasHapusmasih sedikit memahaminya,,makasih atas deh,,jadi tambah ilmu nih..salam kenal
BalasHapusoke terima kasih atas infonya,,,,
BalasHapuscukup memberi inspirasi yang bermanfaat...
thanks ya lumayan agak mengerti sekarang,,,,
BalasHapustapi msih butuh pembelajaran yang lebih keras lagi....
hmmm rasanya saya masih agak rumit nich buat memanhaminya....
BalasHapuswahh lumayan nich jadi menambah pengetahuan ....
BalasHapussipp dech makasih ya...
Izin CoPas boleh gak??
BalasHapusmakasih mas info'a
BalasHapusTerima Kasih, Tulisan yang sangat membantu. Salam Sukses!
BalasHapusTerima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba
BalasHapusaku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu
BalasHapusTerima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses
BalasHapuscemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
BalasHapusSemoga bermanfaatnya ilmunya oke?
BalasHapusSaya jg ingin mencoba nih
Terima kasih Mas Agus..
BalasHapusBlognya luar biasa .. sukses ya
Blognya luar biasa,tipsnya langsung di coba ..
BalasHapussukses ya ..
mas saya sangat tertarik dengan artikelnya ,terutama infonya
BalasHapussungguh" sangat membantu sekali infonnya, wajib di coba sama saya,
BalasHapuspak…
BalasHapussaya akan tunggu terus tips dan trik ilmu artikelnya anda
terimakasih banyak pak..
salam kenal,
Posting yang bagus,terutama tipsnya boleh di coba
BalasHapusaku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu
BalasHapusSetelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses
BalasHapusTerima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses
BalasHapusTerima kasih atas Artikel dan Info yang selalu menambah wawasan.semoga sukses
BalasHapusmakasih pak…. jadi makin mantep untuk mencoba tipsnya, sukses selalu
BalasHapushmm,, menambah wawasan artikelnya, harus di coba, salma kenal,
BalasHapusTerimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil
BalasHapusSaya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil
BalasHapusTerimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses
BalasHapusTerimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil
BalasHapusIlmu yang bermanfaat dan berguna Cuma ada di Wibesite ini, terutama Tips dan Artikelnya. Jadi ingin coba. Salam sukses
BalasHapussetelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu
BalasHapusIde cemerlang saya dapat dari Artikel yang di buat di Wibesite ini, Wajib dicoba Tipsnya. Semoga berhasil
BalasHapusWibesite yang menarik di dalamnya banyak Artikel dan Tips yang mengandung Ilmu Pengetahuan, Harus dicoba.Terimakasih
BalasHapusSaya senang membaca Info dan Artikel yang di buat di Wibesite ini. Patut dicoba. Salam Sukses selalu.
BalasHapusWibesite yang sangat Amazing, Artikel dan Tipsnya boleh dicoba. Semangat !!
BalasHapusCemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. terimaksih
BalasHapusPostingan yang sangat Hebat, Tips boleh dicoba.salam sukses
BalasHapusArtikel yang bermanfaat dan berguna, wajib di coba. sukses selalu
BalasHapushmmm, pasti saya kan coba nh tipsnya yang mantap, sukses selalu
BalasHapusMakasih artikelnya, saya pasti coba-coba,
BalasHapusTerimaksih untuk Info yang sangat Amazing, boleh dicoba.
BalasHapusSebanyak saya membaca Artikel,baru kali ini saya menemukan Artikel yang Amazing. boleh di coba. Terimaksih
BalasHapussetelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu
BalasHapusBaru kali ini saya membaca Artikel yang sangat membangun. Boleh dicoba
BalasHapusmakasih kang atas infonya, ni bisa jadi acuan buat saya yang, waib saya coba,
BalasHapusTipsnya boleh dicoba, Artikelnya sangat bermanfaat.
BalasHapusmantapp sekali tipsnya pasti saya praktekkin, semoga berhasil
BalasHapusIlmu yang sangat Hebat, boleh dicoba Artikel dan Tipsnya. Semoga berhasil
BalasHapus