first dating tricks

Going on your first date can be uneasy. Most of the time he is worried about if he choose the right venue, the right place and/or the right time. So ladies, guys go through their “mind bottling” moment concerning the first date. As far as your concerned, “what you’re going to wear and your make-up is just as important. Indeed it is. Most importantly, how you choose those cute first date ideas is very important.

With so many dating options available you have a list of things that you can do as a cute date. The internet even makes that first date possible with either of you never having to leave home. If you decide on being close together in a private setting or at a nightclub the options are endless.

The goal is the be creative. Find out the things that your partner enjoys doing. This is very important if you’re planning a surprise first date. It’s guaranteed that your partner that is allergic to horses wouldn’t want to go horseback riding. Deciding on a the perfect first date involves you paying close attention to your new mate and their likes/dislikes, favorite foods and more. 

The time of year also has a lot to do with the type of date that you’ll planned. However, endless resources creates limitless opportunities. Most average income personals are looking for a inexpensive, quality, romantic date.

Here are our 6 first date Tricks

  • No matter what time of the year it is, planning a night (in) with the honey is always a great idea. Depending on who is hosting the date, you’re in a controlled environment. You can create the right temperature, lighting and atmosphere. Merely light scented candles around the room. Watch a new release. (One that calls for a lot of cuddling is recommended.) Prepare your favorite dish together before the movie with a unique finger-food dessert. Be sure to prepare light meals. The 1-on-1 attention is always a favorite. If you’re craving attention for the night. Post your post date night drinks, outfits and food on your Facebook page.

  • During the summer and year round in certain parts of the country the beach is always a great place to entertain a cute first date. This is a simple date that involves you having fun on the beach. He can even show off your pecks. In fact, join in on a volleyball game and join opposing teams. Take up some surfing lessons and then sunbathe together. The beach atmosphere offers lots of room to play and keep things social. It never hurts to get out and enjoy a little bit of sun.

  • Young adults today are bonded by their love for music. Another idea would be going to a concert. Find out who is playing in your local area or take a short drive down the highway together or with some friends and rock on to your favorite band, artist or group. All genres of music make a romantic date. Simply engage in the concert as a couple and enjoy the moment. Enjoy the energy from the crowd!

  • The movies is practical, but why not think outside of what the norm is for a cute first date. Go to your local food, drink candy or snack foods processing factory and find out when they give tours. Believe it or not, this makes a cute first date because you get to test food and/or drink products and it won’t cost you a dime. In fact, you’re educating yourselves together on the quality of food and drinks and how they’re made, processed and manufactured. You’re going on tour and being guided by someone else. This is a great idea for anyone that doesn’t have great conversational skills.

  • A nice late Fall date is always a walk on the nature trail or hiking. If you enjoy those long walks together this is your opportunity to be together and find out a lot more about each other. You also get a chance to appreciate the nature around you. Some hiking trips can lead to an awesome camping trip. (overnight) Sometimes, there are groups that participate in this kinds of adventures, if you’re too scared to go at it alone.

  • Finally, the ultimate cute first date for every girl is to be able to go where they want and be able to get what they want. So, if you’re that rich guy with all the money in world. Take her shopping for a nice piece of jewelry that indicates you plan on being around for a while. Those on a budget that want to finesse their date could get her nails done.
Just be creative with your date


6 Cute First Date Tricks

Even though your man may like to go out on the town every weekend, try to get him to stay in. There are some great home date night ideas that I have had great success with, which will allow you and your man to come closer together as a couple.

Wine Tasting Night

A sure-fire way to get your night started off in the right direction is to have a wine tasting night. Go out and buy different kinds of wines that you have never tried before. Setup glasses with the wine bottles near. You and your boyfriend or husband will get to experience some great tasting wines, which is an elegant way to spend an evening inside.

And, to add some elegance to your wine tasting night, you can play some romantic music and setup candles around the table. After a while, you and your man will be enjoying the high life, tasting great wines that will have you reminiscing on your beautiful relationship.

Scary Movie Marathon

What’s better than watching scary movie after scary movie?

Wrapped up in covers, you and your man can have a scary movie marathon. Since you don’t have to go to the movie theater, you can save some money. And, these marathons give you the chance to cuddle up with your man, experiencing frightening moments that you never will forget.

To give you an authentic movie experience, you can cook your own popcorn. The theater experience will be in your home, and you and your man can enjoy hours and hours of scary movie moments.

Cooking Dinner Together

In order to grow closer together, you and your man can cook a meal together. Teaching your man how to prepare different foods will give you a chance to bond with him. While cooking dinner, you can have music playing in the background, creating a romantic mood for both of you. 

Whether you are cooking an Italian dinner or a Mexican food buffet, cooking together will give you the chance to talk with your boyfriend or husband, learning something new about them.

Italian Night

 Bring the world of Italy to your home by cooking a traditional pasta dish and enjoying different wines with your loved one. An Italian night at your home is a romantic way to grow closer with your loved one. 

