Blockquote

Blockquote yang lain daripada yang lain ini dibangun dengan melibatkan CSS3 transition, CSS3 transformation, CSS3 border radius, CSS3 text shadow dan 3 (tiga) buah background image untuk background blockquote dan dua tag span yang kita manfaatkan. Bagaimana cara membuat blockquote yang benar-benar lain dari pada yang lain ini? Cocokkah untuk blog sampeyan? Adakah manfaatnya? 

Blockquote bukanlah "gadis yang jelek" atau "gadis kaya raya" yang tak layak dipinang untuk melengkapi blog. Aku juga heran kenapa jarang sekali blogger yang memanfaatkan tag spesial yang sebenarnya amat pantas dipakai ini, ya? Oho ... atau barangkali tak begitu kenal dengan blockquote? Atau kalian merasa antipati terlebih dahulu? Ataukah sampeyan ketularan blogger lain yang jarang menggunakan blockquote? Heh... heh.... Coba rasakan betapa mudah dan pentingnya memanfaatkan "si gadis jelita ini". Dia bisa digunakan untuk wadah teks-teks tertentu yang perlu ditonjolkan di posting, lhoh! Sampeyan tak perlu membuat tag baru untuk melakukan itu. Cukup blockquote! Dan tampilannya? Hoooohoooo coba lihat saja yang ini!

</span><span class="Apple-style-span" style="font-family: Verdana; line-height: 19px; font-size: 12px; "><span class="Apple-style-span" style="font-family: Arial; line-height: 15px; color: rgb(224, 252, 217); white-space: pre; "><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">blockquote </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">{</span></span></span></span></span></p><pre class="pelangi" style="outline-style: none; outline-width: initial; outline-color: initial; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 18px; padding-right: 8px; padding-bottom: 18px; padding-left: 8px; font-size: 12px; font-family: Arial; font-weight: normal; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(102, 102, 102); border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-left-color: rgb(102, 102, 102); width: auto; overflow-x: scroll; overflow-y: auto; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; border-bottom-right-radius: 4px 4px; border-bottom-left-radius: 4px 4px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(51, 51, 51); line-height: 15px; height: 350px; "><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; "><font class="Apple-style-span" color="#99CCFF">         padding</font></span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         margin</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">20px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         background</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">image</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> url</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">http</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">//i964.photobucket.com/albums/ae124/gubhugreyot/bgBloquoteV236H2.png);</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         font</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">13px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">/</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">17px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="typ" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 255); ">Serif</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">,</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="typ" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 255); ">Times</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">,</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="typ" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 255); ">Helvetica</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         font</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">style</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> italic</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         color</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">#FFCC99;  </span><span class="grayn" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(119, 119, 119); font-family: serif; font-size: 12px; font-weight: normal; "><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">/* original code: gubhugreyot.blogspot.com */</span></span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         text</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">shadow</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">#000;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         border</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> ridge  </span><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">#0099FF;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         border</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">radius</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">20px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">20px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">moz</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">border</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">radius</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">20px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">20px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">webkit</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">border</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">radius</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">20px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">20px</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">o</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transition</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> all </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.2s</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> ease</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">in</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">moz</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transition</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> all </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.2s</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> ease</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">in</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">webkit</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transition</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> all </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.2s</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> ease</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">in</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> <br style="outline-style: none; outline-width: initial; outline-color: initial; "></span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">}</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">blockquote</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">hover </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">{</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         color</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">#eee;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">o</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transform</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> rotate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0deg</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> scale</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.06</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> translate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(-</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">,</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">);</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">moz</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transform</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> rotate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0deg</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> scale</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.06</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> translate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(-</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">,</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">);</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">webkit</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transform</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> rotate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0deg</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> scale</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.06</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> translate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(-</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">10px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">,</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">);}</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">blockquote span</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">.</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">bbuka</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">,</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> blockquote span</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">.</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">btutup </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">{</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         </span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">float</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> left</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         margin</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">right</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">5px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         height</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">17px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         width</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">22px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         background</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> url</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">http</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">//i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-L.png) left top no-repeat;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">o</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transition</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> all </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.2s</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> ease</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">in</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">moz</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transition</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> all </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.2s</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> ease</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">in</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">webkit</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transition</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> all </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.2s</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> ease</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">in</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; "></span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">}</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">blockquote span</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">.</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">bbtutup </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">{</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         </span><span class="kwd" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 204, 0); ">float</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> right</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         margin</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">left</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">5px</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         margin</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">right</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> </span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">0</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">         background</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> url</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">http</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="com" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(0, 0, 255); ">//i964.photobucket.com/albums/ae124/gubhugreyot/Blockquote-R.png) right top no-repeat;</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; "></span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">}</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">blockquote</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">hover span</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">.</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">bbuka</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">,</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> blockquote</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">hover span</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">.</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">btutup </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">{</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">o</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transform</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> rotate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1090deg</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> scale</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.1</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">);</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">moz</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transform</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> rotate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1090deg</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> scale</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.1</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">);</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "><br style="outline-style: none; outline-width: initial; outline-color: initial; ">        </span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">webkit</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">-</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); ">transform</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">:</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> rotate</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1090deg</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">)</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(153, 204, 255); "> scale</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">(</span><span class="lit" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(51, 255, 0); ">1.1</span><span class="pun" style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(255, 255, 0); ">);</span><span class="pln" style="outline-style: none; outline-width: initial; outline-color: initial; "><br style="outline-style: none; outline-width: initial; outline-color: initial; "></span></pre><font class="Apple-style-span" color="#FF0000"><span class="Apple-style-span" style="color: rgb(255, 255, 0); font-family: Arial; line-height: 15px; font-size: 12px; white-space: pre; ">}</span>

Cara Menyimpan Kode CSS

• Login : Login kee Blogger.
  • Tuliskan "User Name (Nama Pengguna)" atau bisa juga gunakan "Email Address".
  • Tuliskan "Password (Sandi)".
  • KLIK "Login".
• Sesaat setelah login maka akan terlihat halaman "Dashboard (Dasbor)". KLIK link "Design (Rancangan)"..
• Design/Rancangan : Cari dan klik link Edit HTML.
• Cari kode ]]>. Letakkan dan simpan semua kode CSS tepat di atasnya.
• KLIK SAVE Templates/Simpan Template.
• KLIK link Posting.
• KLIK Entri Baru/New Entry.
• Gunakan blockquote untuk melakukan posting. Sampeyan bisa menggunakan contoh di bawah ini.
• Buka hasil posting di halaman blog untuk melihat hasilnya.

