Cara Membuat Border Pada Template Blog

Border pada template akan membuat laman blog sobat seperti tampil dalam satu kotak dan akan terlihat rapi. Jika sobat tertarik silahkan ikuti Tutorial di bawah ini.
Tutorial Blogger

Cara Membuat Border Pada Template Blog

blog masdabang

Membuat Border Pada Template blog tergolong tutorial yang sangat mudah. Namun akan memberikan kesan keren pada tampilan blog anda.

Step 1 Masuk ke Blogger.com >> Template.

Step 2 Silahkan Backup Template Sobat.

Step 3 Klik Edit HTML >> Gunakan Ctrl F.

Step 4 Selanjutnya cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>.

#mdbwrap {
              background: #Ffffff;
              width: 960px;
              margin: 10px auto 5px auto;
              padding: 0;
              position: relative;
              border-right: 15px solid #333;
              border-left: 15px solid #333;
              border-top: 10px solid #333;
              border-bottom: 15px solid #333;
              -moz-border-radius:10px;
              -webkit-border-radius:10px;
              border-radius:10px;
              box-shadow: #333 0px 1px 3px;
            }

Selanjutnya temukan kode <body> dan letakkan kode di bawah ini tepat di bawah kode <body>.

<div id=’mdbwrap’>

Langkah terakhir tapi yang paling penting, cari kode </body>. Letakkan kode di bawah ini di atas kode </body>.

</div>

Langkah yang terakhir, silahkan simpan template sobat.

You May Also Like

About the Author: Xsoal

Hello, I am Admin Xsoal.com

Leave a Reply

Your email address will not be published. Required fields are marked *