You can have a candle-lit dinner, and once you have finished the wine and food, you can watch a romantic movie featured in Italy. Love will be in the air, and you won’t even have to leave your home.

Game Night

Who doesn’t love playing games, especially if they are board games? You can get together a huge selection of board games. These games will give you something to do for hours, and while you are playing, you can talk with your boyfriend or husband. 

It will be a quite night in your home, where you can get your competitive juices flowing.

Photot Album

Sometimes you may not want to eat or watch a movie, so what’s there really left to do? How about looking at old photos of each other when you were young? Looking at photo albums with your loved one is a good way to remissness on the good old days, when you were young and innocent.

Looking at baby or teen pictures, you will be able to remember certain memories that really are special in your life. This lets your boyfriend or husband learn something about you, allowing you and him to grow closer together.

I know that these stay at home date ideas will work for you, as they worked for me, and my husband isn’t the easiest man to please. Thanks to these date ideas, I have grown closer to my husband. He’s actually become my best friend. This can happen to you as well by using these date ideas in your personal relationships.

6 Tricks For Cute Home Date

how to french kiss

More often than not, the first step to any intimate physical relationship is kissing. After that, it won’t be long before that first kiss turns into a full blown French kiss-which usually opens the door to a more intimate relationship. So, to find out how to take your relationship to the next level and how to leave your partner wanting more and more, here’s a few tips on how to French kiss well.


This is especially important if it’s the first kiss. Look for somewhere private and pay attention to your partner’s body movement and eye contact. This way you’ll know when the moment is right.

Move In

Once the mood is right and the right opportunity presents itself, make your move.
Make sure you go in slowly enough to give your partner time to decide if he/she wants in on it. Also remember to keep you head angled so your noses don’t bump into each other.
Plus, as you go in, gaze into your partner’s eyes and lips to make your intentions clear. You can also let out a little smile if you are excited about kissing them, this will help to reduce the tension.

Starting Off

Start with the normal tongueless kiss. Then, as the tempo gradually increases, quickly sweep your tongue over your partner’s lips. If the person likes it, he/ she will do the same but if they do not respond, it’s best to keep things slow. Just stay on the regular kissing, do not push your partner into doing something that he/she is not comfortable with.
If your partner is OK with you using your tongue however, it’s time to take it to the next level.


  • The tongue is a mobile tool that you can use to explore your partners mouth. However, you do not want to start by jabbing your tongue into a person’s mouth!
  • Start by gently inserting the tip of your tongue in his/her mouth while kissing; when you are sure that they are comfortable with this, move in a little bit deeper. Play around by gently tagging his/her tongue or entangling both your tongues and moving your tongue back invitingly.
  • If you are not sure of what you are doing, let your partner take the lead and guide you towards what they want. The speed of the kiss, intensity involved and how deep the tongue goes will give you an idea of what the other person likes.
  • Not everyone likes the same thing in a kiss, so always communicate with your partner by telling them what you like them to do while you are kissing.
  • It is also important to remember that a good French kiss goes beyond just the lips and tongue. Use your hands to hold your partners waist, neck, face, hips or the back of their head. A firm and gentle grip on the right spot will make the kiss more memorable.
  • And because the moment will be filled with emotion, don’t forget to breathe, that’s what your nose is for right? You can always give yourself a few minutes in between kisses to catch your breath if the moment is intense.
You might not get it right the first time you try it, but with a little bit of practice, you’ll perfect your skill. In any case, you’ll find out what your partner likes and does not like so next time you’ll have a better idea on how to do it.

How To French Kiss

French Kissing tips

The French kiss is a passionate and timeless gesture of romantic affection. It’s a great way to amp your relationship, add fun and variety. Below are a few tips for French Kissing.

Proper Hygiene

Before you start kissing, make sure you have observed the proper hygiene. Always make sure that you’ve brushed your teeth, you can even take a mint; this will keep away any bad breath. Also remember to keep your lips moistened. Dry lips can never make for that perfect kiss.

Create Intimacy

A French kiss is passionate, therefore, you need to create some intimacy first; this is to build up passion.Basically. this is your very first step in French kissing tips. Make sure you observe this and above all just be natural; forcing intimacy can never work.

Strat With a Caress

The next thing you need to do is begin caressing one another . You can try to put your arm behind your partner’s neck and then start caressing their hair; many guys get turned on by this. You can make those caresses even more enjoyable by looking into your partners eyes.

Strat With Some Teasing Kisses

Begin your kissing by simple teasing kisses . The simple kisses are to tease one another and also to build up some excitement for the long awaited French kiss. You can try the tongue teaser trick; this is like torturing someone to the bone, but with pleasure. Never ram your tongue into your partner’s mouth like it’s a contest. flick your tongue over her tongue as if it’s a desert; by doing this, she will grasping for air as she holds you like you are a her life saver. After this, you can now get all passionate for that one mind-blowing French kiss.

Twirl and Curl

