by

Cara Cepat Tanpa Iklan Cepat Tanpa Iklan Membuat Kotak Text Quote Di Postingan Blogger

vedit.co.id – Pada potensi kali ini saya akan memperlihatkan suatu tutorial perihal Cara Membuat Kotak Text Quote di Postingan Blogger.

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

Sebenarnya cara menciptakan text box ini tidak terlalu sulit hanya dengan menggunakan CSS + HTML pemanggilnya kau bisa bikin box tersebut.

Namun tidak banyak diantara kita tergolong saya sendiri mempelajari kode tersebut. Nah bagi kau yang ingin berguru lebih jauh perihal dunia Islam.

Cara Membuat Kotak Text Quote di Postingan Blogger

Cara Membuat Kotak Text Quote

1. Silahkan kau login ke blogger.com dengan memakai akun Gmail kau.
2. Masuk kemenu TEMA > klik Edit HTML
3. Silahkan kamu cari kode berikut ini ]]> dan pastekan kode dibawah ini tepat DIATAS aba-aba 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 santapan Postingan.

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



Tulis Textnya Disini.



Text Quote


- Umar bin Khattab -


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

6. Kalau sudah silahkan klik PUBLIKASIKAN dan Selesai.

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

nah bagi kau yang memiliki pertanyaan atau problem 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