For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Cara membuat garis lurus dibawah blog

Hello sobat IcloudZer kali ini admin bakalan memberikan informasi blogger mengenai bagaimana caranya membuat garis lurus dibawah blog, dan dilain kesempatan admin juga akan memberikan informasi mengenai bagaiamana caranya membuat garis lurus pada samping blog atau diatas header blog okay, tapi pada postingan berikutnya ya

Info: Dari pada penasaran yuk langsung aja kita bahas bersama sama okay

Garis dibawah blog

Garis dibawah blog merupakan suatu tampilan yang mana pada bawah blog akan terbentuk sebuah garis lurus memanjang dengan tampilan warna yang bisa disesuaikan

Info: Biasanya sih garis lurus dibawah blog bisa dikombinasikan dengan kode script, namun kali ini khusus pembuatannya menggunakan kode CSS

Hanya Sebuah Garis

Nah kamu jangan salah sangka dulu bahwa artikel yang admin buat kali ini hanya membahas bagaiamana carannya membuat sebuah garis lurus dibawah blog, dan tanpa menggunakan animasi atau yang sejenisnya

Info: Seperti yang bisa kamu lihat garis lurus yang admin terapkan telah admin kombinasikan sehingga nampak menarik

Cara pembuatan

Baiklah saatnya admin akan membahas bagaimana caranya membuat garis lurus dibawah blog (Hanya garis ya), perhatikan setiap langkah yang admin jabarkan agar paham okay

Kode CSS

Langkah pertama yang bisa kamu lakukan adalah menyalin kode CSS dibawah ini, kemudian kamu bisa meletakkannya diatas kode ]]><b:skin>

.rahButtom{
display:flex;
position:fixed;
buttom:0;
top:0px;
right:0;
left:0;
width:100%;
height:3px;
background:red;
}

Info: Atau kamu bisa menggunakan tag kode style untuk bisa meletakkan kode di atas

Kode HTML

Langkah selanjutnya yang bisa kamu lakukan adalah menyalin kode HTML dibawah ini kemudian kamu bisa meletakkannya divawah kode <body>

<div class='rahButtom'/>

Info: Kode HTML diatas berfungsi untuk menampilkan garis tersebut

Contoh Tampilan

Baiklah kamu bisa melihat contoh tampilannya dengan menggunakan tombol dibawah ini okay

Info: Bagaiamana sobat IcloudZer dengan tampilan garis lurus dibawah blog

Jika kamu memasangnya secara langsung maka kamu tidak perlu mengklik tombol untuk menampilakan garis lurusnya, cukup memasang kode yang telah admin jabarkan diatas okay





About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

إرسال تعليق

Menghasilkan uang melalui survei berbayar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.