As a man, don’t just let your tongue lay over hers; it may seem boring. You can try this trick: twirl and curl. This simply means, making love through your tongues. Try to be exciting; don’t be scared to try this, it won’t repulse you lady away.

The toung Action

This is a good example of rock’n’roll kind of a French kiss. Basically, you both stick your tongues out and then let them touch. It may sound a bit unconventional and quite vulgar so you can try this when you both high.

The Typical French Kiss

It’s long, intense and above all passionate. Keeping your body lose is one among the most important french kissing tips. You can use your hands and legs to brush against your love and then let your body loosen as you gently move. Remember to keep in communication with your partner and a natural flow and rhythm will continue to develop.

The Round Tornado

This is what happens when you miss your partner so much you can’t get your tongues and hands off each other. This is literally licking. It’s a bit boring if you get stuck to the normal tongue kiss, so try to be experimental. Try the above tips to French kissing and you will surely leave your partner asking for more.

Tricks To Perform French Kiss

Different Types of Kisses And What They Mean

Kissing is great! It’s known as a favorite universal act of showing love and affection. Almost everyone receives or gives a kiss at some point in their life. 

A kiss can be placed on any part of the body. There are many types of kisses, and below you will find over 20 types of kisses. If you have a favorite that we left out, be sure to leave a comment all about it. If you have any questions about kissing, you can leave those in the comments too.

The Forehead Kiss

The forehead kiss usually means that you are just friends. Depending on how it is planted, it can also be used as a means of showing deep affection to a loved one. Most people use use it as a starter kiss when they meet someone new, to express that they like them.

The Eskimo Kiss

It is commonly used by children and parents as an indication of affection. It involves rubbing your nose against your loved nose back and forth. This type of kiss has its origin from the Eskimo, hence the name Eskimo kiss.

The French Kiss – 

The French is considered most popular romantic kiss. A kiss is named ‘French kiss’ when a person’s tongue touches another person’s tongue. This is why it is also known as tongue kissing. This type of kiss is very easy to execute but it may take years to master.

The Single-Lip Kiss

This type of kiss involves gently sucking another person’s lip. To give your partner a single-lip kiss, you have to take any one of their lips sandwiched between yours and suck gently. If done in the correct manner, this kiss can send a strong romantic signal to you partner.

The Hand Kiss – 

It is given by gently grasping someone’s hand by the fingers and kissing the back side. The hand kiss demonstrates respect, adoration and kindness.

The Earlobe Kiss – 

It involves taking someone’s earlobe between the lips and tugging gently upwards or downwards. This kiss can be made more intense by gently rubbing the tongue in a circular motion on the earlobe.

The Butterfly Kiss – 

This type of kiss involves getting close to someone so that your eyelashes touch. Just before kissing the lips, blink very fast so that eyelashes flatter very fast just like the butterfly wings. This type of kiss is usually done for fun.

The Upside-Down Kiss

This type of kiss originates from the Spiderman movie. it is a romantic kiss It is also known as the spiderman kiss. It involves kissing a person whose head is upside-down from yours. This way your bottom lip kisses their top lip and vice versa.  

Lingering Lip Kiss

This is a closed mouth kiss that lasts for more than 20 seconds. The tongue is not involved in this kiss. Lingering lip kisses involve the lips only. This kiss serves as an indication of deep love.

The Cheek Kiss – 

This is a closed mouth kiss on someone’s cheeks. This kiss is often used as a greeting with a kiss on each cheek. It is a friendly sign of affection for anyone you know and love.

The Peck – 

The peck is a short tight lipped kiss on the lips or cheeks. It is used as an expression of friendship. A peck can also spark romance between two people. If you don’t get over it, just make him/her your lover.

The Lip-Gloss Kiss – 

This is a fun kiss. It involves putting on a harmless amount of ChapStick or lip gloss on the lips and then rubbing it on your partner’s lips until they are also coated. It is recommended that you use a lip gloss that is sweet and flavored to surprise your partner.

Secret Message Kiss – 

This is basically a French kiss with a ‘secret message’. It involves spelling out a message to your partner in the in the middle of a French kiss. This kiss is useful if you want to pass a romantic message to your partner.

The Lizard Kiss – 

This kiss involves sticking your tongue in and out of your partner’s mouth. It is done in quick strokes. The lizard kiss is usually practiced just for fun.

The Air Kiss

The air kiss is used as a form of greeting to friends and family. It is done by resting your cheeks on or near someone’s cheeks and then producing a kissing sound.

The Angel Kiss

This kiss involves kissing someone gently on the eyelids or on a spot near the eyes using the lips. This type of kiss indicates deep affection and is mostly used when saying goodbye to someone or when waking up a loved one.

The Biting Kiss

This is an open mouthed kiss that incorporates the tongue just like the French kiss. The only difference between this kiss and the French kiss is the fact that the teeth are also put into use. The teeth gently grab your partners tongue as you kiss.

The Neck Kiss

As the name suggests, neck kissing involves kissing someone’s neck. Most people love doing it after French kissing for a while. You have to learn to keep the saliva ‘light’ to execute this type of kiss perfectly. Use only your lips and do not suck hard to prevent you mouth from producing much saliva.

The Vampire Kiss

It is done for fun. This is a deep kiss on your partner’s neck. It also involves light biting and sucking. Some people might find this kiss not sexy, therefore it is important to find out whether your partner likes it or not.

The Jawline Kiss

It is done by people who are used to each other. You should never try this kiss on someone you just met. A jawline kiss is a firm kiss on the lower side of the jaw where the neck meets the jaw. It is usually fun to kiss someone’s jawline after having some intense French kissing.

The Teaser Kiss

This kiss begins from the forehead, to the lips and then down to the arms and hands. On reaching the hands, the sequence is reversed from the hands then up to the lips and forehead. This kiss can be quite useful if you want to turn on your partner and make them want more. With all these types of kisses, kissing will never get boring. The most important thing is finding out the types of kisses that you and your partner enjoy. Please feel free to add to the list, or just share your thoughts on this post and kissing in general in the comments! 

Different Types of Kisses And What They Mean

why use google adsense to earn

As a blogger, you must hear about Google Adsense program.Almost every professional blogger earn their first buck from Google Adsense.Even I have made my first $10 from Google Adsense, and this is the most successful monetizing technique for my blog too.There are other monetizing methods also available, but Adsense works well for me.

Have you observed that all the beginners started their journey with Google Adsense or before entering into this field they were aware of Google Adsense why? I have sorted out some reasons for why people are going for Adsense instead of other monetizing techniques.Before starting let’s have a look about Adsense.

Google Adsense is a modern monetizing technique by Google by which you can place ads on your blog.If the readers click on this ads, then you will get paid accordingly depends on the ads and various other factors.It’s fascinating that the ads which you place on your blog are related to your content.The intention behind this is readers will see the targeted ads, and they will click it to get more knowledge about why they are searching for.

As a blogger, you must hear about Google Adsense program.Almost every professional blogger earn their first buck from Google Adsense.Even I have made my first $10 from Google Adsense, and this is the most successful monetizing technique for my blog too.There are other monetizing methods also available, but Adsense works well for me.

Have you observed that all the beginners started their journey with Google Adsense or before entering into this field they were aware of Google Adsense why? I have sorted out some reasons for why people are going for Adsense instead of other monetizing techniques.Before starting let’s have a look about Adsense.

Google Adsense is a modern monetizing technique by Google by which you can place ads on your blog.If the readers click on this ads, then you will get paid accordingly depends on the ads and various other factors.It’s fascinating that the ads which you place on your blog are related to your content.The intention behind this is readers will see the targeted ads, and they will click it to get more knowledge about why they are searching for.

Easy to use

Once approved you just need to create ads and place that script wherever you want.If you see the new interface of Google Adsense, it’s very easy to understand, smooth.Google has created this UI to know each expertise people from beginner to expert.

One accounts for all blog

The best thing about Adsense is that you can use one Adsense account for all your blog.It means you can place ads on all your blogs.Now the question is that how you can see the performance of all your blog and which blog is earning what amount, that’s very easy to track with Google Adsense dashboard.You don’t have to create the new account for your new site.I would recommend you to have only one account.

Customer Support

Google has provided the client’s support for Adsense.Now you can call their customer support and ask any queries that you have.They will immediately get back to you with the solution.

Payment method

Now, getYou can quickly withdraw the amount to your bank account directly.Google has now started the EFT transfer for almost all countries.If your number gets reached to the threshold($100), then it will be automatically deposited to your bank account.

Ads format

This features makes Adsense distinct from other monetizing programs.You can create some ads format which is suitable for your blogs ads space.You can also customize your Adsense ads according to your website color.You will allow creating text ads, runs image ads or both run according to your blog content.One interesting ads format which I have seen on some blog is that matched content by which Google will display the matched content on your/other blog as ads.So that their is maximum chances to get clicked by readers.Matched content ads are available for some blog only having maximum traffic.If your traffic will reach that threshold then matched content ads will be enabled for your blog too.It’s just similar to related post widget which you set for your blog.

Block Ads features

If you have observed that the CPC rate of some ads is too low, then you can block that particular ad.You can block the ads that are not performing well.Some bloggers do this as if their ads is not performing well.

Approval process

You can put Adsense ads on your website even if you don’t have much traffic.Others ads networks have the limitation of this minimum traffic level.With little traffic, you can earn few dollars.I agree that it’s difficult to get approved by google Adsense but once your Adsense will get approved no one wiill stop to become productive.
If you want to add some more features of Google Adsense by which you have attracted to it, then do comment and lets other readers will come to know.

Article By: Amit Kharade

Reason For Choosing AdSense Over Other Monetizing Techniqs

eeu cookie law

