by

Cara Cepat Tanpa Iklan Membuat Kotak Text Quote Di Postingan Blogger

vedit.co.id – Pada potensi kali ini aku akan menawarkan suatu tutorial tentang Cara Membuat Kotak Text Quote di Postingan Blogger.

Pasti bagi kau yang memiliki sebuah blog dengan Niche quote atau text pastinya sungguh membutuhkan box tersebut.

Sebenarnya cara menciptakan text box ini tidak terlalu sulit cuma dengan memakai CSS + HTML pemanggilnya kamu bisa membuat box tersebut.

Namun tidak banyak diantara kita termasuk saya sendiri mempelajari aba-aba tersebut. Nah bagi kau yang ingin mencar ilmu lebih jauh tentang dunia Islam.

Cara Membuat Kotak Text Quote di Postingan Blogger

Cara Membuat Kotak Text Quote

1. Silahkan kau login ke blogger.com dengan menggunakan akun Gmail kamu.
2. Masuk kemenu TEMA > klik Edit HTML
3. Silahkan kamu cari kode berikut ini ]]> dan pastekan kode dibawah ini tepat DIATAS arahan tersebut.

.boxcontainer 
padding:20px 0px 0px 0px;
border:2px solid #1588E3;
vertical-align:middle;
width:100%;
position:relative;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;


.boxcontainer .boxes
padding:0px;
width:100%;
background:#1589E3;
position:absolute;
top:-15px;
left:0px;
border-radius:15px;
padding-top:2px;
padding-bottom:2px;


.boxcontainer .boxes .textboxes
background:transparent;
padding:0px;
color:#fff;
text-align:center;
font-weight:bold;


.quotebox
background:#ddd;
margin:10px auto;
margin-left:15px;
margin-right:15px;
border-radius:7px;


.quotebox p
padding:10px;
color:#444;
font-family:arial;


.authores
background:#1589E3;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding-bottom:1px;
padding-top:11px;


.authores h2
color:#fff;
font-size: 14px;
text-align:center;


.textboxes p
margin:0;
color:#fff;

4. Kalau telah silahkan klik SIMPAN dan kini kita masuk ke sajian Postingan.

5. Selanjutnya, kau copy instruksi dibawah ini dan paste sempurna di hidangan HTML [bukan compose].



Tulis Textnya Disini.



Text Quote


- Umar bin Khattab -


Silahkan kau ubah kode yang berwarna merah dengan text sesuai cita-cita kamu, dan ubah instruksi yang berwarna hijau dengan nama sesuai keinginan kamu.

6. Kalau telah silahkan klik PUBLIKASIKAN dan Selesai.

Bagaimana mudah bukan untuk bimbingan Cara Membuat Kotak Text Quote di Postingan Blogger,

nah bagi kau yang memiliki pertanyaan atau dilema seputar blogger silahkan komen di kolom komentar dibawah artikel ini.

Baca Juga Artikel Lainnya :

  • Cara Membuat Bottom Navigasi Bar
  • Cara Mendapatkan Kuota Gratis Axis
  • Cara Mengganti Metode Pembayaran Google Play
  • Cara Verifikasi Blogger di Webmaster
  • Template Blogger Salbuta Blog Premium
  • Cara Menggabungkan File PDF

News Feed