Contoh :

Brazil will expect another commanding performance from Thiago Silva when they take on Ukraine at Derby's Pride Park in an international friendly on Monday.

Before today you might not ever interested in using the blockquote, but from now maybe you can change your mind after seeing the beautiful blockquote built using CSS3. A blockquote charming with animation that fits perfectly with your own blog.
Built with a simple way of utilizing rounded Corners (CSS3 border radius), CSS3 text-shadow, CSS3 transition, transformation and 3 pieces of CSS3 background-image. Take a look below! Is not this a very interesting blockquote?!

The 26-year-old Milan defender was in fine form in last Thursday's 3-0 win over Iran - especially important as his centre-back partner David Luiz had a poor game, obliging Thiago Silva to show off his excellent sense of cover.


In the World Cup, Thiago Silva was a reserve to the old firm of Juan and Lucio. Just three months later, he is the rock on which Brazil's defence is based, highlighting the speed of the generational change taking place under new coach Mano Menezes.

letakkan dua kode ini terpisah di sela-sela postingan, nanti kamu akan melihat hasilnya :

 </span><span class="Apple-style-span" style="color: orange; "></span><br><span class="Apple-style-span" style="color: orange; "><blockquote><span class="bbuka"></span></span><br><span class="Apple-style-span" style="color: red; ">

 </span><span class="Apple-style-span" style="color: orange; "></span><br><span class="Apple-style-span" style="color: orange; "><span class="btutup"></span><blockquote></span><br><span class="Apple-style-span" style="color: red; ">

Selamat Mencoba

Salam buat sobat blogger ... ...

Aku hanyalah seorang blogger yang kebetulan suka nulis, suka ngenet dan terutama suka uothak-uathik template blogspot. Bila sampeyan menyukai semua yang telah aku coba tulis dan terbitkan, aku hanya berharap bahwa semuanya bisa memberi manfaat dan mungkin juga bisa memberi dorongan untuk terus nglembur, nulis dan selalu memeras otak menuangkan hal-hal baru yang bermanfaat bagi pembaca. O, ....ya ..., Orang-orang atau tetangga sebelah biasa memanggil ku dengan sebutan si gubhug reyo gila, "yang suka melek malam dengan asap lintingan tak pernah telat". Yah ... moga-moga saja sampeyan semua nggak ikutan memanggil ku seperti para tetangga sebelah! Makacih, ya, atas kunjungannya. Maap nggak bisa kasih wedang kopi ma roti bolu!

Silahkan buka link di bawah ini untuk mengikuti tutorial menarik lainnya:
http://Iyan Bjm.blogspot.com