Cara Membuat Blockquote Keren di Blogspot dengan sangat mudah
Cari Artikel

Advertisement

Cara Membuat Blockquote Keren di Blogspot dengan sangat mudah

Masmient
4/27/2018

cara membuat blockquote

Dulu saya sempet bingung apa ini... dan setelah saya bertanya di salah satu grup facebook dan teman-teman di sana semua nya memberi tahu saya, ternyata namanya Blockquote.

Dan saya langsung membuat tutorial ini untuk di bagikan ke teman-teman yang lain. dan ternyata mudah banget cara membuat blockquote di blogspot ini.

Maka marilah terapkan caranya di bawah ini sob.

Cara Membuat Blockquote di Blogspot


1. Masuk pengaturan Template HTML cari kode ]]></b:skin>

Jika sudah ketemu

2. Salin kode di bawah dan paste tepat di atas kode ]]></b:skin>

Kode 1
.post blockquote{margin : 0 20px;padding: 50px 30px 50px 30px;background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c7RglzI/AAAAAAAACOU/bwGBdTO2lq4/s1600/BLOCK1-TOP.gif) no-repeat top;font: bold italic 1em Helvetica, verdana;color : #000;}.post blockquote div{background : #FFF url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb4c0v4knI/AAAAAAAACOM/S-iKAwSXT-I/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom;padding-bottom: 50px;}.post blockquote p {margin: 0;padding-top:10px;}

Kode 2
.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/SwhrYyb3PiI/AAAAAAAACRU/DyY1rOVnl_k/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }

Kode 3
.post blockquote { background: #F3F3F1 url(http://3.bp.blogspot.com/_7wsQzULWIwo/Swb5Jv9YD4I/AAAAAAAACPc/BJ-zgoLMJXw/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }

Kode 4
.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb4ckuuUwI/AAAAAAAACOE/lJfkdjco3aw/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }

Kode 5
.post blockquote { font:bold italic .9em "comic sans ms", Tahoma, sans-serif; padding-top: 25px; margin: 5px; background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/Swb5kCZUGZI/AAAAAAAACP8/UEMNYwjmokk/s400/left.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(http://4.bp.blogspot.com/_7wsQzULWIwo/Swb52LlPk-I/AAAAAAAACRE/_MC7HQLGIng/s400/right.gif) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; }

Note : Pilih salah satu kode di atas ya...
Jika kode di atas tidak berfungsi d bloog sobat, mungkin template blog kita berbeda,,, dan silahkan gunakan cara yang di gunakan kawan blogger https://www.infosaku.com

3. Jangan lupa Save Template>

Taraaa..... belum selesai ... hheee

Di atas hanya scrip nya doang sob... sekarang buatlah blockquote di postingan sobat...Caranya


Cara Menerapkan Blockquote pada Postingan Blog


1. Masuk blog sobat>buat artikel baru.

2. jika sudah, kalimat mana yang mau di blockquote, silahkan di blok dan klik blockuote di atas pojok kanan saat sobat membuat artikel.

membuat blockquote di blogger

3. Publish artikel dan cek hasilnya....

Demikian lah pembuatan Blockquote mudah di blogger.. semoga bermanfaat dan berguna...