Bagaimana Cara Menciptakan Kolom Untuk Iklan Teks Diatas Postingan

Salam kenal gan terimakasih sudah mampir blog aku CarablogID.com, meskipun sebentar saja tapi ini sudah sangat berarti untuk aku hehehe...

dengan kesempatan ini juga aku akan melanjutkan postingan yang sebelum nya aku telah memperlihatkan artikel tentang Cara Membuat Sidebar gres diatas Sejajar dengan Postingan Blog, karana yang aku bagikan sebelum nya untuk menciptakan sidebar nya saja, dan aku kira berdasarkan aku sudah tidak mengecewakan bermanfaat karna sesudah di buat nya sidebar dapat di ganti dengan yang agan inginkan yang sudah di berikan kemudahan dari blogger sendiri. Nah kini aku akan memperlihatkan totorial ihwal Cara Membuat Kolom Untuk Iklan Teks Diatas Postingan, supaya agan dapat memalsukan menyerupai gambar dibawah ini.

Berikut caranya Membuat Kolom Iklan Teks diatas Postingan.

Pertama menyerupai biasa yakni harus masuk ke Cara Membuat Sidebar gres diatas Sejajar dengan Postingan Blog,  mudah kok cepat mudah cepat yaa kalo ada yang kurang boleh bertanya di komentar di bawah niscaya diberitahu hehehe.

Jika sudah menciptakan sidebar menyerupai postingan sebelum nya ingat jangan diapa-apain dulu jangan di edit apalagi di hapus supaya iklan nya tampil menyerupai di gambar.

Silahkan masuk lagi ke halaman Edit HTML nya dan silahkan cari code HTML <style type='text/css'>  kalo suda ketemu silahkan tempelkan isyarat CCS berikut ini sempurna dibawahnya kode <style type='text/css'>.

.side-nav {
border:1px solid #0c4c75;box-shadow:0 6px 12px rgba(0,0,0,.3);transition:.3s box-shadow ease;-webkit-transition:.3s box-shadow ease;transform:translateY(0);text-shadow:0 0 0;background-color:rgba(0,0,0,.7);margin:0;display:block;padding:0;overflow:hidden;height:overflow
    display: block;
    padding: 3px 12px;
    margin: 0 0 0 0;
    border-top: 20px solid #0c4c75;
    background: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    z-index: 100;
}

.side-nav a {border-radius:4px;
display: block;
margin: 0px 0 4px;
margin-left:0px;
padding: 10px 20px 11px;
color: #000;
font-size: 13px;
font-weight:600;
-webkit-transition: color, background-color 0.5s linear;
-moz-transition: color, background-color 0.5s linear;
-o-transition: color, background-color 0.5s linear;
transition: color, background-color 0.5s linear;
}

.sidebar a {
    color: #fff;
}
#ContactForm1{display:none}
.side-nav a:hover {
background-color: #3b3d41;
}
.side-nav a:hover {
color: #c63;
}

.iklan1 {background-color:#FF1000;list-style:none;padding:0}
.iklan2 {background-color:#FF1000;list-style:none;padding:0}
.iklan3 {background-color:#FF1000;list-style:none;padding:0}
.iklan4 {background-color:#FF1000;list-style:none;padding:0}
.iklan5 {background-color:#FF1000;list-style:none;padding:0}
.iklan6 {background-color:#FF1000;list-style:none;padding:0}
.iklan7 {background-color:#FF1000;list-style:none;padding:0}
.iklan8 {background-color:#FF1000;list-style:none;padding:0}

Setelah memasang isyarat tersebut pribadi coba pratinjau terlebih dulu, jikalau sudah pas tidak ada masalah, berarti berhasil agan menitu Cara Membuat Kolom Untuk Iklan Teks Diatas Postingan, untuk merubah warna supaya sesuai dengan template silahkan ganti isyarat warna yang berwarna MERAH code tersebut dengan yang agan inginkan.

Praktis mudahan bermanfaat ya untuk semuanya.

Sumber https://www.carablogid.com

Share this post