xZee Blog



Kumpulan kode style untuk memperbagus posting 2

Plsy Store Street Fight
xZee Blog Style picture
Halo selamat datang di xZee Blog, seperti kata saya di posting pertama dengan judul sama bila akan saya lanjutkan lagi kumpulan kode style untuk memperbagus posting Blog dan inilah kelanjutan posting itu.

seperti pada posting sebelumnya
Kumpulan kode style untuk memperbagus posting 1

posting ini akan berisi berbagai gaya tampilan untuk membungkus teks pada posting, ya biar lebih menarik dilihat pengunjung gitu.

oke berikut ini adalah kumpulan kode div yang saya buatkan untuk kamu yang mungkin mencari sebuah tampilan untuk menghias posting Blog kamu.

1. Gaya sederhana dengan bingkai atau border. berikut ini adalah tampilan gayanya.

xZee Blog

xZee Blog

xZee Blog

xZee Blog

xZee Blog

xZee Blog

xZee Blog


Cara menggunakan?
<div style="anu">tulis disini</div>
untuk menambah sudut lengkung gunakan border-radius: 2em; (ubah 2em ke ukuran sesuai selera)


2. ulasan singkat dengan judul.
contoh judul
ulasan singkat dapat ditulis disini, contoh gaya ini dapat digunakan untuk detail dari posting lagu sebagai info album dll atau sebagai info aplikasi android untuk posting Download aplikasi
Kode gaya diatas seperti berikut ini.
Note: untuk mengganti warna latar belakang ganti pada background: warna; untuk warna teks pada bagian color: warna;


3. Style untuk mengubah gambar.
ini digunakan untuk memberi sebuah bingkai untuk gambar, contoh tampilan seperti dibawah ini.

untuk kode nya seperti berikut ini

Cara menggunakan?
<img src="url gambar" style="..."/>
untuk mengganti warna bingkai atau border ganti pada border: 8px solid warna;


4. xmp dengan style
kode html xmp digunakan untuk menampilkan kode html di posting untuk selengkapnya Baca Disini

xmp 1
<a href="http://xzee.bloger.id ">xZee Blog</a>
xmp 2
<a href="http://xzee.bloger.id ">xZee Blog</a>
xmp 3
<a href="http://xzee.bloger.id ">xZee Blog</a>
xmp 4
<a href="http://xzee.bloger.id ">xZee Blog</a>
berikut kode style xmp diatas

Note: untuk mengganti warna latar belakang ganti pada background: warna; untuk warna teks pada bagian color: warna;


5. list dengan gaya.
  • List 1
  • List 2
  • List 3
  • List 4

kode seperti berikut ini.
  • List 1
  • List 2
  • List 3
  • List 4

kode seperti berikut ini.

  • List 1
  • List 2
  • List 3
  • List 4

kode seperti berikut ini.

Cara menggunakan? <style>...</style> <ul class="daftar"> <li class="satu">teks disini</li> <li class="dua">teks disini</li> <li class="satu">teks disini</li> <li class="dua">teks disini</li> </ul>

Note: untuk mengganti warna latar belakang ganti pada background: warna; untuk warna teks pada bagian color: warna;


wah ternyata lama juga bikin posting seperti ini, ya itu sebenarnya masih jelek gaya yang saya buat karena kalo bagus nanti dikira pintar lagi 😂 kan masih newbie saya nya 😳

untuk selebihnya silakan diubah atau disesuaikan sesuai dengan selera, cara mengubah gampang toh? itu kode atribut cuma berbahasa inggris saja kok jika tau artinya pastilah gampang 👍

oke sekian posting Admin 1 xZee Blog kali ini tentang Kumpulan kode style untuk memperbagus posting 2 semoga bermanfaat..

Dan jika copy posting ini jangan lupa sertakan link hidup menuju posting ini...
Share This Post

Post Detail


Posted By: Zen Sama
Posted On: 21 Oct 2017 22:35
Category: Blog dan WebWapBlog.ID


Leave a Comment

Lenna Gracie
Lenna Gracie
21 Oct 2017 22:35
Hello.. No comments yet on "Kumpulan kode style untuk memperbagus posting 2"
Why not to be first user comment?

Please Login first for post a comment

Please switch off your AdBlock and refresh this page :)