Sunday, September 3, 2017

Stylish Popular Post Widget Blog Website Me Kaise Laghye.

Hello friend, Blog website me popular posts widget add karna bahut important hai. becouse hamare blog per anhe wale vistor blog website ke most popular post widget ko ek bar jarur cleck karte hai. Kyoki whi post kisi wajah se popular hoti hai. are Reader us wajah ko jannne ke liye excited rehta  hain.

Stylish Most Popular Post Widget Blog Website Me Kaise Lagye.

Bsically reader jaydatar popular article ko read karna passand karte hai. Isliye blog website me popular post widget Jarur add hona chaiye. Are me jis popular post widget ke bat kar rhu hu uska design bahut hi beautiful are full responsive with auto counting post widget ke sath hai.

To Chaliye Jante hia. Blog website me Popular post widget kaise add kare. Agar aap popular posts widget ka pahale demo dekna chate hai. To demo Dek sakte hai.

Agar popular article widget ko blog me add karna chate hai. To niche diye gaye sabhi setp ko follow kariye.

How to add coustom popular post widget for blogger

Step 1.
  1. Sabse pahle apne blogger account me login kariye.
  2. Ab blogger dashboard me layout per click kariye.
  3. Ab sidebar me Add Getget per click kare.



Step 2.
  1. Ab ek popup window open hogi. wha per apko thoda niche scorll karke popular posts ke uper click karna hai.
  2. Popular Posts ke uper click karne ke bad ab Title me Popular posts type kare.
  3. Ab save per click kar de.

Step 3.
  1. Ab apne dashboard me Layout per jaker theme >> edit html per click kare.
  2. Ab search box me  </style> type karke enter kar de.
  3. Enter karne ke  </style> ke uper niche diye gaye css code ko paste kar de.

/* CSS Popular Post */ .PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{list-style:none;border:none;background:none;outline:none;margin:0;padding:0} .PopularPosts ul{list-style:none;font-family:'Oswald',Sans-Serif;font-size:13px;color:#919392;margin:.5em 0} .PopularPosts ul li img{display:block;width:70px;height:70px;float:left;margin:0 15px 0 0; border: 1px solid silver;padding: 2px;} .PopularPosts ul li{background-color:#eee;counter-increment:num;position:relative;margin:0 10% 0 0;padding:10px} .PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-weight:700;font-size:13px;color:#919392;text-decoration:none;transition:.5s linear; font-family: Open Sans;} .PopularPosts ul li:before{content:counter(num);display:block;position:absolute;background-color:rgb(247, 73, 73);color:#fff;width:30px;height:28px;line-height:25px;text-align:center;bottom:0;right:0;margin-top:15px;transition:.5s linear; border-radius: 10%;font-size: 18px; padding: 5px;} .PopularPosts ul li:nth-child(1),.PopularPosts ul li:nth-child(2),.PopularPosts ul li:nth-child(3),.PopularPosts ul li:nth-child(4),.PopularPosts ul li:nth-child(5),.PopularPosts ul li:nth-child(6),.PopularPosts ul li:nth-child(7),.PopularPosts ul li:nth-child(8),.PopularPosts ul li:nth-child(9),.PopularPosts ul li:nth-child(10){background:#fff;color:#aaacab; border-bottom:1px solid #EFEFEF;transition:all .5s linear;} PopularPosts ul li:last-child{border-bottom:none;} .PopularPosts ul li:hover:nth-child(1),.PopularPosts ul li:hover:nth-child(2),.PopularPosts ul li:hover:nth-child(3),.PopularPosts ul li:hover:nth-child(4),.PopularPosts ul li:hover:nth-child(5),.PopularPosts ul li:hover:nth-child(6),.PopularPosts ul li:hover:nth-child(7),.PopularPosts ul li:hover:nth-child(8),.PopularPosts ul li:hover:nth-child(9),.PopularPosts ul li:hover:nth-child(10){background-color:#fafafa;transition:all .5s linear;} .PopularPosts ul li:hover .item-title a{color:#37B576;transition:all .5s linear;} .PopularPosts ul li:hover:before{background-color:#37B576;color:#fff;transition:all .5s linear;} .PopularPosts .item-thumbnail{float:left;margin:0 0 0 10px;} .PopularPosts ul li .item-snippet {display:none;visibility:hidden;opacity:0;font-size:11px;color:#383838;transition:all .5s linear; font-family: Open Sans;} .PopularPosts ul li:hover .item-snippet {display:block;visibility:visible;opacity:1;transition:all .5s linear;}

Ab Save templete per click kar de.


Finally ab apka popular post widget blog me add ho chuka hia. popular post widget add karna bahut Simple hai. fir bi agar apko widget add karne me khoi problem ho to comment karke batye.

I hope aapko popular post widget blog me kaise add kare post passand aayi hogi. To post ko social media aur other blogger ke sath jarur share  kare.

Most Popular:-
  1. 2+ Stylish recent post wedget wih slider.
  2. Popular stylish email subscribe wedget 2017.
  3. Stylish news ticker for blog website.

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

0 comments: