Yazıları çerçeve içine almak

Blogger'da önemli olan vurgulamak ıstedıgınız yazıları kodları vs. daha dikkat çekiçi yazmak isterseniz bu kodlar tam size gore.
bacground-color 'dan renkleri değiştirebilirsiniz..
Ancak ben bir kaç tane hazır koymak istedim uğraşmamanız için buyrun aşağıdan seçin beğenin alın..

BLOGOKULUM | YAZILARINIZ BURAYA...

<pre style="background-color: #ebf3fb; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZINLARINIZ BURAYA...<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA...

<pre style="background-color: darkgrey; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: #00fffff; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: #008000; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: #808080; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>

BLOGOKULUM | YAZILARINIZ BURAYA

<pre style="background-color: red; border: 2px dashed rgb(235, 243, 251); overflow: auto; padding: 5px; text-align: justify; width: 629.6333618164063px;">BLOGOKULUM | YAZILARINIZ BURAYA<span style="font-size: 12px; line-height: 14px;"></span></pre>