Tunggu Sebentar...

2/09/2017

Blockquote Keren Ala Simplify

Baca Juga



Agar Website AA SCIENCES Rutin Update Artikel Terkait Dunia SHARING PENGALAMAN atau hal lainnya, Mohon Bantu Donasinya Akhy dan Ukhti, Caranya pun Mudah. Akhy dan Ukhti hanya cukup Meng-Klik Iklan Dibawah ini ataupun Iklan yang Berada Dimana Saja. Salam Ukhuwah dan Saling Peduli Sesama yaa Akhy dan Ukhti :)

AA Sciences, Aldi Andreansyah - Blockquote Keren Ala Simplfy, Cara Membuat Blockquote Keren Ala Simplfy, Kumpulan Blockquote Keren.



Blockquote Keren Ala Simplify




Blockquote Simplify
Blockquote atau biasa yang disebut sebuah bagian yang dimana bagian ini dengan otomatis pada bagian mana yang dipilih tersebut akan nya menjorok layaknya sebuah paragraf tetapi berbeda bukan berarti blockquote ini ialah paragraf melainkan blockquote yaitu dimana jika sebuah teks di pilih maka secara keseluruhan teks tersebut akan menjorok seluruhnya pada bagian yang sudah di pilih tersebut tadi.

Membahas mengenai blockquote, blockquote biasa nya hanyalah sebuah teks yang dimana teks tersebut pada umumnya berjenis quote yakni yang bericon kutip dua (") yang dimana jenis yang di tandai blockquote berarti jenis suatu teks tersebut sangat lah penting atau inti.

Di kali ini kalian dapat mengubahnya suatu blockquote yang tadi nya hanya lah bericon tanda kutip dua (") yakni di kali ini kalian dapat mengubah nya dengan blockquote yang keren yang dimana di gunakan pada sebuah suatu teks yang dianggap penting tersebut dengan menggunakan blockquote layak nya sebuah kertas yang dimana blockquote ini menurut AA Sciences bagus sekali jika digunakan tentu nya blockquote ini ala simplify.

Baca Juga :

Yaps simplfy, simplify ialah sebuah template yang dimana template ini di buat oleh idnthemes sendiri, template simplify pun template yang amat super menurut AA Sciences yang dimana template simplify ini ialah template yang AA Sciences gunakan ini, keren bukan ? Hehe, jika kalian penasaran terdapat fitur apa saja dalam template simplify (template yang AA Sciences gunakan ini) maka kalian dapat mengetahui fitur keuntungan yakni, seperti :

  • Reponsive.
  • Clean.
  • Valid HTML 5.
  • Seo Fitur.
  • Simple.
  • Table.
  • CSS simple.
  • Struktur lengkap.
  • Dan masih banyak fitur keren lainnya.

Catatan :


Jika kalian ingin memesan template simplify 2 rasa premium, kalian dapat menghubungi forum AA Sciences


Oke dari pada larut kelamaan dan sudah penasaran langsung saja simak Cara Membuat Blockquote Ala Simplify tutor nya di bawah ini.

A . Pembuatan CSS nya terlebih dahulu  :



1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Template - > Edit HTML - > CTRL+F lalu cari kode b:skin atau <style>.

3 . Jika sudah ditemukan kode b:skin atau <style> tadi, langsung saja kalian Copy Paste kan Script CSS di bawah ini, tepat pada bagian dalam kode b:skin atau <style> nya :


/*Blockquote by https://aldiandreansyah.blogspot.co.id*/

.post-body blockquote{position:relative;margin:0 auto;padding:24px 20px 24px 45px;line-height:24px;text-shadow:0 1px 1px white;background-color:#f2f6c1;background-image:-webkit-radial-gradient(center,cover,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 90%),-webkit-repeating-linear-gradient(top,transparent 0%,transparent 24px,rgba(239,207,173,0.7) 24px,rgba(239,207,173,0.7) 25px);border:1px solid rgba(0,0,0,0.05);}

.post-body blockquote:before,.post-body blockquote:after{content:'';position:absolute;top:0;bottom:0}

.post-body blockquote:before{left:20px;border:4px solid rgba(239,207,173,0.7)}

.post-body blockquote:after{z-index:-1;left:0;right:0;background:rgba(242,246,193,0.9);border:1px solid rgba(170,157,134,0.7);transform:rotate(2deg)}

Catatan :


Kalian dapat mengubah teks berwarna merah dengan warna kode HTML sesuka kalian.


B . Penerapan Blockquote keren simplify nya dalam sebuah text/postingan atau bagian lainnya agar Muncul di Blog nya tersebut :



1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Entri Baru - > Ubah Mode Compose menjadi HTML

3 . Jika sudah dalam mode HTML langsung saja Masukkan Script HTML untuk pemanggilnya di bawah ini tepat pada kolom subject nya yang berada di bawah kedua yang memiliki ruas yang lebar, melainkan bukan judul, untuk judul kosongkan saja, berikut Script HTML nya :


<blockquote> Isi teks yang ingin kalian jadikan Catatan (Blockquote) ala Simplify nya disini </blockquote>


4 . Terakhir, Pilih menu Publish/Publikasikan dan Silahkan lihat hasilnya pada postingan atau bagian tertentu pada blog kalian.

Catatan :


Jika kalian ingin menggunakan cara mudah lainnya, maka kalian dapat menggunakan cara mudah kedua nya di bawah ini.


1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Entri Baru - > Isi teks lalu Pilihlah sebuah teks yang ingin di jadikan blockquote nya - > Pilih lah Icon tanda kutip dua ("), selebihnya seperti gambar di bawah ini :
Blockquote

3 . Jika sudah, di isi dan di pilih icon kutip dua (") nya , maka langsung saja kalian Publish atau Publikasikan .

4 . Terakhir, Silahkan lihat hasilnya pada postingan atau bagian tertentu pada blog kalian.

Oke mungkin hanya cukup sekian mengenai pembahasan cara membuat Blockquote Keren Ala Simplify yang dapat AA Sciences sampaikan, semoga bermanfaat dan sekaligus menambah wawasan membuat Blockquote Keren Ala Simplify ini, Amin.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon