Cara Membuat Kotak Blockquote Info diblog

11:29 am
Blockquote keren info diblog

KampoengiLmu2 - Cara Membuat Kotak Blockquote Info diblog , Blockqoute Adalah Salah Satu Alat Di Posting Sebuah Blog Yang Digunakan Untuk Memberi Penjelasan / Informasi Yang Harus Menjadi Perhatian Pengujung Blog Atau Web. Tetapi Blockquote Yang Disediakan Oleh Blogger.com Tidak menarik Dan tentu saja mungkin bisa di abaikan oleh pengunjung. Maka dari kamu harus membuat blockquote yang menarik.

Cara Membuat Blockqoute  :


Pertama Kamu Masuk Ke Dasbor Blog kamu Blogger.com !
Kedua Kamu Pilih Template >> Edit HTML !
Ketiga Silahkan Kamu Cari Blockquote (Gunakan Ctrl+f) Biar Lebih Cepat ! .

Keempat Setelah Ketemu Blockquote-nya Ganti CSS Nya dengan CSS Dibawah Ini :
blockquote{display:block;font-style:normal;color:#F0224E;padding:15px 18px 15px 48px;position:relative;background-color:#1BBCE4;border-radius:4px;border-bottom:2px solid #0E7994}
blockquote:before{font-family:'fontAwesome';display:block;position:absolute;top:15px;left:16px;color:#fff;font-size:24px;line-height:1}
blockquote:before{content:"\f05a"}

Jika Kamu Masih Belum menemukan blockquote Bisa Kamu letakan Diatas Kode ]]></b:skin> .

Kemudian Pastekan CSS Dibawah Ini Tepat Diatas <head> 
<link type="text/css" href="https://googledrive.com/host/0B6FAz9FHjnXXWXIzaXpBVXJCLWs" rel="stylesheet"/>

Lalu Klik Save !.

Jika Kamu Masih Ragu Atau takut Template Blognya Rusak Atau Hancur Bisa Tanyakan Di Komentar Bawah .Semoga Bermanfaat.

Share this :

Aditya Iqbal Adalah Blogger Asal Indonesia Yang Bekerja Di Bidang IT dan Design.

0 Komentar

+ PERATURAN +

♣ Berkomentar Relavan
♣ Berkomentar Sopan
♣ Tidak Boleh Berkomentar Kotor
♣ Saling Menghargai Sesama Komentator

- CEO

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