All blogspot users are recently informed in their dashboards that European Union (EU) laws require all publishers to give EU visitors information about cookies used on their blogs. For that reason Blogger team has automatically added a notice bar on all blogs to help meet these regulations. The notice lets visitors know about Google's use of certain Blogger and other cookies used on these blogs, including Google Analytics and AdSense cookies. It is a publisher's responsibility to ensure that the Notification bar must be clearly visible on the blog and must not be disabled in any case using CSS or JavaScript unless the publisher is already displaying a custom bar notifying users about the use of cookies on his site.

eu cookie notification on blogger

Will Blogger Show The notice on Custom Domains also?

Of course it will!

Note that all blogspot blogs which are using the default Domains ( country-code Top Level Domain or ccTLD) or custom domains (such as .com, .net, .org etc.) will automatically show the following sticky Notice at the top of the page when a user visits that blog from a browser in a European Country:
This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies.Learn More Got it
The message will disappear when the user clicks Got it.

Is it shown on all Country Specific URLs ccTLD?

It will be shown only to visitors from European Union associated countries like Italy, France, UK, Denmark, Sweden, Greece, Germany etc.

You won't see the notice outside of the EU.

How to see the Notice if you are Outside European Union?

To see the notice if you’re outside of the EU, view your blog and change the country code, for example, or

If you use a custom domain, you can use a EU IP Proxy address to browser your site. A Simple trick is to add the following string parameter just after your custom domain:

Can We Hide or Disable the EU Cookies Notice?

Yes you can but only if you are already displaying a custom message using custom script on Top of your blog which informs users about the use of cookies on your site. If you are not using any such script to inform readers about cookies then you are obliged to display the Blogger Default notice instead. You must not choose to avoid informing readers about the use of Cookies on your blog. Doing such may cause your blog to get banned.

If you are already using a custom script to inform readers about Cookies used by 3rd part services on your blog and the message clearly links to your Privacy Statement page then you can surely choose to disable the default notice by add the following script just above </head> tag inside your template.

<script type="text/javascript">  

cookieChoices = {};


You must not try to hide this notice bar like we normally hide the Blogger navbar. If in case you have not hidden the blogger navbar then the message will look like this:

EU cookies notice when navbar is enabled

If you have chosen to hide the navbar then the message will display like this:

EU cookies notice when navbar hidden

The default Notice is a long lengthy text with dull colors, in order to make sure to display a custom Short message to your readers that may also match your Template color theme then follow the steps below:

  1. Go To blogger > Template > Backup your template
  2. Click Edit HTML
  3. Paste the following code just below ]]></b:skin> tag
<!--Custom EU Cookies Notice by>
<script type="text/javascript">
cookieOptions = {
msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.",
link: "",
close: "Got it!",
learn: "Learn More" };
<style>.cookie-choices-info {z-index:999999!important;background-color:#333333!important;border-bottom: 1px solid #6FC415;
box-shadow: 1px 2px 2px #000!important; padding:3px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#dddddd!important;}.cookie-choices-info .cookie-choices-button{ background-color: #6FC415!important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000!important; padding:6px!important;text-transform: none!important;}</style> 

You can make the following customizations if you want:

  • Replace the black bolded text with any message you may like.
  • If you want you can replace the yellow highlighted link with your Custom Privacy Statement page else you can leave it as it is because the default link points to Blogger's Privacy page for Cookies info.
  • To change Notice Bar background color edit #333333
  • To change the green border that appears at the bottom of the bar edit #6FC415
  • To change the background color of Buttons edit #6FC415
  • To change the font color edit #dddddd
 4.Save your template and you are all done!

Customize Blogger EU Cookies Notification Bar

So just what is Bootstrap? You can go over to their site and read up, but, at a very high level it is designed as a starter kit for dynamic web UI layouts that utilize CSS and Javascript for a great user experience. If you've seen sites like this one, or this other one - you'll see how Bootstrap can be beautifully extended. In the case of Blogger almost all of their templates are very static and were designed in the 2005-2010 time frame. In the last few years the web has exploded with new, dynamic web frameworks that have reactive interactivity without page refreshes.

The easy path to my task would have been to strip out the entire Blogger template and add Bootstrap in its place as some of these template providers have done. But, if you read my Best Blogger Templates article you know that I am a stickler for keeping Google Blogger as pure to its original intent of a dynamic layout and user substitution of design elements vs a copy-paste of some Wordpress or other template like Bootstrap and just getting it to work.

If you want to try this I've at least laid down a path that will get you past the hardest parts (let me just say I spent days trying to get some of the Bootstrap basics up!)  The key to merging templates is trying to navigate the structures and naming collisions so that both can work. Some of the functionality simply won't work directly in certain cases (such as the header image gadget). But, a creative Javascript programmer could solve some of these small problems - and, in the interest of time I needed to get the basics completed. If you want to try this you must understand web page html basics or otherwise you'll be lost. So, let's get started.

Stripping Out Blogger Templates

The first step is to pick a basic Blogger template and strip out a significant portion of the layout without damaging the Blogger functionality. I chose the Simple template as a the easiest path. What we'll be doing is removing most of the CSS, div tags and Variables to reduce the Blogger template down to its essential layout components so that both the Layout editor and Template editor can still work. (In many external Blogger template seller sites that have modified templates for sale or are free, the designers just strip away everything and render the Blogger editors basically useless).

This might be the hardest part of this tutorial for you. So, be aware you might want to practice on a test blog first. Remember, the goal is to keep Blogger functionality (template design and layout gadgets). Given that, the first step is to set the template to it's simplest form.  Be sure you started with the basic white Simple template. Choose the 'Template' main menu item and then click the 'Customize' button:

Set the template to the simplest single page and column layout pressing the 'Layout' menu like this and press the 'Apply to Blog' button on the upper right:

use bootstrap for blogger

Go 'Back to Blogger' and now select the 'Edit HTML' button. You will now be within your template. Find the section near the top called <b:skin> and expand it by clicking on the small black arrow next to it. Using your mouse highlight everything from line 27 down to about line 488 in my example (your line number might be slightly different) down to the ]]></b:skin> section and delete it - insuring you don't delete the ]]></b:skin> tag itself. The starting line you highlight must start with the <Group tag as show in my image. (Note: we're keeping the first few lines of the skin for later work). We're deleting all of the template's CSS here:
bootstrap for blogger -

