Monday, March 26, 2018

How To Change ul List Style On Blog Website

Basically sabhi Blog website template me ul Bullet list style normal hoti hai. lekin agar aap apne blog 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.


How to customize ul bullet list style on blog website



Blog website ke liye 5 best ul bullet list style ke bare me already 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 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 hia.

Aur dusri ul bullet list. ye ek without number list hoti hai. jishe css ul bullet list kahte hia.

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 ko customize ya blog website ul list style design change karna chahte hai. To  bane rahiye is post ke sath.

How To Customize ul list style On Blog Website.

Blog website ki ul list 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 Bullet List Style Design.

ul list design

Ul list Design Code:-

// ul List Design By Blognetbook.com
.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 bullet list design 2




ul bullet list Code:-

// ul List Design By Blognetbook.com.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 templatecss 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 aapko css ul list style ya html ul bullet list style ke bare me post passand ayhi 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:-

About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

Let's Get Connected:- Facebook | Twitter | Google Plus

2 comments: