How to change the image and color of the blockquote

It was said that common are obsolete.The very reason why people travel to different places to look for new. In the blogger world, it seems to be parallel to this concept because readers consider new as something that is helpful, in terms of ideas and implementations. As we consider this, we also need to look at in a more vivid horizon which we always consider that our patience and hard work will very soon turn into money. Like applying an advertising company, specifically the adsense, considers new as one of their bases for your application's approval. This tutorial will show you how to change the color and background of your blockquote. So, let's do it. Changing the Background Image and Color of a Blockquote Step 1. Go to Blogger > Layout > Edit HTML Step 2. Backup your template Step 3. Search for .post blockquote and delete it along with all its occurrences. In most templates the codes look like this, .post-body...

How to Get Approved by Google Adsense for Newbie

Turning blogging into entrepreneur is not like looking for a book page.It is a combination of patience and hard work. But the question is, after you mixed all the spices of your blog, how can you convert them into money as a sort of reward of your long-determined endeavor. Friends! It's the Adsense. As the top placer among the internet advertising companies. For this reason, many bloggers want to be its ads publishers. And to win the heart of the Adsense team who will manually evaluate you and your blog, you should follow some basic rules. Below, I will share to you the basic tips/rules which I believe can help you achieve your goal. Publish Quality plus Original Content As per experienced as a newbie blogger, it is quiet hard to make such kind of content. You don’t know how start and end a certain post. But as a newbie blogger you should spend a lot of time in conducting a research studies in the web in order to power...

How To Add Different Hover Effects To Images In Blogger Post

Changing colors or texts while the mouse points at a certain image in a blog is amazing display of one's hard work and creativity. I have already seen and read many tutorials regarding on how to add hover effects on images uploaded in our post editor pages and all of them have put CSS code in the template editor's page which has a the same effect to all of our images. But there are some instances that the hover effect that we want to appear will be different in some of our posts. Have a your mouse hover at the image below as an example. DEMO HERE: Steps in Applying this tweak in your Blog Step 1. Copy and paste the code below in your Blogger Post Editor page <img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJYh1x758ETxL5-4-PMGXQxAiFRQmw7zldSLz3gArpAMbJz1aR8SBqEG0ENjZaknwXRN6pKigsLb74XSQLcGegPUZdD3aEH3UTMr3QtFpaY5-lfzEUC68N8EqbhFmkGm_FQhky1B0fHMs/s1600/MY+FAMILY.jpg'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguzP2bFngP0tNNIYTt6mvWqvcdYaRRUexfGzrmd5mk_pkp3RTTHn8J-b6TqqMwQhxtIK6FgYv6_1XzKOwyZt5PHtx1zvCEYBcUm33vtR_aJjLwpUQDBcIvcOdAakdm595oPiVQYjy5h1g/s1600/KATES.jpg'"...

Adding Translate Widget With Flags Or Banner In Blogger

Putting a translate widget in Blogger seems to be old but still have a big impact on your user's experience once they read your contents. I believe others prefer to read content online with their own language and today I'm so glad to share to you on how to add this widget in a simple way. Let us now start with the process. How to Add Translate Widget with Flags or Banner in Blogger You can install this widget directly to your sidebar by clicking this link Step 1. Go to Blogger Dashboard Step 2. Click Lay- out Step 3. Hit the Add a Gadget button Step 4. Scroll down and select HTML/Javascript button Step 5.Copy the code below and paste it inside the blank page in your HTML/Javascript button <style type="text/css">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="w2bgft"><!--Google Flag Translator by  Bloggingtipsandtrix.blogspot.com--><form...

How To Add Go Up And Go Down Buttons Using The JQuery Slide Effect

At the right corner of this page, you can see that there is an Up and Down Button. It is very essential to have an Up and Down buttons in order to scroll your page content easily, specially on the main page of your blog wherein there are many articles or when an article has too many comments from your vivid readers. Further, these buttons have a fade in and fade out effect, it means that it will fade slightly when you scroll it to the top or to the bottom of the page in your blog. How To Add Go Up and Go Down Buttons Using The JQuery Slide Effect Step 1. Go to Template, click on the Edit HTML button Step 2. Select the "Expand Widget Templates" box Step Step 3. Search (using (CTRL + F) for this piece of code ]]></b:skin> Step 4. Just above ]]></b:skin>, paste the next code: /* Up and Down Buttons with jQuery ----------------------------------------------- */ .button_up{ padding:7px; /* Distance...

Color Code Generator - JQuery

We all love nature where beautiful colors are everywhere that bring freshness and life. So take a look to this Color Code Generator - JQuery color picker plugin for selecting your prefered hex color code values. It can also be used to convert between HSL, HSV, RGB, Hex color code for the color you chose. It is also used for generating matching color schemes which makes it easy for you to select colors. Just point the mouse cursor to the desired color(s) which fit to your blog theme. Enjoy Please get your favorite colors here. Friends, you can get this amazing tool through this link. God Bless You...