Join our telegram channel to keep up to date with all that is new. joining

Table of Content

Add rating for posts in blogger

 Hello Guys and welcome to Our Tutorial these days is ready How To Make Product Post View.


how to add table of contents to wordpress posts,how to add a table of contents to wordpress posts and pages,how to create table of contents in wordpress post,how to make table of contents in wordpress,how to add a table of contents in wordpress post,how to add table of contents in sidebar,table of contents in wordpress posts,table of contents in post,wordpress table of contents plugin,how to write a blog post for affiliate marketing,table of content in wordpress



What is The Rating Widget.

Rating Widget is a widget which allows your site visitors to price your articles and lets you recognize what your site visitors sense approximately your articles.


Benefits:

  • Helps Visitors to rate your posts
  • Help you know what the visitors feel about your post
  • Improve visitor experience
  • Visitors trust the blog
   
 

How to Make Rating Widget In Posts.


  1.  Go to Blogger's dashboard and click theme.
  2. Click the arrow down icon next to the 'customize' button.
  3. Click Edit Html
  4. Click on any word then Press CTRL+ F and type in the search form ]]></b:skin>.
  5. Copy the provided below code and paste it just above ]]></b:skin >
        /* Star Rating Css by */
    
    .starRating{border:1px solid #eceff1;border-radius:5px;padding:10px;height:60px;}
    
    .starRating .p{background:#fefefe; padding-left:5px;width:160px; border:1px solid #eceff1;border-radius:10px;
    
    position: relative; top:20px;margin-top:-45px;text-transform: uppercase;}     .darkMode .starRating .p{background:#232323;}    
    
     /* Product Rating */
    
    .rating-produk i.icon-star-angka{font-weight:400;font-size:12px;margin-left:5px;vertical-align:1px}
    
    .rating-produk{padding:0;width:55%;float:left;box-sizing:border-box;margin-top:10px}
    
    b.widget-rating{display:block;margin-bottom:10px}
    
    i.icon-star,.icon-star{font-weight:400;font-style:normal;display:inline-block}
    
    i.icon-star:before,.icon-star:before{content:'';width:17px;height:17px;display:inline-block;margin:-2px;transition:all .3s ease;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z' fill='%23ffc53e'/%3E%3C/svg%3E") no-repeat}
    
    i.icon-star.silver:before,i.icon-star.silver:before{content:'';width:17px;height:17px;display:inline-block;margin:-2px;transition:all .3s ease;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z' fill='%23a9acad'/%3E%3C/svg%3E") no-repeat}
  6. Click on any word then Press CTRL+ F and type in the search form </body>.
  7. - Copy the provided below code and paste it just above </body>
    javascript.txt 200b
  8. Paste The Following Code in the last of any post or page you want.


Conclusion.

Accept my greetings سهم التقنية And don't forget to rate the topic with 5 stars to keep posting more.

Rate Article:

Post a Comment