bootstrap for blogger -

Press the 'Save Template' button. If you made an error the template editor will let you know. Next, find the section and expand it in the editor. Remove all of the CSS between the <![CDATA[ line and the ]]> line (but not removing those 2 lines) like this:

bootstrap for blogger -

Press the 'Save Template' button again.

Next, we're going to remove the core template <div> tags that are outside the gadgets (note that gadgets themselves contain <div> tags as well but we'll keep those for now).  This is a very tricky step but you'll find that the template editor is your friend here. As you remove <div> tags the editor will highlight the ending </div> tags that are mismatched.

The key to this step is that certain elements of the template need to stay in place so that the layout editor continues to function. The best way to do this is to remove small sets of <div> tags and then try to save to find which ending </div> tags to remove. The first set to remove is everything just after the Navbar gadget up to the <header> tag (the first tag should be <div class='body-fauxcolumns'>):

bootstrap for blogger

bootstrap for blogger template -

You'll have to try and keep saving the template after you delete this section above until you find all of the ending </div> tags to remove farther down in the template (be sure to keep the ending </header> tag. Continue to remove sections of <div> tags being very careful to keep any parts called <b:section and the lines in-between to the ending </b:section like this:

bootstrap for blogger template -

You're going to keep doing this through the template until all <div>s are gone by continually saving and removing (but keeping any div tags that are within a <b:widget section). Now that you've completed this step your template is now fully clean but should be able to still be functional in the main menu Layout section (try adding and deleting some Gadgets to verify). Also, the 'Customize' button should still work partially to add and remove right or left hand columns or footers in the 'Layout' section without any issues. Be sure to verify this. Congrats! You now have a Bootstrap ready template.

Adding Bootstrap Components to Blogger

Bootstrap utilizes the JQuery Javascript engine for part of its functionality as well as its own Javascript library. What we'll be doing in this step is adding the javascript library links and the Bootstrap CSS to the template.  One BIG problem to solve in this step is the naming collision of the Bootstrap CSS components with the Blogger names. I will get to that in a bit.

Meanwhile, just add these library components just before the ending </body> tag of your clean template:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src=''/>

<!-- Include all compiled plugins (below), or include individual files as needed -->

<script crossorigin='anonymous' integrity='sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS' src=''/>

Like this:

bootstrap for blogger - trickdump

Go ahead and save the template being sure to test that you can preview it without any errors (yes, the template will look a bit odd at this point.)

Next step is to add the header information. Copy these  lines and paste them just after the <head> tag right at the top of the template as shown below:

 <meta charset='utf-8'/>
    <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

   <!-- Bootstrap -->
    <!-- <link crossorigin='anonymous' href='' integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7' rel='stylesheet'/> -->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src=""></script>
      <script src=""></script>

These are the necessary mods for the mobile and browser compatibility settings. You've probably noticed that I commented out the bootstrap.min.css code here. This is because of the naming collisions with Blogger I noted earlier. What we're going to do is to get a copy of this CSS code, modify it and then place it in the <b:skin> section of Blogger's template.

Modifying Bootstrap's CSS Code

The best way to do this is to copy the Bootstrap CSS link of the bootstrap.min.css above (click on this line to get to the link).  You should see the Bootstrap CSS in a new browser window now.  Do a Select All and copy/paste this code into a text editor. Use the editor to do a global replace of any text with 'navbar' to 'navbar2'. You can see where my first instance of 'navbar' was changed to 'navbar2' here (there are over 50 more instances).

The reason we're doing this is due to the 'navbar' name in Blogger. It is different than Bootstrap's navbar so we have to alter the Bootstrap name. What this implies is that any time you add a Bootstrap navbar to Blogger you'll have to alter all of the navbar names to navbar2 which I'll show in a bit.

Next, just copy the modified CSS code from your text editor and paste it into your Blogger's <b:skin>.

