Cara Memasang Tex Box Baca Juga Pada Blog

Tex Box adalah tex yang ada didalam kotak, salah satu fungsi dari tex box adalah untuk membuat tulisan "Baca Juga" agar terlihat kreatif dan rapi

Tulisan "Baca Juga" di buat untuk menawarkan kepada pengunjung blog kita sebuah postingan yang mungkin bermanfaat buat mereka untuk dikunjungi, dan juga bisa membuat blog kita meningkatkan viewer

Contoh : 

BACA JUGA 5 CARA AGAR PENGUNJUNG BLOG KITA TERUS MENINGKAT

Untuk memulai membuat tex box baca juga silahkan ikuti dan baca perlahan artikel ini, 

• Untuk membuat tulisan baca juga dalam tex box nanti dibagian akhir setelah kita selesai membuat artikel dalam bentuk campose.
• Setelah selesai kita membuat artikel dalam bentuk compose silahkan rubah kedalam HTML

• Sekarang kita cari posisi yang tepat untuk membuat texbox baca juga dengan cara melihat kalimat artikel kita yang akan kita buat setelah kalimat tersebut
• Jika kita sudah menemukan kalimat itu, kalimat tersebut pasti diakhiri dengan setelah kode </div>, silahkan masukkan kode  <div style="background-color: white; border: 3px #eeeeee solid; padding: 10px; text-align: left;"> Masukkan teks disini </div> 
• Nah setelah itu kita kembali edit ke mode campose, blok tulisan yang ada  dalam box lalu di menubar klik LINK, disitu kita masukkan link yang akan kita pasang, kemudian klik OK

• Catatan : saya menggunakan blogger yang versi lama

Betulah cara membuat texbox baca juga semoga bermanfaat buat anak bangsa. Disini saya juga akan share 11 kode tex box sesuai dengan model dan warnanya, 

1.</div>

<div style="background-color: #6fa8dc; border-radius: 10px; border: 4px double rgb(255, 255, 255); padding: 10px; t-align: left;">

MASUKKAN TEKS</div>

MASUKKAN TEKS

2.<div style="background-color: white; border: 3px double rgb(23, 128, 221); padding: 10px; text-align: left;">

MASUKKAN TEKS</div>

MASUKKAN TEKS

3.<div style="background-color: #eaeaea; border: 1px solid rgb(68, 68, 68); padding: 10px; text-align: left;">

MASUKKAN TEKS</div>

MASUKKAN TEKS

4. <div style="background-color: #c2c2c2; border: 2px dotted rgb(27, 26, 118); padding: 10px; text-align: left;">

MASUKKAN TEKS</div>

MASUKKAN TEKS

5. <div style="background-color: #d5839f; border: 2px inset rgb(0, 100, 0); padding: 10px; text-align: left;">MASUKKAN TEKS</div>

MASUKKAN TEKS

6. <div style="background-color: #57aa52; border: 2px dashed rgb(97, 11, 56); padding: 10px; t-align: left;">MASUKKAN TEKS</div>

MASUKKAN TEKS

7. <div style="background-color: #f3f3f3; border-left: 5px solid rgb(34, 136, 221); border-radius: 10px; padding: 10px; t-align: left;">MASUKKAN TEKS</div>

MASUKKAN TEKS

8. <div style="background-color: #82cafa; border: 3px double rgb(95, 32, 14); padding: 10px; text-align: left;">MASUKKAN TEKS</div>

MASUKKAN TEKS

9. <div style="background-color: #a2c4c9; border-radius: 10px; border: 4px outset rgb(255, 255, 255); padding: 10px; t-align: left;">MASUKKAN TEKS</div>

MASUKKAN TEKS

10. <div style="background-color: #ffe599; border-radius: 10px; border: 2px dashed rgb(170, 170, 170); padding: 10px; t-align: left;">MASUKKAN TEKS</div>

MASUKKAN TEKS

11. <div style="background-color: #f3f3f3; border-radius: 10px; border: 4px solid rgb(153, 153, 153); padding: 10px; t-align: left;">MASUKKAN TEKS</div>

MASUKKAN TEKS