22 Mei 2013

Cara Membuat Bingkai Tulisan/Gambar Di Blog

frame_5x7_gold_picture_framesCuaca mendung, semendung hatiku saat ini terkurung dalam bingkai yang indah. Baguskan puisi saya tadi hehehe. Bicara masalah bingkai semua udah pada tahukan bingkai itu apa? Biasanya kita mengenal bingkai itu digunakan untuk foto agar tampilan foto itu lebih indah dan menarik tentunya, begitu juga di blogspot sobat dapat membuat bingkai pada artikel sobat yang menggunakan foto ataupun tulisan yang ingin dipakaikan bingkai.  juga bisa untuk mempercantik tampilan postingan atau artikel pada sebuah blog. Pada perkembangannya, bingkai ini banyak dipakai dan digunakan oleh para blogger untuk merapikan misalnya "kode html".
Sehingga membuat tampilan kode html tersebut lebih enak dilihat dan rapih karena dibungkus dengan bingkai tersebut. Apakah perlu membuat bingkai tersebut? Sejujurnya jawabannya ada pada sobat sendiri. Jika sobat membutuhkannya silahkan membuatnya, namun jika sobat tak tertarik dan dirasa tak perlu-perlu amat maka jadikanlah ini sebagai ilmu baru untuk sobat sendiri dalam dunia Blog. Dan untuk membuatnya
Bagaimana apakah sobat tertarik? Jika sobat tertarik untuk membuat bingkai pada artikel yang hendak di posting ikuti langkah di bawah ini.

1. Bingkai Berbentuk Border

<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">
TULISAN YANG KAMU INGINKAN
</div>

2. Bingkai Berbentuk Overflow


<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 100px; background-color: none; text-align: left;">
TULISAN YANG KAMU INGINKAN
</div>

3.Bingkai Berbentuk Text Area


<textarea rows="5" cols="50">
TULISAN YANG KAMU INGINKAN
</textarea>



4.Bingkai berbentuk Titik-titik



<div style="overflow:no; width:100%px; height:100%px; border:6px dotted #8B0000; padding: 4px;">
TULISAN YANG KAMU INGINKAN

</div>


    5.Bingkai berbentuk Garis Putus-putus

<div style="overflow:no; width:100%px; height:100%px; border:6px dashed #8B0000; padding: 4px;">
TULISAN YANG KAMU INGINKAN
</div>

    6.Bingkai berbentuk Garis Double
&lt;div style=&quot;overflow:no; width:100%px; height:100%px; border:6px ridge #8B0000; padding: 2px;&quot;&gt;

TULISAN YANG KAMU INGINKAN
&lt;/div&gt;



Dan untuk menerapkan bingkai tersebut di dalam sebuah postingan blog,maka dalam membuat sebuah artikel/postingan baru di blog sobat harus menulis lewat Edit HTML dan bukan dari Compose.

Semoga Bermanfaat.

Tidak ada komentar:

Posting Komentar