Save your template now and make sure it works again by previewing it, checking if the Layout editor works and the template designer can alter your columns and footers.

Congratulations!! A ton of work has paid off! You now have a first functioning Bootstrap template.

Add the Bootstrap Navbar and Jumbotron

"Wait a minute!" you might ask! "I don't see anything yet!"  That's correct. You now need to add the basic Bootstrap HTML to your template. I'm assuming you understand HTML fairly well so that you can add the Bootstrap components you desire. I'm just going to place an example here by starting with the Bootstrap navbar and jumbotron sections.

One of the best parts of Bootstrap's capabilities is the flexible navbar and upper image contained in the template when you view it on different devices. This is a very simple HTML addition now - just adding the <nav class section and <div class='jumbotron' section. Let's start with the navbar.

I've chosen a dynamic navbar from the Bootstrap example webpage. You could easily choose a different one if you like how it functions. All you need to do is copy and paste the HTML code. The Bootstrap dynamic navbar scales nicely when you view the Blogger page on a full PC screen or on a small smartphone.  This particular code needs to be pasted in the Blogger template just after the <body tag and the Blogger navbar and this section right at the top of the template as shown below:

      <nav class='navbar2 navbar2-default'>
        <div class='container-fluid'>
          <div class='navbar2-header'>
            <button aria-controls='navbar2' aria-expanded='false' class='navbar2-toggle collapsed' data-target='#navbar2' data-toggle='collapse' type='button'>
              <span class='sr-only'>Toggle navigation</span>
              <span class='icon-bar'/>
              <span class='icon-bar'/>
              <span class='icon-bar'/>
            <a class='navbar2-brand' href='#'>Project name</a>
          <div class='navbar2-collapse collapse' id='navbar2'>
            <ul class='nav navbar2-nav'>
              <li class='active'><a href='#'>Home</a></li>
              <li><a href='#'>About</a></li>
              <li><a href='#'>Contact</a></li>
              <li class='dropdown'>
                <a aria-expanded='false' aria-haspopup='true' class='dropdown-toggle' data-toggle='dropdown' href='#' role='button'>Dropdown <span class='caret'/></a>
                <ul class='dropdown-menu'>
                  <li><a href='#'>Action</a></li>
                  <li><a href='#'>Another action</a></li>
                  <li><a href='#'>Something else here</a></li>
                  <li class='divider' role='separator'/>
                  <li class='dropdown-header'>Nav header</li>
                  <li><a href='#'>Separated link</a></li>
                  <li><a href='#'>One more separated link</a></li>
            <ul class='nav navbar2-nav navbar2-right'>
              <li class='active'><a href='./'>Default <span class='sr-only'>(current)</span></a></li>
              <li><a href='../navbar-static-top/'>Static top</a></li>
              <li><a href='../navbar-fixed-top/'>Fixed top</a></li>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->

