--> Membuat kotak pesan Admin dibawah posting blog | DUNIA INFORMASI
close

Membuat kotak pesan Admin dibawah posting blog

|
Pemilik blog sering menggunakan kolom pesan admin, juga dikenal sebagai kolom penulis, untuk memposting pesan mereka di bagian bawah setiap postingan blog. Seperti gambar di bawah ini.



Lihat posting ini untuk contoh langsung. Semuanya baik-baik saja.
Tanpa basa-basi lagi, saya akan membagikan posting blog di bawah ini tentang cara membuat kolom pesan admin atau kolom penulis.

1. Pertama buka blog Anda lalu masuk ke menu Templates .
2. Kemudian klik Edit HTML .



3. Temukan kode ]]>: Dalam kode template blog Anda.

Panah kiri adalah tempat Anda memasukkan kode dan panah kanan adalah bidang pencarian (Ctrl+f).

Untuk menemukannya dengan mudah, arahkan kursor ke kode template, klik di mana saja, lalu tekan CTRL + F dan cari kode ]]>
4. Kemudian salin kode berikut:
admin-posting{
cerewet;
lebar - otomatis;
latar belakang: #666666;
perbatasan: memperbaiki 2px #000000;
box-shadow:0 1px 3px #000000;-moz-box-shadow:0 1px 3px #000000;-webkit-box-shadow:0 1px 3px #000000;
biaya 0;
batas: 30 piksel 0 10 piksel 0;
Font: Arial 12px normal, sans serif;
warna: #ffffff;
}
.posts admin .container{padding:5px;}
tipe admin h4{
latar belakang: #ff0000;
Batas: Tidak ada;
border-bottom: 1px solid #ffffff;
warna: #ff;
konversi teks: biasa;
text-shadow: 0 1px 0 rgba (0, 0, 0, 0.4);
Font: Arial Bold 12px, sans serif;
bantalan: 5px x 10px;
batas: 0 0 0 0;
cerewet;
}
.admin-mengetik h4 {color:#FEEA83;}
.admin-teks-img{
lebar: 70 piksel;
tinggi: 70 piksel;
batas: 0 10px 0 0;
Perenang: Kiri;
perbatasan: 1px solid #954B02;
bantalan: 2 piksel;
Latar belakang: #C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
Kemudian paste kode di atas]]>

Panah kiri adalah jarak dan panah kanan adalah kode yang baru saja dimasukkan.

Untuk mempermudah mengedit HTML di blog, Anda bisa menambahkan spasi yang besar antara kode yang Anda buat dengan kode lainnya Singkatnya, gunakan tombol Enter beberapa kali di atas dan di bawah kode yang Anda buat. Jadi bisa mudah jika suatu saat kita ingin menghapus atau mengubah kode tersebut.

5. Kemudian minta kodenya
6. Setelah copy paste kode diatas

Related Posts

No comments:

Post a Comment