Jumat, 14 September 2012

Panduan Cara Membuat Bingkai Tulisan/Gambar Di Blog

Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua khususnya sobat blogger yang masih pemula dalam dunia blog.Fungsinya apa bingkai itu?....sebenarnya fungsi bingkai untuk tulisan atau gambar hanya untuk merapihkan tampilan dari tulisan/gambar tersebut.Selain itu 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,silahkan ikuti langkah-langkah seperti brikut ini :
  • 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>
  • 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>
  • Bingkai Berbentuk Text Area
<textarea rows="5" cols="50">
TULISAN YANG KAMU INGINKAN
</textarea>

  • 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>
  • 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>

  • 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.

0 Responses to “Panduan Cara Membuat Bingkai Tulisan/Gambar Di Blog”

Posting Komentar