Notice that I have altered any Bootstrap reference of the word 'navbar' to 'navbar2' in this code - (look for the section I've boxed in below to see where you should paste the navbar code underneath):

bootstrap for blogger

That's it! Now take a peek at the top of your template. It should look like this:

blogger customization - trickdump
The best part is now when you alter your browser window down to a small size you should see the upper right menu button drop down the very same list that was horizontal in the wide screen mode:

blogger customization - trickdump
At this point the actual menu items would have to be altered directly in the HTML code above to add your menu items and associated page links. Connecting it to the Blogger template editor would be tougher and I just wanted to get you based functionality first here.

Finally, in this tutorial I'll also add the jumbotron component. This is a large image that sits just under the navbar (if you have one) and will dynamically scale and scroll when you adjust your browser window. I found a simple image out on the Flickr Creative Commons for this particular test. If you've read my previous posts you need to add your desired image to Blogger's image pool first. All you have to do is add your image to a new Post, save it and publish it. Then revert it back to draft status. Your image is then saved on the Blogger network no matter if the post is active or not. Go back into your post and view the HTML. The image will have a long link like this -

Once you've uploaded the image you can now use this in the Bootstrap jumbotron component. What you'll want to do is to copy and paste this code just after the <header> tag and before the <b:section class='header' in the Blogger template like this:


    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class='jumbotron'>
      <div class='container'>
        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
        <p><a class='btn btn-primary btn-lg' href='#' role='button'>Learn more</a></p>

      <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>

Go ahead and save the template but not that this won't show the image yet. We'll place the image link into a jumbotron CSS section.  This CSS section needs to be copied and pasted into the <b:template-skin part of the Blogger template:
.jumbotron {
    position: relative;
    background: #000 url("") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    color: #fff;

In this code you can see the link to my guitar image with the url() section in the background. Be sure to replace your link with mine. Here is where I pasted it:

Adding the Bootstrap jumbotron CSS section

Save your template. We are just about ready to go. The last thing I want you to do is to add the single Bootstrap  <div class='container'> section around everything under the </header> tag in the Blogger template.  Just add it right after the </header> tag and place an ending </div> tag just after the </footer> tag at the end of the template.

That's it for Part 1!!!  You now have a template with a scalable navbar and jumbotron image!  The entire image and template should slide dynamically up and down when the menu is selected in a small mobile view.  Here are my examples and here is a link you can try: Enjoy!!!

Bootstrap full window view in Blogger

And now Mobile View:

Bootstrap mobile view with menu drop in Blogger

Note: copied from

Using Bootstrap with Blogger Templates

Domain names are unique identification strings containing alphabets and numbers that help businesses and individuals establish their identity in the online world. People will always need a unique domain to reach your company website on the internet as it is not possible for everyone to type out or remember the unique IP address of each website, hence domains are used as they are easy to remember for humans and are brand-able.

Examples of some domain names are :

Remember, a domain always consists of two or more parts and is always separated by a “.” dot. The two or more letters that appear in the end after the dot are referred to as the “suffix”.  In the early days of the Internet more than two decades ago, different suffixes were reserved for different types of businesses and organizations

For instance
  • .com – was meant for commercial businesses and companies.
  • .net – was used for networks and was preferred by Internet Service Providers (ISP’s).
  • .org – was used by non profit organizations such as NGO’s.
Now in 2015 , there are thousands of suffixes and a new one is released almost every week. The suffixes are no longer restricted to a particular sector, country or industry. It is however advisable to always set up your website on a .com because .com’s are an established brand and are among the oldest suffixes on the Internet. They also have a high recall value and are the most valuable among all domain suffixes.

As per the latest report released by Verisign there are more than 300 million registered domains as of 2015 and .com’s account for about 130 million registrations (45% of all registered domains) followed by .tk .

What is a free domain name ?

By definition , a free domain name is one where you are not required to pay an annual renewal fee. Most domains names are sold by a domain registrar, which is an organization or company that manages the registration of Internet domain names. A domain name registrar has to be registered with the Internet Corporation for Assigned Names and Numbers (ICANN).

ICANN is an international organization which supervises the functioning of domain name registrars and also servers as an arbiter settling disputes between customers and registrars. Example of a domain registrar –

Most .com domain names cost US$ 1 to US$ 15 (Rs 65 to Rs 1000) annually, the price varies because domain registrars give discounts to new customers and absorb some of the actual costs involved in purchasing these new domain names. Once you purchase a domain name it is valid for one year after which you will have to renew it, failing which the domain expires and can then be purchased by other users.

Free .in Domain Name

Individuals and companies can register a free .in domain name along with free web hosting from is an India based company with it’s head office in Chennai, Tamil Nadu that provides business apps to thousands of clients and company across the globe.

In a bid to encourage Indian Businesses to get online, Zoho is providing a free .in domain with lifetime hosting along with custom domain email accounts on there website. The free domain name comes with limited functionality as you cannot use it with other services and it is restricted to work only with Zoho apps. They however provide a free website builder that can be used to setup a functional company or individual website.

To register your free domain name with free web hosting and email visit follow the steps below :
  • Visit
  • Enter the domain name of the company or website that you want to establish. Remember to keep it short and easy to remember. Avoid symbols and read through this guide : How to Choose a Domain Name !
  • After you enter the domain name of your choice – click on the Check Availability button
  • If you get the message that it is available , the click on Continue
  • Enter your personal details along with PAN No or Tin.
  • Once you sign up you will receive message within 2 days with a unique token number and a confirmation link at the email address you provided while signing up.
  • You can then click on the confirmation link and enter your unique token number to claim your free lifetime .in domain name.
Note : PAN or TIN number is compulsory to avail this offer and it has to be genuine or your application will be rejected. This has been made mandatory to avoid fraud websites and multiple registrations by the same individuals.

Free .com Domain Name Registrations

Unfortunately due to the high cost of registration of a .com domain, there is currently no online service that provides a free .com domain name. However if you are tech savvy you can get a 100% free .com domain by following the steps given below :

If you are tech savvy and have blogged before, all you need to do is write a blog post about a web hosting company and submit it to receive a coupon that will give you a 100% free .com domain name. The coupon which has a value of US$ 11 (Rs 700) will allow you to redeem it online for a free .com domain registration.

Follow the steps below to get your free .com registration.
  • Visit
  • Read the instructions and conditions you need to fulfill to get a free .com domain.
  • Search for a host which you will like to review by scrolling down the page and finding it towards the end.
  • Write a high quality review of the web host by reading other reviews and add your own experiences.
  • Submit your review on the website.
  • After you submit the review, you are required to wait for at least a month before you receive the vouchers from Vouchers are sent at the start of the month after your review is published. So if you review is published in early August 2015, you will receive your gift card in the month of September 2015.
  • Redeem the coupon to get your 100% free .com

Want a free domain name instantly ?

If you want a free domain and cannot wait until Zoho authenticates your .in application or you receive a coupon for your .com domain name, head over to get it free instantly.

Want a Free .com or .in Domain Website ?

TrickDump © 2015 - Designed by | Distributed By Blogger Templates