How To Customize Ol UL List Style On Website .

4

how to change list style on website using css. Kya ap jante hai Blog website me ul list style customize kaise kare. Is post me is topic par bat karenge ki website me ol ul list style change kaise kare

Basically sabhi Blog website template me ul Bullet list style normal hoti hai. Lekin agar aap  website design ko customize karke stylish banana chahte hai. To is post me blog website ul list-style change kaise kare iske bare me details batane wala hu.

customize blog website ul bullet list

Blog website ke liye 5 best ul bullet list style ke bare me ek post share kar chuka hu. lekin is post me especially ul list style customize ya ul list-style change kaise kare. blog website me. iske bare me batane wala hu.

 

Ul List Kya Hoti Hai.

What is Ol ul bullet list hindi. blog website me HTML coding me basically 2 tarah ke list use karte hai. ek Number list jise ham ol list kahte hai. ye Number list hoti hai. Aur dusri ul bullet list. ye ek without number list hoti hai. jishe css ul bullet list kahte hai.

Blogger ul bullet list ka use new post writing me dusre link ka list banane me karte hai. so agar aap apne ul list style customize ya blog website ul list style design change karna chahte hai. To  bane rahiye is post ke sath.

How To change Ul List-Style Customize On Blog Website.

Blog website ki ul list style customize karne se pahle aap design select kar le uske bad niche diye gaye step ko follow karke aapne blog website me ul bullet list code ko add karna.

1# UL List Style Customize Design.

ul list design
Ul list Design Code:-
 

// ul List Design By 99techspot.in
.entry-content ul li { list-style-type: none; font-weight: bold; color: #0000; }
.entry-content ul li:before { padding: 15px; content:   “🔵”; padding-right: 10px; color: #1565c0; }

 

2# Ul list Style Design 2.

 
Ul List Style Customize :-

// ul List Design By 99techspot.in.entry-content ul li { list-style-type: none; font-weight: bold; color: #0000; }
.entry-content ul li:before { padding: 15px; content:   “🔴”; padding-right: 10px; color: #1565c0; }

 

How to Change Ul List On Blog Website.

Blog website me ul style change karne ke liye niche diye step ko follow kare.

Step 1.
1. Sabse pahle apne  Blogger Dashboard me Theme par click kare.
2. Now Click on the Edit HTML Button.
3. Ab d code ko CTRL+F dabakar search kare.

 

Step 2. 
1. Ab D se pahle Ul bullet List style code ko paste kar de.

Css code add on blogger template
css code add on blogger template

2. Now click on the save template button Ab aapke website me ul bullet list style change ho jayega.

 

 

Html List Design For Blog website

1.  Disc Bullets ul list design

Ul bullet List HTML Code

<ul style=”list-style-type:disc”>
<li>blog </li>
<li>Net</li>
<li>Book</li>
</ul>

2.  Unordered List with Square Bullets:-

Unordered List with Square Bullets

Square Bullets list code:-

<ul style=”list-style-type:square”>
<li>blog </li>
<li>Net</li>
<li>Book</li>
</ul>

 
 
3. Unordered List with Circle Bullets:-
Unordered List with Circle Bullets:-
Circle Bullets list code:-

<ul style=”list-style-type:circle”>
<li>blog </li>
<li>Net</li>
<li>Book</li>
</ul>

Html unordered list ya ul bullet list ko html mode me use kar sakte hai. Aur apne blog post ko behtar bana sakte hai.

So i hope css ul list style ya html ul bullet list style ke bare me post pasand aayhi hogi . To is post k social media aur other blogger ke sath jarur share kare.

Agar aapko apne blog website me Ul list-style change ya ul list style customize karne me ya blog me add karne me problem aye to comment karke jarur bataye.

Popular Posts:-

4 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here