8 style Blockquote blogger keren

Dalam posting kali ini taukahbahwa.blogspot.com akan membahas berita tentang 8 style Blockquote blogger keren. Semoga dengan artikel 8 style Blockquote blogger keren akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com

Langkah pertama masuk pada blogger yang ingin sobat pasang blockquote, pada layar dashboard pilih Edit HTML lanjutkan kemudian centang kotak pada bagian pojok atas kiri.

• Style 1

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

• Style 2

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; } 

• Style 3

blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

• Style 4 

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfOV6LV7viMKots3SnFhMzNFLWhkPN9GKy__W7fEB1qkQLsQx6zVlayOxglRIA4CMLpwubbwWdRfejIFC1rf2mvmmdyL56R_x2RFOX5iZjFvZ5eShhen0pOfvPwmqoON2whaWfq5PTbM/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}

• Style 5

blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoaujhaOsY6aviggtWH-xbkJUBe5vfAh7_RvWhJl6aDzvc2Kh0eakNs2vqDhLonVViTrEIHZnBCqgghfQ1cbCncW-LwfN-r4-MQwTn4hYzXXNhT_9PliHfXoe7FFUKCgjBfClTmDj63xw/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; }

• Style 6

blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUKMNM3ElYTW-0NR_GfGt-ZXvnluxKWWS3A28sqD7G8QH8dwnIxNTMW1G_ULhe1_5r8l3roMts-pci6-JvyoX6_zAXiFNf7BODLAvo7VCD9nKS5lykeaDnsPjbZfcnNlilVfX84cFssdCF/s1600/quote.png") 5% no-repeat #FFF8DD; }

• Style 7

blockquote{ background-color: transparent; border-top: 3px double#DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }

• Style 8

blockquote {font-family: verdana, arial, sans-serif;font-size:small;color:#FFF;line-height:140%;background-color: #333366;border: 4px dotted Olive;padding: 5px;margin-left: 15px;margin-right: 15px;width: auto}

Setelah selesai dengan pilihan blockquote, masukkan salah-satu kode yang di inginkan di atas tepat di atas  ]]></b:skin>

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com