how to customize popular posts widget blogger?

Now you can change the look of your Popular Posts Widget of your blogger blog to make it more stylish and attractive for your readers. You should use a Popular Posts Widget in the sidebar of your blog as there are so many advantages. And this widgets enables your visitors to read and learn those popular articles that are most trending on a blog or website. As Built-in Popular posts widget in blogger is not that much attractive and attention-grabbing in terms of designing and displaying of popular posts. So if you are interested and you wish to change your Popular Posts widget into a stylish widget then, you have to work on CSS Style sheets.Don't worry I will explain you the simple steps to do this. Most bloggers ask to change their popular posts widget so I am sharing the customization of this built-in widget. In this article, we will learn how to customize Popular Posts Widget to make it more attractive and stylish.

 How to add Popular Post Widgets in blogger?

If you have not used Popular Posts Widget before, So have a look to add this by default widget.Otherwise leave this step.
Before customize Popular Posts Widget you have to add your default Widget that is buit-in widget of your blogger template. So explaining you the simple steps to add this widget.

1. Go to Blogger account >> Select your blog >> Layout
2. Click on "Add Gadget" in the column you wish to use this widget
3. Select Popular Widget

Now you have installed a buit-in widget and next step is to customize this buit-in widget and make it more attractive for your readers.

We have successfully integrated a Popular Post widget on your blog

In built-in widget you can display up to 10 popular articles, but what I would recommend you, is to select only 7 as shown in this image

Now check the “Snippet” (optional) and “Image Thumbnail” because we are going to display images along the popular or trendy article, this will be more stylish and gonna make it more spice to your site.

 Customize the Popular Post Widget

Now you have already added a popular post widget and you wish to make it more spicy and attractive, then just follow these simple steps.

1. go to Blogger >> Template 
2. Now Select Edit HTML >> and then Proceed.

Now click on show widgets within your Template and  Search for "  ]]></b:skin> " you can use (CTRL+F ) to search this and just above it paste the following CSS Code shown below.

/*--- theTechCanvas --- */ .popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUyaJ4_h4RBCBCdzH9ev0crh-pYhmXynxFmiB87EI-HQ29LPmQgoVku3fHA_qSJPeplZ4ndnfydmBsKNibT640sdj4AQbP5I35jvJwzomYVxq-HflbPLulgYiGfS0xHoT6cCu5BFdswz0/s1600/1.gif) no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .popular-posts ul li:hover { border:1px solid #6BB5FF; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); }

Save the template and You have successfully customized your Popular Post Widget. Now see the changes in your blogger. Its more stylish and your trendy posts are appearing very attractive.

This will surely be liked by your visitors and definitely it will increase the number of your readers .
Enjoy your blogging with this customization and subscribe us to get our posts through your email.

Read More

How To Upload Template In Blogger? 3 Simple steps!

 How To Upload Template In Blogger?

You have a blog! And you are thinking that is it possible to design a blog like a very attractive website?
Then Blogger has an option for customization of your blogs by installing templates.
You can choose any templates from hundreds of templates available in many websites.

 Where to download blogger template ?

There are many websites from where you can download blogger templates such as:
Btemplates.com, TemplatesDoctor.com etc.
Now this article will explain you the steps to install and upload your template which you have downloaded from one of the above or any website.

 Step 1: Go to Template as shown in image :

 Step 2: Click on "Backup/restore" :

 Step 3: Choose File to upload your downloaded template : 

Before uploading your new template you should download your existing template so that you can again upload that template in future without any customization.

So these were the simple steps to upload and install any template you like. I hope you have learnt the way of uploading templates in blogger and make your blog attractive just like a big website.Video tutorials will also be published later.

Enjoy your blogging and keep visiting MyTrickWays.com. 

Read More

Redirect a BLOGSPOT to CUSTOM DOMAIN (Your own domain)

You will be happy to know about the redirection of your blog ( i.e MyTrickWays.blogspot.com to MyTrickWays.com).

Everyone wish to have their own hosted domain in blogger. So in this post I will explain you the steps to use your own domain name instead of .blogspot.com.

Step 1: First of All You just need to go to your blogger account and then click on setting as shown in the image: 

Step 2 : Click on  "+ Add a custom domain" as shown in below image 

Step 3: Now Click on " Switch to advance settings"

Step 4: Write the domain name you wish to redirect

Now save the settings and you are all set. And what you need is just to change the settings to your DNS ( Domain Name System ) in your Domain control panel according to your domain name service provider. Enjoy blogging!

Read More