Blogger Tips | Blogger Tricks | SEO | CSS and HTML Tricks

How To Create Table Of Content Or Sitemap For Blogger

noreply@blogger.com (Anonymous) — Mon, 01 May 2017 14:55:00 +0000

Today i will guide you to how to create Table of content or sitemap to blogger easily. Blogger doesn't provide this feature to add your blog.However, we can do it by get help of blogger archive and label. This is very easy to blogger readers to get all of your blogger articles title in one page. All article show according to every category one by one. Those who want to find any article, they can get it easily. That's why Table of content or sitemap are very useful in blogger.

Follow below guideline to How to how to create Table of content or sitemap to blogger with easy steps.

Awesome blogger widgets get it below :

Blogger Gadgets And Widgets

Demo

How To Create Table Of Content Or Sitemap For Blogger Easily

1. Go to Blogger Dashboard > Pages
2. Backup your template
3. Click on New Page
4. Click on HTML and paste below code

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="
<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>
";for(var g=0;g<postTitle.length;g++){if(a==""){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}}}h+="</table>
";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels">
<a href="/search/label/'+temp1+'">'+temp1+"</a></p>
<ol>");firsti=a;do{document.write("
<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>
");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>
");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlLC5FR20QRjP77_ETsQt0A4skOBrSO-cFjLcWXAa8odchKkaSOFbHHr2aWrHOPEk-WvwtGUoLN6uK4Cq-KzO5BqCOnxB9iW2z8GdGGzGIWhTJSdAfhgyJD5FaOZ1piGQM0R9EKchoSiVk/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://bloggertrix.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>

How To Customize Sitemap For Blogger Easily

Change http://bloggertrix.com with your blog URL
To change font color, change red and purple color code top of the code.

5. Click "Option" on right sidebar and tick comment as "Don't allow, hide existing"
6. Now you are done, Just click on publish button and view the page.

If you have any problem related to how to create Table of content or sitemap to blogger easily. Just leave a comment.I will help you.

Author Bio: Sohan Jayasinghe is the owner and author of Bloggertrix.com .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page or connect with facebook or twitter

How To Add an Instagram Widget in a Blogger Blog

noreply@blogger.com (Anonymous) — Mon, 06 Feb 2017 15:36:00 +0000

Instagram is a most popular picture and photo sharing network application for smartphones.It's also belong to social networking platform like Facebook, Twitter, and Flicker.You can register as a user in Instagram. When you post a photo or video on Instagram, It will display on your profile.So, others can follow you, like on your photos and comment on photos.Same thing also you can do, comment and like other photos. In instagram, there are 200 millions active users use a month.

Read: Best blogger Widgets 2017 for Blogger

Adding Instagram widget to blogger, you can get more facilities to your blog. Because it will show your photos in profile pages. When ever you go some where else, you can take a photo and share it on Instagram. There are more filters you can add to photos. This Instagram widget, specially design for blogger and it will show your images on blogger even they are not your follower.

By adding this Instagram widget for blogger ,You can increase your follower. Once they visit your blog and if your shared photos are interesting, they will follow you. And you have to share photos according to your blog content,for example if you doing food making blog, you can share about foods.It will easy to get more followers in Instagram.

Today, this article will explain, how to add Instagram widget to your blog site with step by step. By using this blogger widget you can customize Instagram widget appearance like background color, font color and how to show this widget on blogger.So just follow below steps.

How to Add An Instagram Widget in Blogger

1: You need to visit this site to get Instagram widget http://www.intagme.com/

2: Type Instagram username first

3: You can choose slideshow as Widget type

4: Thumbnail Size 100

5: You can select Photo Border If you want a border to photos

6: You can choose Background Color match to your template color with color picker

7: If you want to add sharing button select Yes

Note: Once yo done, click preview and check your Instagram widget appearance.

8: Once you are done click Get Code and copy it.

9: Now just login to your blogger account https://www.blogger.com

10: Go to layout on left side bar on blogger dashboard

11: Click Add Gadget, Select HTML/JavaScript gadget on popup window.

12: Paste the instagram widget code that you copied from intagme website and click Save

13: Now you can drag the widget where you want to keep and click Save Arrangement

You are done

I hope you added Instagram widget to your blog.Hence, you can share photos and videos as i said above. To change color or appearance of this Instagram widget, you can go that site and edit it as your need.

Read: Best Blogger Gadgets 2017 for Blogger

Once you added Instagram widget to blogger, you can ask your visitors to follow you. Before do it, just make sure to add few photos to your profile and profile photos as well.Then they will get trust about you profile and follow you.

If you have a question about this Instagram widget for blogger gadget, You can comment below. If this article helps you, just spend moment share with Facebook twitter and follow us on Facebook and Twitter

How to Add Blogger Contact Form for Blogger Easily

noreply@blogger.com (Anonymous) — Thu, 02 Feb 2017 15:39:00 +0000

Most of bloggers are using custom blogger contact form. For that they used third party site to get work done. It is bit complex work for beginners. Blogger launched new blogger contact form. So, this official blogger contact form and they provide stranded User interface your this new blogger widget. Therefore we have to apply new css style to make it looks nice.
Blogger contact form is very important because every visitors can contact administrator easily.So, you don't want to share your main email address directly with your blog.

Why you should use a blogger contact form

1. This is the best widget for away from third party blogger contact forms.
2. This widget developed by blogger and you can trust them than third party blogger contact us forms
3. Blogger Contact us form helps to contact administrator of the blog for some questions,Some business through this. So, this is very excellent way to get connected.
4. Blogger administrator get message immediately to his inbox.
5.If your blog provide some services, visitors can request service or information thought this blogger contact form.

How to add blogger Contact Form for Blogger widget

Before adding this blogger contact form widget. you have to activate it and apply on slidebar

1. Go to blogger.com and sign in first
2. In blogger Dashboard Click Layout on Left side bar
3. Click on ad Add Gadget (any add gadget where you want to add) and select Contact Us From

4. Now you can save it.

For now, you are successfully added contact form for blogger. Now you need to style your blogger contact form.

How to Add styles to Contact Form For Blogger

1. In Blogger Dashboard Click on Template
2. Now click on Edit HTML and Search ]]></b:skin> By (Ctrl + F)
3. Now Paste below code before ]]></b:skin>

/* Contact Form Container www.bloggertrix.com*/
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}

/* Submit button on mouseover www.bloggertrix.com */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}

4: Now Save your template. You are successfully done for now.

Your Blogger contact form looks like below

How To Add Contact Form for Blogger Static Pages

You can add this blogger contact form to static page in blogger.This is easy to add to blogger and you can make it as a contact form page. follow these guideline.

1. In Blogger Dashboard Click on Template
2. Now click on Edit HTML and Search id="ContactForm" By (Ctrl + F)

3. Now you can see a code like below.

<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

4. Now just remove the code which i mention with red color
5. Click Save Template button and save your template
6. Now click Pages on blogger dashboard and Click New Page and create a new page
7. Now switch in to HTML composer on left and paste below code.

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
Name<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<br />
E-mail *<br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<br />
Message *<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
<br />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
</div>
</div>

8. Now publish your page and you are done.

If you want, you can copy this page link and connect with your Menu bar, Then users easy to get connect with this blogger contact form.

Read more: How to add widget for blogger

This message will send to email address which you registered with blogger. If you have any request ion regarding to this add blogger contact form for blogger.

How To Start A Free Blog On Blogspot Platform

noreply@blogger.com (Anonymous) — Tue, 31 Jan 2017 16:40:00 +0000

Do you want to start a free blog ? Your answer would be Yes. How can i start it? Starting blog is not hard thing as you think. You know,These days, there are lot of platforms available to start own blog. But blogger/ blogspot is the most popular platform to start a free blog. Because there are more facilities you can get than other platforms and it is very easy to handle it if you are families with it. That's why most of people are using blogger platform to start their blogging. As a newber, I guess you are wonder how to start a blogging in blogger. Today we will guide you to how to start a free blog in blogspot. Just follow our instruction.Lets start this.

Creating google account for start a blog in blogspot

First of all, you should need a google account to start a blog in blogspot. If you don't have a google account, you can create a google account from here. Just visit that link and create a google account by providing correct information. Once you create a google account, you can use it to lot of google services like gmail. google drive and etc. Now you can sign in to blogger from here.

Guide to start a free blog in blogspot

Now you have a google account.Once you are logged in you need to press a new blog button top left corner to start a blog or click Start a free blog .You will get a new window. On that window you need to fill with blogger title, blogger address, and blogger template.

Blog title: It will show as your blog name to visitors. Make sure to add it relevant to contents you are going to write.

Blog address: This is your blog identification unique URL. It call blogger address. You will get a subdomain from blogspot. for example. blog123.blogspot.com. Make sure to choose a good names for your blog. Not your personal name. Other thing is, you can check availability of blog address. So keep changing and see whether its available for you.

Read: Top 5 Ways To Choose Right Domain Name

Blogger template: This is the design of your blog. You can choose good template style for your blog. There are lot of free blogger templates available. Good template always make your blog attractive and decent look. Just choose a one and move on.
After filled blogger title, blogger address and blogger template, you are ready to go. Just press create a blog button. Just wait for few seconds
Now your blog is just created. and there are more things to do.

How to write blog post to your blog

Even you are create a blog, It doesn't call a blog. I should have good contents. So i will explain, how to write a blog posts to your blog.To start writing your first blogger post, click Create new post link or press New post button. Once you click it, it will load a new post editor panel. So you can keep writing a post in there.

Read: How to Add Custom Web Fonts for Blogger

Write title for your blogger post

Blogger title is very important. You need to have a title for your contents and add content matching title for your article. Make sure to your title is readable for audience and catchy title.I know first article it hard to write. However, you can introduce your self for first article. Keep in mind, article title always describe it's contents.

How to Write blogger post body

Once you added article title. You can write your article body. There is two ways to write blogger article body. You can use text composer and html composer by switch it pressing two button on top left corner. If you have a knowledge in HTML, you can use it for wiring article because, there are more advantages to use it. You can use special functions, JavaScript, and special fonts. For beginners can use word processor to make their article decent. lot of options are available.

The Well-Kept Secrets of Writing Quality Web Content

There is a tool bar to customize your blogger article. Such as, change font style, change font size, change headings, alignments, colors. so you can use those options and make your article quality.
How to add image to blogger article

Most of are use image in article body. Its good for SEO. So you also can use a matching image for your article. Images can say thousands words. Hence it's better to include a image to your article and it will be a good experience for audience. Its easy to add it to blogger. First of all make ready your image in some where of your computer folder. There is a option in toolbar call insert image. once you click it. Window will popup with few options showing up. Such as, uploading image from computer, share image link and use webcam to take a picture. So you can choose upload image and upload image to your article. Once it uploaded, it will visible in blogger article. Then you can arrange it as your needs.

How to edit blogger post by setting

I think you might get confused with post setting options on right side . These are the options which you can use for blogger article. lets go through one by one

Read: Popular Mistakes That Every Bloggers Do

Label:
This is very useful to make categories for your blogger article.

Schedule:
You can publish your article for schedule date.so, you can publish few article in same time

Permalink:
Once you publish your article.,You will get a article link for your blog. Permalink help to
generate link according to your article title.

Location:
This will show your location when publish your article. this is very important for traveler
blogger.

Option:
You can allow some features on there.

Preview button:
There is a preview button option available. This will helps to preview your blogger article while writing.Therefore you can do arrangement before publishing to readers.

Save button:
Save button helps to save your blogger article. for example, if you are not able to finish wring your article same day, You can write half and keep save it for write it again. It will save in blogger without publishing to readers.

Publishing the post:
Once you done with writing article, make sure to check all things are correct without errors. Once you come to that stage, You can publish to your readers by publish button on top right corner.

Finally you published your first article. Now you are done with how to start a free blog. But this is basic things of blogging.

Note: This article for very first beginners guide to start their blog.

Don't think that you are done.There are more to go.We will talk about it next article. until that. You can work hard to keep writing good article for you blog. But make sure to write article for your readers.

Read: Add blogger widget to your blog

As a beginner leaning How to start a free blog is pretty easy. You can start few blogs not only one. But make sure to write it well structured. Write for your readers. then they will come back to read your next article. It helps to get better tanking too. Once you have good visitors, you can start monetize blog and start earning. If you have any question regarding to start a free blog in blogspot, feel free to comment bellow.
Please take a moment to share with social media and subscribe for get new article updates.

Animated Happy New Year 2017 Widget for Blogger

noreply@blogger.com (Anonymous) — Sat, 31 Dec 2016 13:14:00 +0000

This is the first bloggertrix article for 2017. Wish you happy new year 2017 for all bloggers. For this new year, most of are like to show new year wishing widget and decorations to your blog. So, This article helps to add animated Happy New Year 2017 Widget for Blogger. Today I'm gonna share unique style Happy New year 2017 widget for your blog. Its pretty easy to add to your blog. This will work for every blogger templates. I added demo for this widget. You can view it from below demo link before add it to your blog.

If you want to Add New Year 2017 Fireworks Decoration you can visit below article.

New Year Decorations :

Add 2017 New Year Fireworks Decoration for Blogger

Demo

How to add Animated Happy New Year 2017 Widget for Blog

1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find <body> and add below code just after it

<div style="position:fixed;top:0;right:40px;z-index:5000">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg9CiUD3Cdu21T1isKPxMqqUcAZvm5Mzf-Ec4h_D5Yl5yiBaUh9McxaP0oET6adF1OA0CpBk9F9OQhS5-0dhTnty2zDz4KN8vEj0LlIhhZO904bfl8ChELxsfSCZKUA608mokRl4gRkv9w/s1600/bloggertrix2017.gif" /></div>

5. Now save your Template You are done. If you have any problem related to this Happy New Year 2017 widget. Just leave a comment.I will help you. Hope you can be a successful blogger in this year..

How to Add Animate Christmas Tree Widget for Blogger

noreply@blogger.com (Anonymous) — Tue, 20 Dec 2016 15:50:00 +0000

Few more days for biggest Christmas festival. As a blog writer, you can prepare for it by decorate your blog. So, today I'm gonna share new unique tutorial about how to add animate Christmas tree widget for your blog. This will works with every blogger templates.You can check demo before add it your blog.

You can check our previous snow effects tricks.

More Christmas Decorations :

Demo

How to add Christmas Tree widget for blog

1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find <body> and add below code just after it

<div style="position:absolute;top:0;right:40px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRF_xKeuJKyQHY6ig7-bYvSoOserYNKn36_d58IV7Z1S_uQkn9yPnIHC1CoYna-xUrVY4DvZUBdCyorryYS-fkgTJROn05yrQmWhBZ-mN77qvQabxxsTLlWZz67QUCTK4_JJAFtPFHDJ8G/s1600/tree.gif" /></div>
<div style="position:absolute;top:240px;right:15px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglORiYkrZIE98-mI5NL9Swh4qNj9yTV0qUjcQtwJDAr4-6XzrF-I-0HnH31p09BjMspIHQXzVPjd6hfIGFFyEZr_LXFtDXA2-UreI4j4AqS4hY0N-iHgTi9k80W7qohpDALG2xGw0KuGY/s1600/christmas.gif" /></div>

6. Now save your Template You are done. If you have any problem related to this Christmas tree widget. Just leave a comment.I will help you.

How to add Unique Snow Falling Effect to Blogger

noreply@blogger.com (Anonymous) — Fri, 02 Dec 2016 19:02:00 +0000

Most of blogger are use snow falling effect to their blog. It is a common trend all bloggers to in specific seasons.Snow falling effects are very famous in Christmas season. Sometime, evrn we search about snow falling effects for blogger, hard to get working versions.Therefore, today we will learn how to add snow falling effect to your blog.You can check our previous snow effects tricks.

Must Read :

Demo

Awesome 3d Effect CSS Menu bar for Blogger

1. Go to Blogger Dashboard > Template

2. Find </head> tag
3. Paste below code just above it.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="http://preview.bloggertrix.com/bloggertrix_christmas/snow.js"></script> <style>
img.bg {
min-height: 100%;min-width: 1024px;
width: 100%; height: auto;
position: fixed; top: 0;left: 0;}
h1 {
font-family: 'Chelsea Market', cursive;
color: #FFF;font-size: 90px;text-align: center;line-height: 95px;font-weight: normal;
margin-top: 350px;text-shadow: 5px 5px 5px #000;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
img.bg { left: 50%;margin-left: -512px; /* 50% */}
}
html, body {
font-family: Helvetica, Arial, sans-serif;font-size: 12px; line-height: 16px; padding: 0;
margin: 0;color: #333;
}
.bar {background-color: #111;color: #f0f0f0; box-shadow: 0px 0px 2px #333;
line-height: 25px;padding: 0px 20px;opacity: 0.7;
}
.bar:hover {opacity: 1;}
.bar a {color: #DDD;}
.bar a:hover {color: #FFFFFF;}
a { color: #CCC; text-decoration: none; }
a:hover { color: #FFFFFF; }
#canvas {border: 1px solid black;position: absolute;z-index: 10000; }
#flake {color: #fff;position: absolute; font-size: 25px;top: -50px;}
#page {position: relative;}
</style>

4. Again find <body>
5. Paste below code after <body> tag.

<div id = "flake">❄</div>

6. Now save your Template You are done. If you have any problem related to this snow falling effect. Just leave a comment.I will help you.

How to Start a Profitable Niche Blog

noreply@blogger.com (Anonymous) — Wed, 23 Nov 2016 15:16:00 +0000

Now days, Starting new blog is challenging. But its a passion, mainly we all of have a problem, what is our blog will.You can start a blog talking about everything and anything. How ever these types blog are not good at all if you are target for revenue. Because, most of people are search on internet for one reason.Most of all are searching for get answer for their questions or Get solve their some problem and find information about some things.

How to find your special field for niche blog

For example, if you want to do a fashion trends you will follow a fashion blog. Because, you think that your ideas solve problems for people who search about fashion design or if you want to do a blog about mobile trends. You can write about mobile phone like android, Apple ,Sony etc. So, you can solve other problems and give information about new things people who don't know. Therefore, write down something you can do well .Then you will love it. It helps to give you a true copy of scope of the field you choose.

My ideas is, list down all of thing you can,things you like, things you enjoy, etc.It can be a big or small list. take your time and go through each topic and think. how long you can write about each topics. As a example. If you have a idea about cooking. There are lot of recipes available to talk. You can do research for new recipes also. So the topic scope is very high. Blogging is always about contents you can write. So choose a right topic for your nice blog.

Be confident for your nice blog topic.

Once you found a good topic, you can throw away other topic and focus to your niche topic. Don't go back once you selected a topic, just make sure you can do this. write a good article and try to give something to other. Then you will get enjoy of writing. you can build a good fan for your blog.

Read: Blogging basics

I hope you got a idea to find a niche blog to your blog. Next article we will talk about how to find a best keyword for your blog. we will talk about full series about blogging until get a good revenue monthly. so keep in touch.

CSS3 Button Collection With Different Hover Effects

noreply@blogger.com (Anonymous) — Thu, 11 Feb 2016 05:18:00 +0000

Awesome Css3 button collection for your blog.

Check all buttons from bloggertrix.com

CSS3 buttons collection

Demo

CSS3 BUtton Hover Effects COllaection

1. Go to Blogger Dashboard > Template
2. Find ]]></b:skin>
3. Paste below code just below it.

/*== Button hover css ==*/
button{border: 0; font-family: "Open Sans"; font-weight: 600; padding: 8px 12px; width: 120px; color: #fff; border-radius: 5px; background-color: #DB733B; cursor: pointer; position: relative; z-index: 1;}
.b1:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; bottom: 0; transition:.4s; z-index: -1;}
.b1:hover:before{height: 100%; bottom: auto; top: 0;}

.b2:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; top: 0; transition:.4s; z-index: -1;}
.b2:hover:before{height: 100%; top: auto; bottom: 0;}

.b3:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; right: 0; top: 0; transition:.4s; z-index: -1;}
.b3:hover:before{width: 100%; right: auto; left: 0;}

.b4:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; left: 0; top: 0; transition:.4s; z-index: -1;}
.b4:hover:before{width: 100%; left: auto; right: 0;}

.b5:before{content: ""; width: 0; height: 0; position: absolute; background-color: #3395D0; right: 0; bottom: 0; transition:.4s; z-index: -1;}
.b5:hover:before{width: 100%; height: 100%; right: auto; left: 0; bottom: auto; top: 0;}

.b6:before{content: ""; width: 0; height: 0; position: absolute; background-color: #3395D0; left: 0; top: 0; transition:.4s; z-index: -1;}
.b6:hover:before{width: 100%; height: 100%; left: auto; right: 0; top: auto; bottom: 0;}

.b7:before{content: ""; width: 0; height: 0; position: absolute; background-color: #3395D0; left: 50%; bottom: 50%; transition:.4s; z-index: -1;}
.b7:hover:before{width: 100%; height: 100%; left: 0; bottom: 0;}

.b8:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; left: 0; top: 0; transition:.4s; z-index: -1;}
.b8:after{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; right: 0; top: 0; transition:.4s; z-index: -1;}
.b8:hover:before, .b8:hover:after{width: 50%;}

.b9:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; left: 50%; top: 0; transition:.3s; z-index: -1;}
.b9:after{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; right: 50%; top: 0; transition:.3s; z-index: -1;}
.b9:hover:before, .b9:hover:after{width: 50%;}
.b9:hover:before{left: 0;}
.b9:hover:after{right: 0;}

.b10:before{content: ""; width: 0; height: 0; position: absolute; background-color: #3395D0; left: 0; top: 0; transition:.4s; z-index: -1;}
.b10:after{content: ""; width: 0; height: 0; position: absolute; background-color: #3395D0; right: 0; bottom: 0; transition:.4s; z-index: -1;}
.b10:hover:before, .b10:hover:after{width: 50%; height: 100%;}

.b11:before{content: ""; width: 0; height: 0; position: absolute; background-color: #3395D0; left: 0; bottom: 0; transition:.4s; z-index: -1;}
.b11:after{content: ""; width: 0; height: 0; position: absolute; background-color: #3395D0; right: 0; top: 0; transition:.4s; z-index: -1;}
.b11:hover:before, .b11:hover:after{width: 50%; height: 100%;}

.b12:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; bottom: 0; transition:.4s; z-index: -1;}
.b12:after{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; right: 0; top: 0; transition:.4s; z-index: -1;}
.b12:hover:before, .b12:hover:after{height: 50%;}

.b13:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; bottom: 50%; transition:.3s; z-index: -1;}
.b13:after{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; right: 0; top: 50%; transition:.3s; z-index: -1;}
.b13:hover:before, .b13:hover:after{height: 50%;}
.b13:hover:before{bottom: 0;}
.b13:hover:after{top: 0;}

/*= button hover with text =*/
.withText button{height: 39px; overflow: hidden;}
button span{display: block; position: relative; transition:.35s;}

.bt1 .after{top: -45px;}
.bt1 .before{top: 0;}
.bt1:hover .before{top: 45px;}
.bt1:hover .after{top: -18px;}
.bt1:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; top: 0; transition:.4s; z-index: -1;}
.bt1:hover:before{height: 100%;}

.bt2 .after{bottom: -10px;}
.bt2 .before{bottom: 0;}
.bt2:hover .before{bottom: 45px;}
.bt2:hover .after{bottom: 18px;}
.bt2:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; bottom: 0; transition:.4s; z-index: -1;}
.bt2:hover:before{height: 100%;}

.bt3 .after{left: -90px; top: -18px;}
.bt3 .before{right: 0;}
.bt3:hover .before{right: -90px;}
.bt3:hover .after{left: 0;}
.bt3:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; left: 0; bottom: 0; transition:.4s; z-index: -1;}
.bt3:hover:before{width: 100%;}

.bt4 .after{right: -90px; top: -18px;}
.bt4 .before{left: 0;}
.bt4:hover .before{left: -90px;}
.bt4:hover .after{right: 0;}
.bt4:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; right: 0; bottom: 0; transition:.4s; z-index: -1;}
.bt4:hover:before{width: 100%;}

.bt5 .after{top: -45px; z-index: 9;}
.bt5 .before{top: 0;}
.bt5:hover .before{top: -45px;}
.bt5:hover .after{top: -18px;}
.bt5:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; top: 0; transition:.4s; z-index: 1;}
.bt5:hover:before{height: 100%;}

.bt6 .after{bottom: -10px; z-index: 9;}
.bt6 .before{bottom: 0;}
.bt6:hover .before{bottom: -45px;}
.bt6:hover .after{bottom: 18px;}
.bt6:before{content: ""; width: 100%; height: 0; position: absolute; background-color: #3395D0; left: 0; bottom: 0; transition:.4s; z-index: 1;}
.bt6:hover:before{height: 100%;}

.bt7 .after{left: -90px; top: -18px; z-index: 9;}
.bt7 .before{right: 0;}
.bt7:hover .before{right: 90px;}
.bt7:hover .after{left: 0;}
.bt7:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; left: 0; bottom: 0; transition:.4s; z-index: 1;}
.bt7:hover:before{width: 100%;}

.bt8 .after{right: -90px; top: -18px; z-index: 9;}
.bt8 .before{left: 0;}
.bt8:hover .before{left: 90px;}
.bt8:hover .after{right: 0;}
.bt8:before{content: ""; width: 0; height: 100%; position: absolute; background-color: #3395D0; right: 0; bottom: 0; transition:.4s; z-index: 1;}
.bt8:hover:before{width: 100%;}

.bt9 .after{top: -45px;}
.bt9 .before{top: 0;}
.bt9:hover .before{top: 45px;}
.bt9:hover .after{top: -18px;}
.bt9:hover{background-color: #3395D0; transition:.4s;}

.bt10 .after{bottom: -10px;}
.bt10 .before{bottom: 0;}
.bt10:hover .before{bottom: 45px;}
.bt10:hover .after{bottom: 18px;}
.bt10:hover{background-color: #3395D0; transition:.4s;}

.bt11 .after{left: -90px; top: -18px;}
.bt11 .before{right: 0;}
.bt11:hover .before{right: -90px;}
.bt11:hover .after{left: 0;}
.bt11:hover{background-color: #3395D0; transition:.4s;}

.bt12 .after{right: -90px; top: -18px;}
.bt12 .before{left: 0;}
.bt12:hover .before{left: -90px;}
.bt12:hover .after{right: 0;}
.bt12:hover{background-color: #3395D0; transition:.4s;}

.bt13 .after{top: -45px; z-index: 9;}
.bt13 .before{top: 0;}
.bt13:hover .before{top: -45px;}
.bt13:hover .after{top: -18px;}
.bt13:hover{background-color: #3395D0; transition:.4s;}

.bt14 .after{bottom: -10px; z-index: 9;}
.bt14 .before{bottom: 0;}
.bt14:hover .before{bottom: -45px;}
.bt14:hover .after{bottom: 18px;}
.bt14:hover{background-color: #3395D0; transition:.4s;}

.bt15 .after{left: -90px; top: -18px; z-index: 9;}
.bt15 .before{right: 0;}
.bt15:hover .before{right: 90px;}
.bt15:hover .after{left: 0;}
.bt15:hover{background-color: #3395D0; transition:.4s;}

.bt16 .after{right: -90px; top: -18px; z-index: 9;}
.bt16 .before{left: 0;}
.bt16:hover .before{left: 90px;}
.bt16:hover .after{right: 0;}
.bt16:hover{background-color: #3395D0; transition:.4s;}
/*== Button hover css end ==*/

4. Now save your Template and get HTML Codes from below link

HTML Codes for every CSS3 buttons

Now get your HTML code from below link for each buttons.
credits: http://tympanus.net/codrops/

Colorful JQuery Unique Drop Down Menu bar for Blogger

noreply@blogger.com (Anonymous) — Thu, 30 Jul 2015 09:45:00 +0000

This is a unique colourful drop down menu bar implemented by me. Now days there are lot of jQuery menu bar tutorials available on the internet that you can use it for blogger.However i focused on to create colourful menubar. Because its hard to find a kind of menubars. I hope you like this. Please dont forget to share with your social profiles.

Check all menubars from bloggertrix.com

Bloggertrix menu bars

Demo

Awesome 3d Effect Css Menu bar for Blogger

1. Go to Blogger Dashboard > Template

2. Find </head>
3. Paste below code just above it.

<link href="http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/boilerplate.css" rel="stylesheet" type="text/css">
<link href="http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Noto+Serif' rel='stylesheet' type='text/css'>
<script src="http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/respond.min.js"></script>
<script src="http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBar.js" type="text/javascript"></script>
<style>
.menubar {width: 750px;float: left;-moz-box-shadow: 0px 0px 19px #000000;-webkit-box-shadow: 0px 0px 19px rgb(0, 0, 0);box-shadow: 0px 0px 8px rgb(0, 0, 0);padding: 7px;border-radius: 4px;position: relative;margin-top: 50px;background-color: rgb(255, 255, 255);margin-left: 23%;
</style>

4. Again find </body>
5. Paste below code just above it.

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBarDownHover.gif", imgRight:"http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/SpryMenuBarRightHover.gif"});
</script>

6. Now save your Template and go to blogger Layout
7. Click Add Gadget and select 'HTML/Javascript'
8. Paste below code.

<div class="menubar"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li style="text-indent: 10px;width:80px;height:44px;background-color:#1d75bd";><a id="navhd" href="#">Home</a></li> <li class="choosedestination"><a id="navhd" class="MenuBarItemSubmenu" href="http://www.bloggertrix.com/" style="">Free blogger tricks</a> <ul id="destination1"> <li style="height: 34px;line-height: 10px;"><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> <ul id="destination1" class="" style="margin-left: 175px;margin-top: -2px;"> <li id="desti_nav"><a href="#" class="">Item 3.1.1</a></li> <li id="desti_nav"><a href="#" class="">Item 3.1.2</a></li> </ul> </li> <li id="desti_nav"><a href="#">Item 3.2</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> <li id="desti_nav"><a href="#">Item 3.3</a></li> </ul> </li> <li class="holidaytp" style=""><a id="navhd" class="MenuBarItemSubmenu" href="http://www.bloggertrix.com/">CSS Tricks</a> <ul id="holidayt" > <li style="height: 34px;line-height: 10px;"><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> <ul id="holidayt" style="margin-left: 175px;margin-top: -2px;"> <li id="holiday_nav"><a href="#">Item 3.1.1</a></li> <li id="holiday_nav"><a href="#">Item 3.1.2</a></li> </ul> </li> <li id="holiday_nav"><a href="#">Item 3.2</a></li> <li id="holiday_nav" ><a href="#">Item 3.3</a></li> </ul> </li> <li class="retriveb" style=" width: 145px;"><a id="navhd" class="MenuBarItemSubmenu" href="http://www.bloggertrix.com/">JQuery Menu bars</a> <ul id="retrivemy"> <li style="height: 34px;line-height: 10px;"><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> <ul id="retrivemy" style="margin-left: 175px;margin-top: -2px;"> <li id="Retrivebk"><a href="#">Item 3.1.1</a></li> <li id="Retrivebk"><a href="#">Item 3.1.2</a></li> </ul> </li> <li id="Retrivebk" ><a href="#">Item 3.2</a></li> <li id="Retrivebk" ><a href="#">Item 3.3</a></li> </ul> </li> <li class="makeanen" style="width: 127px;" ><a id="navhd" class="MenuBarItemSubmenu" href="#">Make an Enquiry</a> <ul id="makenanEnquery"> <li style="height: 34px;line-height: 10px;"><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> <ul id="makenanEnquery" style="margin-left: 175px;margin-top: -2px;"> <li id="mkeinq"><a href="#">Item 3.1.1</a></li> <li id="mkeinq"><a href="#">Item 3.1.2</a></li> </ul> </li> <li id="mkeinq"><a href="#">Item 3.2</a></li> <li id="mkeinq"><a href="#">Item 3.3</a></li> </ul> </li> <li style="text-indent:10px;width: 109px;background-image: url(http://preview.bloggertrix.com/coloful_unique_dropdown_menu/js/images/naw-bar6.png);background-repeat: repeat-x; margin-left: 1px;"><a id="navhd" href="#">Contact Us</a> </ul> </div>

7. Now save your HTML/Javascript'.You are done. If you have any problem related to this unique Menu bar. Just leave a comment.I will help to you.

How to Add Custom Web Fonts for Blogger

noreply@blogger.com (Anonymous) — Thu, 02 Jul 2015 18:46:00 +0000

This is a important idea which i missed to share with you all. Its about adding custom font to your blog.This will very important for who are making own blogger template for their blog.There are lot of beautiful fonts available other web templates except to blogger templates.In blogger, you can use only stranded computer fonts like Arial Time New Roman or Verdana.If you were add font to your HTML/CSS, you had to installed to your computer.So, visitors also need to installed same fonts to see it properly.Some people still try to add fonts in this way without realizing errors.

Google web fonts is the solution for this.If you add these google font, Anybody can view your fonts without having to have the font installed on their computer.Its easier to add it to blogger. Let make your blog attractive.

Step 1: First go to Google fonts and select font.

Step 2 : Once you find a font click Quick Use icon like below.

Step 3 :On the next page, scroll down and get the “Standard” code like blow.

Step 4 : Now you can copy that link code to your blogger template. This is how it do.
Go to blogger dashboard > Template > Edit Html and paste link under <head> tag. and save
your template.

You need to add a slash / to the end of the URL, like below, otherwise blogger will show up error.

<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>

Remember to replace the font-family with your own generated font family. example like below.

h3.post-title, .comments h4 {
font-family: 'fontname';
font-size: 28;
}

If you need any help related to blogging.Contact me through email or facebook. I'm glad to help you.

How to add Amazing Multi Animate Slider for Blogger

noreply@blogger.com (Anonymous) — Thu, 11 Jun 2015 06:32:00 +0000

Image sliders always make our blog attractive.As well as it's helps to show spacial things according to your blog niche,If it is eCommerce, you can list new items or daily offer.If it is a blog and something you hope to sell through it to customers, you can list it with using slider.In other hand, by using slider we can make our blog attractive.Anyway im not going to explain it more, i just tried to let you know how important it is. For now ill stop talking about it. :D

Lets comeback to our new slider.This feature is, we can more few images with different different animations.There are more sliders i gave to you guys already. but this is different.have a look at into demo and get a idea about it.

Previous image sliders from bloggerrix
Awesome CSS Menubar For blogger

Demo

How to add Amazing Multi Animate Slider for Blogger

1. Go to Blogger Dashboard > Layout

5. Click Add Gadget and select 'HTML/Javascript'
6. Paste below code.

<style>

<link rel="stylesheet" type="text/css" href="http://preview.bloggertrix.com/Awesome_jquery_slider/awesome%20slider.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://preview.bloggertrix.com/Awesome_jquery_slider/css.css" media="screen" />

<script type="text/javascript" src="http://preview.bloggertrix.com/Awesome_jquery_slider/jquery.min.js"></script> 


<script type="text/javascript" src="http://preview.bloggertrix.com/Awesome_jquery_slider/jquery.templateaccess.plugins.min.js"></script>
<script type="text/javascript" src="http://preview.bloggertrix.com/Awesome_jquery_slider/jquery.templateaccess.revolution.js"></script>


<div class="rev_bannercontainer">
<div class="rev_banner">
<ul>


<li data-transition="curtain-3" data-slotamount="5" data-masterspeed="300" data-thumb="images/fish1.png" > <img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide1_a.jpg">
<div class="caption sfb" data-x="490" data-y="40" data-speed="6900" data-start="500" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/fish1.png"></div>
<div class="caption sfb" data-x="450" data-y="70" data-speed="7900" data-start="900" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/fish1.png"></div>
<div class="caption lfr" data-x="550" data-y="120" data-speed="3700" data-start="800" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/fish2.png"></div>
<div class="caption lfr" data-x="620" data-y="240" data-speed="4700" data-start="1000" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/fish3.png"></div>
<div class="caption lfr" data-x="490" data-y="200" data-speed="2700" data-start="800" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/fish4.png"></div>
<div class="caption lfr" data-x="660" data-y="50" data-speed="8700" data-start="800" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/fish5.png"></div>
<div class="caption lfr" data-x="377" data-y="290" data-speed="2700" data-start="800" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/fish6.png"></div>
<div class="caption lfb big_white" data-x="50" data-y="47" data-speed="900" data-start="1700" data-easing="easeOutBack" style="padding:15px;"> Revolution Slider</div>
<div class="caption lft big_white" data-x="50" data-y="119" data-speed="900" data-start="1900" data-easing="easeOutBack" style="padding:9px;">World's <span style="font-weight:normal;">#1</span><em> Parallax Slider</em></div>
<div class="caption lfr medium_grey" data-x="60" data-y="190" data-speed="300" data-start="2500" data-easing="easeOutExpo">Unlimited Transitions</div>
<div class="caption sfl" data-x="60" data-y="230" data-speed="300" data-start="2600" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/check.png"></div>
<div class="caption lfr small_text" data-x="120" data-y="228" data-speed="300" data-start="2600" data-easing="easeOutExpo">Sliding, Fading, Slots, Box Transitions<br/>
<span style="color: #ccc;">SLIDER REVOLUTION</span> has it all!</div>
<div class="caption sfl" data-x="60" data-y="280" data-speed="300" data-start="2900" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/check.png"></div>
<div class="caption lfr small_text" data-x="120" data-y="287" data-speed="300" data-start="2900" data-easing="easeOutExpo">Responsive & Mobile Optimized</div>
<div class="caption sfl" data-x="60" data-y="330" data-speed="300" data-start="3200" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/check.png"></div>
<div class="caption lfr small_text" data-x="120" data-y="328" data-speed="300" data-start="3200" data-easing="easeOutExpo">Customizable Navigation<br/>
Arrows, Bullets, Thumbs</div>
<div class="caption sfb" data-x="55" data-y="380" data-speed="1000" data-start="3500" data-easing="easeOutBack"><a href="http://www.bloggertrix.com/" target="_blank" class="button blue small">Visit Bloggertrix.com</a></div>
</li>


<li data-transition="boxfade" data-slotamount="12" data-masterspeed="300" data-link="http://www.nasa.gov" title="Visit NASA Website" data-thumb="images/thumbs/regular_thumb2.jpg"> <img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_a.jpg" >
<div class="caption lft big_white" data-x="350" data-y="80" data-speed="900" data-start="1200" data-easing="easeOutBack">The Planets</div>
<div class="caption sfl" data-x="-270" data-y="0" data-speed="700" data-start="1700" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_b.gif"></div>
<div class="caption sfb" data-x="160" data-y="210" data-speed="800" data-start="1200" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_c.png"></div>
<div class="caption sfb" data-x="210" data-y="215" data-speed="900" data-start="1300" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_d.png"></div>
<div class="caption sfb" data-x="290" data-y="220" data-speed="1000" data-start="1400" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_e.png"></div>
<div class="caption sfb" data-x="370" data-y="240" data-speed="1100" data-start="1500" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_f.png"></div>
<div class="caption sfb" data-x="410" data-y="230" data-speed="1200" data-start="1600" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_g.png"></div>
<div class="caption sfb" data-x="540" data-y="225" data-speed="1300" data-start="1700" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_h.png"></div>
<div class="caption sfb" data-x="700" data-y="210" data-speed="1400" data-start="1800" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_i.png"></div>
<div class="caption sfb" data-x="760" data-y="200" data-speed="1500" data-start="1900" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_j.png"></div>
<div class="caption sfb" data-x="825" data-y="190" data-speed="1600" data-start="2000" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide2_k.png"></div>
<div class="caption sfb small_text" style="padding:8px;" data-x="350" data-y="120" data-speed="300" data-start="2600" data-easing="easeOutExpo">The Amazing Solar System</div>
</li>


<li data-transition="slotfade-horizontal" data-slotamount="1" data-masterspeed="300" data-thumb="/images/thumbs/regular_thumb3.jpg"> <img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide3_a.jpg" >
<div class="caption sfb" data-x="340" data-y="30" data-speed="900" data-start="500" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide3_b.png"></div>
<div class="caption lfl" data-x="290" data-y="160" data-speed="700" data-start="800" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide3_c.png"></div>
<div class="caption sfb" data-x="470" data-y="300" data-speed="700" data-start="1200" data-easing="easeOutExpo"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide3_d.png"></div>
<div class="caption sfb medium_grey" style="padding:8px;" data-x="40" data-y="320" data-speed="300" data-start="1800" data-easing="easeOutExpo">Www.bloggertrix.com</div>
<div class="caption lfl very_big_white" data-x="40" data-y="50" data-speed="300" data-start="1200" data-easing="easeOutExpo" style="padding:9px;">PC</div>
<div class="caption lfl very_big_white" data-x="40" data-y="140" data-speed="300" data-start="1300" data-easing="easeOutExpo" style="padding:9px;">Tablet</div>
<div class="caption lfl very_big_white" data-x="40" data-y="230" data-speed="300" data-start="1400" data-easing="easeOutExpo" style="padding:9px;">Mobile</div>
<div class="caption lfb medium_grey" data-x="40" data-y="400" data-speed="300" data-start="1500" data-easing="easeOutExpo" style="padding:9px;"><a href="http://www.bloggertrix.com/">Visit Now</a></div>
</li>


<li data-transition="slideup" data-slotamount="20" data-masterspeed="300" data-delay="10000" data-thumb="images/thumbs/regular_thumb5.jpg"> <img src="http://preview.bloggertrix.com/Awesome_jquery_slider//images/slide4_a.jpg" >
<div class="caption lfb boxshadow" data-x="70" data-y="120" data-speed="900" data-start="500" data-easing="easeOutBack">
<iframe src="http://player.vimeo.com/video/49224248?title=0&byline=0&portrait=0;api=1" width="460" height="259"></iframe>
</div>
<div class="caption sft big_black" data-x="550" data-y="120" data-speed="300" data-start="1200" data-easing="easeOutExpo">Video Support</div>
<div class="caption sft big_white" data-x="550" data-y="157" data-speed="300" data-start="1300" data-easing="easeOutExpo">Vimeo Example</div>
<div class="caption lfb medium_grey" data-x="550" data-y="210" data-speed="300" data-start="1400" data-easing="easeOutExpo">You can easily add</div>
<div class="caption lfb medium_grey" data-x="550" data-y="234" data-speed="300" data-start="1500" data-easing="easeOutExpo">Vimeo Videos</div>
<div class="caption lfb medium_grey" data-x="550" data-y="258" data-speed="300" data-start="1600" data-easing="easeOutExpo">to your Slides</div>
<div class="caption sfb" data-x="0" data-y="0" data-speed="300" data-start="200" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/vimeo.jpg"></div>
</li>


<li data-transition="slidedown" data-slotamount="14" data-masterspeed="300" data-delay="10000" data-thumb="images/thumbs/regular_thumb6.jpg"> <img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/slide5_a.jpg" >
<div class="caption lft boxshadow" data-x="70" data-y="120" data-speed="900" data-start="500" data-easing="easeOutBack">
<iframe src="http://www.youtube.com/embed/JYKpIr1lSG0?hd=1&wmode=opaque&controls=1&showinfo=0" width="460" height="259"></iframe>
</div>
<div class="caption sft big_black" data-x="550" data-y="120" data-speed="300" data-start="1200" data-easing="easeOutExpo">Video Support</div>
<div class="caption sft big_white" data-x="550" data-y="157" data-speed="300" data-start="1300" data-easing="easeOutExpo">Youtube Example</div>
<div class="caption lfb medium_grey" data-x="550" data-y="210" data-speed="300" data-start="1400" data-easing="easeOutExpo">You can easily add</div>
<div class="caption lfb medium_grey" data-x="550" data-y="234" data-speed="300" data-start="1500" data-easing="easeOutExpo">Youtube Videos</div>
<div class="caption lfb medium_grey" data-x="550" data-y="258" data-speed="300" data-start="1600" data-easing="easeOutExpo">to your Slides</div>
<div class="caption sfb" data-x="0" data-y="0" data-speed="300" data-start="200" data-easing="easeOutBack"><img src="http://preview.bloggertrix.com/Awesome_jquery_slider/images/youtube.png"></div>
</li>
</ul>
<div class="tp-bannertimer"></div>
</div> 
</div> 

<div class="dc_clear"></div> 
<br/>
<center><h2><a href="">Back to Article</a></h2></center>


<script type="text/javascript">
var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function() {
if (tpj.fn.cssOriginal!=undefined)
tpj.fn.css = tpj.fn.cssOriginal;
tpj('.rev_banner').revolution(
{
delay:6000,
startheight:490,
startwidth:890,
hideThumbs:200,
thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
thumbHeight:50,
thumbAmount:5,
navigationType:"bullet", //bullet, thumb, none, both (No Thumbs In FullWidth Version !)
navigationArrows:"verticalcentered", //nexttobullets, verticalcentered, none
navigationStyle:"navbar", //round,square,navbar
touchenabled:"on", // Enable Swipe Function : on/off
onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off
navOffsetHorizontal:0,
navOffsetVertical:20,
shadow:1, //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows (No Shadow in Fullwidth Version !)
fullWidth:"off", // Turns On or Off the Fullwidth Image Centering in FullWidth Modus
stopLoop:"off" // on == Stop loop at the last Slie, off== Loop all the time.
});
});

7. Now save your HTML/Javascript'.You are done. If you have any problem related to this Amazing Multi Animate Slider, Just leave a comment.I will help to you.

Awesome 3d Effect Css Menu bar for Blogger

noreply@blogger.com (Anonymous) — Wed, 10 Jun 2015 06:10:00 +0000

Today i came up with new blogger widget, its a smooth 3d effect menu bar with jquery.You can add it to your blogger and make it some more nice.From the beginning, i gave lot of menu bar collection for blogger.
Did you check them all?

If not Click below link
Awesome CSS Menubar For blogger

Demo

Awesome 3d Effect Css Menu bar for Blogger

1. Go to Blogger Dashboard > Template

2. Find ]]></b:skin>
3. Paste below code just below it.

<style>
@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {width: auto;font-family: Raleway, sans-serif;line-height: 1;}
#cssmenu > ul {background: #3db2e1;}
#cssmenu > ul > li {float: left;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;}
#cssmenu.align-center > ul {font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li {display: inline-block;float: none;}
#cssmenu.align-right > ul > li {float: right;}
#cssmenu > ul > li > a {padding: 16px 20px;font-size: 14px;color: #ffffff;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;background: #3db2e1;-webkit-transition: all .3s;-moz-transition: all .3s;
-o-transition: all .3s;transition: all .3s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;
}
#cssmenu > ul > li.active > a {color: #dff2fa;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {color: #dff2fa;-webkit-transform: rotateX(90deg) translateY(-23px);-moz-transform: rotateX(90deg) translateY(-23px);transform: rotateX(90deg) translateY(-23px);
-ms-transform: none;
}
#cssmenu > ul > li > a::before {position: absolute;top: 100%;left: 0;z-index: -1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;padding: 16px 20px;color: #dff2fa;background: #19799f;content: attr(data-title);
-webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-ms-transform: translateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before { background: #3db2e1;}
#cssmenu.small-screen {width: 100%;}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
width: 100%;
text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
float: none;
display: block;
border-top: 1px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
color: #dff2fa;
-webkit-transform: none;
-moz-transform: none;
transform: none;
-ms-transform: none;
}
#cssmenu.small-screen > ul > li > a::before {
display: none;
}
#cssmenu.small-screen #menu-button {
display: block;padding: 16px 20px;cursor: pointer;font-size: 14px;text-decoration: none;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;background: #3db2e1;}
#cssmenu.small-screen #menu-button:after {
content: "";position: absolute;right: 20px;top: 17px;display: block;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;width: 22px;height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
border-top: 2px solid #dff2fa;
border-bottom: 2px solid #dff2fa;
}
#cssmenu.small-screen #menu-button:before {
content: "";position: absolute;right: 20px;top: 27px;display: block;width: 22px;
height: 2px;
background: #ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
background: #dff2fa;
}

</style>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script charset='utf-8' src='http://preview.bloggertrix.com/3d_cssmenu/script.js' type='text/javascript'/>

4. Now go to blogger Layout
5. Click Add Gadget and select 'HTML/Javascript'
6. Paste below code.

<div id='cssmenu'>
<ul>
<li class='active'><a href='#'>Home</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Company</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>

7. Now save your HTML/Javascript'.You are done. If you have any problem related to this 3d Effect Css Menu bar. Just leave a comment.I will help to you.

Top Marketing Tips for Instagram to Success Your Online Business

noreply@blogger.com (Bloggertrix) — Sat, 14 Feb 2015 16:26:00 +0000

Although being relatively young in the social networking scene, Instagram has quickly gained popularity and now boasts 300 million active monthly users. This number is only expected to grow as smartphones take over the global market. Instagram's rapid growth is due to the following reasons:

1. It's easy and fun - there are no complicated help topics or FAQs needed for someone to get started

with Instagram. The learning curve is manageable even for people who are not technologically

savvy. Better yet, the ability to apply filters, borders and other special effects allows people with

little artistic ability to drastically change their images without the need for expensive software.

2. It's free – All of the filters and other bells and whistles are provided completely free of charge.

3. It's social – Instagram allows you to capture a moment in time and then share it with your

followers instantaneously. While you can do this on Facebook, Instagram allows you to apply

different effects to capture not only the actual event, but the feeling associated with that

particular moment.

4. It's visual – visual content is more in-demand than ever before and Instagram provides a

completely visual platform.

Instagram Is An Important Content Marketing Tools

All of these reasons combined has allowed Instagram to become not only one of the biggest social networks but also has one of the highest engagement rates as well. Around 70 percent of Instagram users visit the site at least once a day with 35 percent visiting it multiple times a day. If you're just starting out with Instagram, you might not know exactly how to approach it. The following tips can help you get started and you'll soon be well on your way to being an Instagram master.

Tell a story about some important thing

While Instagram might be a visual platform, you don't need to sell visual products to join the service. At the end of the day, what will bring people to your profile is the story you tell through your images. These pictures can be of your product, customer or even your brand personality. The important part is to ensure all of your images all communicate a message that will also resonate with your audience. The best way to do this is to study up on your competitors and see what they are doing. Then ask yourself how you can differentiate yourself from them. More importantly, make sure your photos provide value to your followers.

Create own awesome contents

Just because Instagram might allow lower resolution photos doesn't mean you should use them. Use high-quality images and keep the filter use to a minimum as much as possible. If you can, use a third-party editing app instead to enhance your images before submitting them to Instagram. While images are the bread and butter of Instagram, don't underestimate the power of a good caption to your photos. They can be funny or inspirational, but above all they should encourage engagement. If you want to encourage even more interaction, as of 2013 Instagram now allows short 15-second videos. Brands have quickly adopted this new feature and have been very successful as 40 percent of the most shared Instagram videos are from brands.

Engaged with other users

Like other social networks, you need to proactively interact with other users in order to gain followers. While it might seem strange to simply comment on users who don't follow you, this is the best way to reach influences. For best results follow these steps:

Find an user with a high follower count in your niche
Like five of their photos
Comment on three of their photos

When commenting, don't just type in vague niceties. Instead, leave a thoughtful comment that adds value and can potentially start a conversation. On your own profile, be sure to add relevant hashtags to your posts and respond to comments.

Grow your followers

Your follower count won't increase overnight, but once you've figured out the images, text and hashtags that work best for you, you'll be able to attract more people to your profile.

Ivan Serrano is a journalist living in Northern California. He prefers to write about social media, marketing and small business. Ivan occasionally writes on the nationaldebtrelief.com blog, he loves practicing photography and his favorite thing to do is watch his favorite sports teams.

How to Add 2015 New Year Fireworks Decoration for Blogger

noreply@blogger.com (Bloggertrix) — Sat, 27 Dec 2014 14:53:00 +0000

Hi friends,Today i came up with new blogger tricks, its a awesome fireworks decoration for 2015 new year using JavaScript.It can be add it to your blog easily.This scripts works for every modern browsers. if you are interesting with it check below link before add it to your blogger. Hope this helps to decorate your personal blog,blogger tricks blog in this new year 2015.

Awesome Lights Effect Widget for Blogger

Demo

How to Add Christmas Lights Widget for Blogger

1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find </body> and add below code just before it

<script type="text/javascript">
// <![CDATA[
var bits=80; // how many bits
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
//                     blue    red     green   purple cyan    orange pink

var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
    if (oldonload) oldonload();
    funky();
}
}

addRVLoadEvent(light_blue_touchpaper);

function light_blue_touchpaper() { if (document.getElementById) {
var i;
boddie=document.createElement("div");
boddie.style.position="fixed";
boddie.style.top="0px";
boddie.style.left="0px";
boddie.style.overflow="visible";
boddie.style.width="1px";
boddie.style.height="1px";
boddie.style.backgroundColor="transparent";
document.body.appendChild(boddie);
set_width();
for (i=0; i<bangs; i++) {
    write_fire(i);
    launch(i);
    setInterval('stepthrough('+i+')', speed);
}
}}
function write_fire(N) {
var i, rlef, rdow;
stars[N+'r']=createDiv('|', 12);
boddie.appendChild(stars[N+'r']);
for (i=bits*N; i<bits+bits*N; i++) {
    stars[i]=createDiv('*', 13);
    boddie.appendChild(stars[i]);
}
}
function createDiv(char, size) {
var div=document.createElement("div");
div.style.font=size+"px monospace";
div.style.position="absolute";
div.style.backgroundColor="transparent";
div.appendChild(document.createTextNode(char));
return (div);
}
function launch(N) {
colour[N]=Math.floor(Math.random()*colours.length);
Xpos[N+"r"]=swide*0.5;
Ypos[N+"r"]=shigh-5;
bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
else stars[N+"r"].firstChild.nodeValue="|";
stars[N+"r"].style.color=colours[colour[N]];
}
function bang(N) {
var i, Z, A=0;
for (i=bits*N; i<bits+bits*N; i++) {
    Z=stars[i].style;
    Z.left=Xpos[i]+"px";
    Z.top=Ypos[i]+"px";
    if (decay[i]) decay[i]--;
    else A++;
    if (decay[i]==15) Z.fontSize="7px";
    else if (decay[i]==7) Z.fontSize="2px";
    else if (decay[i]==1) Z.visibility="hidden";
    if (decay[i]>1 && Math.random()<.1) {
       Z.visibility="hidden";
       setTimeout('stars['+i+'].style.visibility="visible"', speed-1);
    }
    Xpos[i]+=dX[i];
    Ypos[i]+=(dY[i]+=1.25/intensity[N]);

}
if (A!=bits) setTimeout("bang("+N+")", speed);
}
function stepthrough(N) {
var i, M, Z;
var oldx=Xpos[N+"r"];
var oldy=Ypos[N+"r"];
Xpos[N+"r"]+=dX[N+"r"];
Ypos[N+"r"]-=4;
if (Ypos[N+"r"]<bangheight[N]) {
    M=Math.floor(Math.random()*3*colours.length);
    intensity[N]=5+Math.random()*4;
    for (i=N*bits; i<bits+bits*N; i++) {
      Xpos[i]=Xpos[N+"r"];
      Ypos[i]=Ypos[N+"r"];
      dY[i]=(Math.random()-0.5)*intensity[N];
      dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
      decay[i]=16+Math.floor(Math.random()*16);
      Z=stars[i];
      if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
      else if (M<2*colours.length) Z.style.color=colours[colour[N]];
      else Z.style.color=colours[i%colours.length];
      Z.style.fontSize="13px";
      Z.style.visibility="visible";
    }
    bang(N);
    launch(N);
}
stars[N+"r"].style.left=oldx+"px";
stars[N+"r"].style.top=oldy+"px";
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
// ]]>
</script><a href="http://www.bloggertrix.com/"></a>

Hint: If you want change fireworks colors. you have to change red color code with new color codes.
4. Now save your Template.

You are done. If you have any problem related with this new blogger tricks , New Year Fireworks Decoration for Blogger. Just leave a comment or message .I will help to you.

Add Christmas Snow Falling Effect With Snowman for Blogger

noreply@blogger.com (Anonymous) — Sat, 20 Dec 2014 15:35:00 +0000

How you friends? Hope you all doing great. Christmas seasons is coming,For this 2014 season you can decorate your blog with snow falling effect.So this post will help you to add Snow falling effect for your blog. last Christmas season, i posted about how to add light decoration for your blog. if you are interesting with it check below link. Both are included with demo. Hope this help.

Awesome Christmas Lights Widget for Blogger

Demo

How to Add Christmas Lights Widget for Blogger

1. Go to Blogger Dashboard > Template
2. Backup your template
3. Click on Edit HTML
4. Find <body> and add below code just after it

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js' type='text/javascript'></script>
<script src='http://code.jquery.com/jquery-migrate-1.2.1.js' type='text/javascript'</script>
<script type='text/javascript'>
//<![CDATA[
(function(b){b.snowfall=function(a,d){function s(c,f,g,h,j){this.id=j;this.x=c;this.y=f;this.size=g;this.speed=h;this.step=0;this.stepSize=e(1,10)/100;if(d.collection)this.target=m[e(0,m.length-1)];c=b(document.createElement("div")).attr({"class":"snowfall-flakes",id:"flake-"+this.id}).css({width:this.size,height:this.size,background:d.flakeColor,position:"absolute",top:this.y,left:this.x,fontSize:0,zIndex:d.flakeIndex});b(a).get(0).tagName===b(document).get(0).tagName?(b("body").append(c),a=b("body")):
b(a).append(c);this.element=document.getElementById("flake-"+this.id);this.update=function(){this.y+=this.speed;this.y>n-(this.size+6)&&this.reset();this.element.style.top=this.y+"px";this.element.style.left=this.x+"px";this.step+=this.stepSize;this.x+=Math.cos(this.step);if(d.collection&&this.x>this.target.x&&this.x<this.target.width+this.target.x&&this.y>this.target.y&&this.y<this.target.height+this.target.y){var b=this.target.element.getContext("2d"),c=this.x-this.target.x,a=this.y-this.target.y,
e=this.target.colData;if(e[parseInt(c)][parseInt(a+this.speed+this.size)]!==void 0||a+this.speed+this.size>this.target.height)if(a+this.speed+this.size>this.target.height){for(;a+this.speed+this.size>this.target.height&&this.speed>0;)this.speed*=0.5;b.fillStyle="#fff";e[parseInt(c)][parseInt(a+this.speed+this.size)]==void 0?(e[parseInt(c)][parseInt(a+this.speed+this.size)]=1,b.fillRect(c,a+this.speed+this.size,this.size,this.size)):(e[parseInt(c)][parseInt(a+this.speed)]=1,b.fillRect(c,a+this.speed,
this.size,this.size));this.reset()}else this.speed=1,this.stepSize=0,parseInt(c)+1<this.target.width&&e[parseInt(c)+1][parseInt(a)+1]==void 0?this.x++:parseInt(c)-1>0&&e[parseInt(c)-1][parseInt(a)+1]==void 0?this.x--:(b.fillStyle="#fff",b.fillRect(c,a,this.size,this.size),e[parseInt(c)][parseInt(a)]=1,this.reset())}(this.x>l-i||this.x<i)&&this.reset()};this.reset=function(){this.y=0;this.x=e(i,l-i);this.stepSize=e(1,10)/100;this.size=e(d.minSize*100,d.maxSize*100)/100;this.speed=e(d.minSpeed,d.maxSpeed)}}
function p(){for(c=0;c<j.length;c+=1)j[c].update();q=setTimeout(function(){p()},30)}var d=b.extend({flakeCount:35,flakeColor:"#ffffff",flakeIndex:999999,minSize:1,maxSize:2,minSpeed:1,maxSpeed:5,round:false,shadow:false,collection:false,collectionHeight:40},d),e=function(b,a){return Math.round(b+Math.random()*(a-b))};b(a).data("snowfall",this);var j=[],f=0,c=0,n=b(a).height(),l=b(a).width(),i=0,q=0;if(d.collection!==false)if(f=document.createElement("canvas"),f.getContext&&f.getContext("2d"))for(var m=
[],f=b(d.collection),k=d.collectionHeight,c=0;c<f.length;c++){var g=f[c].getBoundingClientRect(),h=document.createElement("canvas"),r=[];if(g.top-k>0){document.body.appendChild(h);h.style.position="absolute";h.height=k;h.width=g.width;h.style.left=g.left;h.style.top=g.top-k;for(var o=0;o<g.width/d.minSize;o+=d.minSize)r[o]=[];m.push({element:h,x:g.left,y:g.top-k,width:g.width,height:k,colData:r})}}else d.collection=false;b(a).get(0).tagName===b(document).get(0).tagName&&(i=25);b(window).bind("resize",
function(){n=b(a).height();l=b(a).width()});for(c=0;c<d.flakeCount;c+=1)f=j.length,j.push(new s(e(i,l-i),e(0,n),e(d.minSize*100,d.maxSize*100)/100,e(d.minSpeed,d.maxSpeed),f));d.round&&b(".snowfall-flakes").css({"-moz-border-radius":d.maxSize,"-webkit-border-radius":d.maxSize,"border-radius":d.maxSize});d.shadow&&b(".snowfall-flakes").css({"-moz-box-shadow":"1px 1px 1px #555","-webkit-box-shadow":"1px 1px 1px #555","box-shadow":"1px 1px 1px #555"});p();this.clear=function(){b(a).children(".snowfall-flakes").remove();
j=[];clearTimeout(q)}};b.fn.snowfall=function(a){if(typeof a=="object"||a==void 0)return this.each(function(){new b.snowfall(this,a)});else if(typeof a=="string")return this.each(function(){var a=b(this).data("snowfall");a&&a.clear()})}})(jQuery);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[

jQuery(document).ready(function(){
   jQuery(document).snowfall({
       flakeCount : 800,
       flakeColor : "#ffffff",
       flakeIndex: 999999,
       minSize : 1,
       maxSize : 4,
       minSpeed : 2,
       maxSpeed : 8,
       round : true,
       shadow : false,
   });
});
//]]>
</script>
<style>.btriman {position:absolute;top:0;right:0;}#btrixposition {position:relative;}</style>
<div id="btrixposition"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb-Xx2Ym4-GEYz1tHrQEjo1d2GofGUf7SvO757Dq-ccxTBskZh-2KVEdlYJzapFILQJD1FXr9irXQ-FmxgjGsAM0qagxKa0cwP4nXCBHD-uX2Lz_2Tv7zvuuNa1Ti9vTXZiK4YP3JwaQkm/s1600/Bloggertrixman.png" class="btriman"/><a href="http://www.bloggertrix.com/"></a></div>

Hint: If you want, you can change above red value as your like.
4. Now save your Template.

You are done. If you have any problem related to this Christmas Lights Widget for Blogger. Just leave a comment or message .I will help to you.

What Experts are Saying About New SEO Tactics?

noreply@blogger.com (Bloggertrix) — Fri, 21 Nov 2014 15:52:00 +0000

Online presence has become even more crucial for entrepreneurs. Strong online base is a necessity for an effective PR, internet marketing and sales enhancement. The ROI (return of investment) depends largely on how well you perform in the virtual world. I have been researching and found a lot of articles with the similar title, ‘Is SEO dead?’ and I am like what! How can SEO of all the things be dead? Search Engine Optimization, if we use a little common sense, is required even more in today’s world where internet is actually ruling the business world.

No, I am not saying that SEO is still the same as the traditional practices. It has changed a lot in the past few years but where do the things remain monotonous in business? It is undeniable and even I am not refusing that the scenery of search engine optimization has changed and is still changing. All Google has done is that it has started penalizing low-quality and quantity based SEO tactics. But who doesn’t appreciate quality? SEO is now no more limited to keywords and link building as it has got its diverse components such as mobile optimization, social media marketing and other things we are going to take a closer look to in the following write-up.

Link Building is a thing of past

Not exactly the link building but yes, merely link building is past. Long gone are days when your website did well on ranking pages solely on the number of links you made. Today, not only quality links are required to lead but also a strategy to build your brand image. Since the launch of Google authorship where the content is linked to the authors’ profile, the ranking game has changed. Building your brand is a pre-step to rank well.

What is SEO then?

Let’s say SEO is dead and believe it also. Then what is the SEO industry all about today if not just link building? The real and effective SEO stands on three things and links building is one of them. The other two equally important components are content and social media. The catch is not the three individual elements but the relationship between them. The content which you must write keeping yours’ and yours’ target audience’s need in mind - if gets shared on social media more and more - will generate back-links and credibility for you. Links from high quality sources and sharing by real users is becoming a key factor to rank well, after all the basic SEO is about generating traffic and improving ranking in search engines.

All of this starts with one thing – Content

If you have done SEO and internet marketing ever, you will relate to this. The key to successful SEO today is good content. Above design and other things, users stay engaged with your website due to content. Even the social media shares are content driven. The why not give this more importance? Content marketing like SEO is not same as it used to be. The industry is maturing and now marketers focus on savvy and engaging content which brings higher ROI. Again the competition is not of quantity but the quality. It is recommended to always post good content and not even average things which are inevitabilities for building your brand.

Do not get limited to computer screens

Number of mobile users are exceeding every other day. Mobile devices are best ways to reach wide spread of your customers. Heard about Google’s Hummingbird update? It has got difficult than ever before to rank well without mobile optimized strategy. The responsive design is must but not enough. You need a different and effective strategy for mobile devices. Look around you and see how many are not using cell phones? You will hardly find anyone. Since it is very obvious, then why not do proper investment on this side of search engine optimization.

Social Media – the new addition

To rule spywares and malicious content, Google has started relying more on human signals. Hence it is of extreme importance to tell your SEO Company to make a subtle and tested plan for your social presence. Make sure your blogs have built-in sharing options to reach Google’s and other search engines’ notice. As I have explained above, social media has started intersecting with SEO in the ranking race.

At the same time as developing the SEO strategy for your website, try to compose balance in the three components from writing excellent content to building reputable links to maintaining social media presence. Customize your strategy according to your company’s strength and weaknesses and invest in a way to go closer to your niche audience. The above tips are helpful even if you are outsourcing your SEO services.

This article is written by Shara Roy. She is internet marketing strategist, working at Crocuss. She loves to share her ideas on new technologies related to internet marketing and web development. Visit author's website

Write for bloggertrix.com. We are happy to publish your article. Follow guideline here

Four Simple Tips To Improve Your Site’s Typography

noreply@blogger.com (Bloggertrix) — Mon, 13 Oct 2014 19:03:00 +0000

I’m a writer, so naturally I think that all web design ought to start with my text; the rest of the page should be be built to complement what I have written. That way of thinking puts typography front and center. I’m not the only one who thinks so, but it’s an opinion that doesn’t hold much sway among web designers; it has even less traction with businesses and bloggers. And so typography doesn’t get the attention it deserves.
Typography matters because it is what makes a site pleasant to read. You might think you have written the most informative, moving, or hilarious article that ever saw the light of day, but if the typography is so bad that people go cross-eyed when they look at it, your brilliance is going to be wasted.

Typography is a complex art-science, but a few simple tweaks to a web page’s typography can make a huge difference to readability. I’m going to give you four tips and then point you in the direction of the web’s best typographic resource.

The Well-Kept Secrets of Writing Quality Web Content

Stick To A Couple Of Typefaces

If you’re an experienced designer, you can do crazy things with font combinations and it’ll look great (probably). If you’re not a designer, don’t risk it. Stick with a couple of typefaces: preferably one for headings and one for body text. Using a serif for one and a sans serif for the other is a common choice — it’s not important if you use the serif for headings and the sans for body text or vice versa, both can work. Don’t try to be too smart with font combinations — two well suited fonts look great together; three poorly chosen fonts will ruin a page.

4 Desktop Blogging Applications For Writers

Consider Appropriate Sizes

Font sizes appropriate for print are too small for the screen. If you want people to read your content, for the love of Garamond, don’t make the text so tiny they have to zoom in or put their noses against the screen to see it.
Take a look at the text sizes on Medium for a approximation of how large your text should be, although be aware that the ideal size differs depending on the typeface, screen size, and screen resolution.

Line Spacing And Line Length

It’s not just the size of the text that matters, it’s the distance between the lines of text. Cramming the lines close together makes them difficult to read. Line spacing is controlled by the line-height CSS property, which should be set to a minimum of 1.2 times the height of the typeface and probably somewhat higher, but not much higher than 1.5 or the lines will look disassociated. Line length — the distance between the first and last characters of a line of text on the screen — should be somewhere between 50 and 90 characters. It should not stretch too far across the page and certainly not from one edge of the screen to another. Shorter lines are easier to read.

Only Underline Links

This one isn’t such a big deal, but it’s a personal irritation of mine so I’m going to include it. Underlining is not a useful habit except for links. Links should be the only text that is underlined. Underlining should not be used for emphasis — that’s what bold and italics are for. It shouldn’t be used for headings, where bolding, centering, altering type size, and altering typeface are all better options.
These four tips will do wonders for your site’s readability: use conservative font combinations, increase the type size, optimize line height and length, and remove underlining. But, there’s a lot more to typography than that, most of which you’ll find in Matthew Butterick’s excellent Butterick’s Practical Typography.

How To Change Blog Links color and font style

About Graeme Caldwell -- Graeme works as an inbound marketer for Nexcess, a leading provider of Magento and WordPress hosting. Follow Nexcess on Twitter at @nexcess, Like them on Facebook and check out their tech/hosting blog, http://blog.nexcess.net/.

4 Desktop Blogging Applications For Writers

noreply@blogger.com (Bloggertrix) — Sat, 13 Sep 2014 13:32:00 +0000

If you just write the occasional blog post, then WordPress/Blogger default editor is fine, especially since its recent update. But if you are like me and write several pieces each week (or sometimes even each day), then TinyMCE’s quirks can begin to grate. If your income depends on the content you’re writing, it’s not wise to trust browser based writing environments it’s more than likely that nothing will go wrong, but I’ve experienced too many accidental refreshes and otherwise disappearing content to entrust my productivity to a web-based editor.

Thankfully, I don’t have to. There are plenty of desktop applications that integrate well with WordPress, allowing bloggers to write and publish their content without ever looking at the blogger admin dashboard. In this article, I’d like to take a look at my favorites.
The Well-Kept Secrets of Writing Quality Web Content

Byword / Marked Application

When I’m working on a Mac, the combination of the Byword text editor and the Marked markdown previewer is by far my favorite writing environment. I’ll focus on Byword here, but Marked has some very useful features, including link validation, keyword highlighting, readability statistics, and the ability to show previews with user-supplied CSS scripts.

Byword is a text editor. On the face of it, Byword is a very simple application. For me, that’s a great thing. I just want to sit down and type, but, although it looks simple, Byword actually quite feature-rich — with exactly the right features, too. Byword uses Markdown for formatting, which is a straightforward markup language that anyone can learn in an hour — and they should: it makes a huge difference to the writing experience and productivity. Byword offers excellent Markdown support, with easy-to-remember keyboard shortcuts for adding titles, links, lists, and so on.

But Byword wouldn’t deserve palace on this list if it couldn’t publish to WordPress. In fact, Byword can publish to WordPress, Blogger, Tumblr, and Evernote. Publishing is a Premium feature, but it’s not expensive and well-worth the price to omit the cut-and-paste-into-Wordpress stage of blogging.
Because Byword is available for the Mac, iPad, and iPhone, users can publish from anywhere.

Marsedit desktop blog editor

This is another tool for the Mac users out there. I couldn’t write a post about desktop blogging software without including Marsedit, the blogging tool of choice for many, including John Gruber, creator of Markdown, although Marsedit does brilliantly with Rich Text too.

Byword is an excellent text editor for writers, but Marsedit is a full-fledged blog editing tool, which is compatible with WordPress, Tumblr, Typepad and dozens of other content management systems. It features excellent media support, with one-click image insertion from a variety of sources. If you like, you can even integrate your favorite text editor with Marsedit, including BBEdit and TextMate.

Windows Live Writer

Windows Live Writer is getting a little long in the tooth, but it’s still the best Windows tool for publishing to WordPress. It offers many of the same features as Marsedit, except without the Markdown support. If you’re a WordPress blogger who prefesr to work in a Windows environment, Windows Live Writer should be your first port of call.
How to Write Your Blog in a Successful Series

Blogilo Editor

Last, but certainly not least, is a tool for our friends who prefer the Linux desktop. Blogilo features a WYSIWYG and HTML editor, with previewing that matches your blog’s style. Users can create, modify, and delete posts, as well as schedule publication.

5 Things You Can't Forget Before Publishing Blog Post

These four are my favorites, but they’re far from the only options. What do you use? Let us know in the comments below.

About Matthew - Matthew Davis is a technical writer and linux geek for Future Hosting. Follow them on Twitter @fhsales, Like them on Facebook, and check out more of Matthew's writing on Future Hosting's web hosting blog.

7 Reasons Not to Write a Personal Blog

noreply@blogger.com (Bloggertrix) — Wed, 10 Sep 2014 14:37:00 +0000

Here you will find out why you shouldn’t write a personal blog, and some reasons why you should not write any sort of blog at all. There are plenty of articles on the Internet that claim blogging will get you rich and is fun and is the greatest thing since the invention of the car, but they are often posted to get people to buy blogging services such as hosting, content management systems and SEO (Search Engine Optimization) services. Here are some reasons why a personal blog is a bad idea.

You do not get paid to write a blog and it is work

You could be getting paid for the writing you are doing. When you write a blog post that is work. It is something that people are sat in offices doing right now and they are getting paid for it. Blogging may not seem like work at first, but after a few months it will be a slog, and you are not being paid for the slog. You are working for free and there is no way your affiliate money is going to fairly cover the amount of work you are doing. You could put the same amount of time into sweeping roads and make thirty times more than you are going to make via blogging.

Tips to Make Money Online with Affiliate Programs

It is not going to make you affiliate money in the way you think it will

Most people are disappointed by the amount of traffic they receive and amount of affiliate money they receive, and yet it is blindingly obvious if you think about it. How many personal blogs do you read? How many do your friends read? You may read the occasional blog about something that interests you, but do you read many “personal” blogs? Furthermore, how often do “you” click on affiliate adverts when you are on the Internet? Most of your clicks over the last year were probably by accident.

Few people want to read your thoughts unless you are famous

This is just a sad fact. You are not special and you are not coming up with anything that thousands of others have not come up with before you. If you think you are being original then you are not researching hard enough.

Most people run out of things to write about very quickly

This happens to most bloggers and is the number one reason why most blogs do not last longer than six months. They usually come to a halt when the hosting services expire. You are going to run out of things to write about very soon.

Most of your personal blog posts are not evergreen

An evergreen article is one that is still relevant and readable after a few months or years. For example, an article about heartbreak may be relevant for decades, but an article about how to program your VCR to record when you are out is not evergreen. Many of the personal things you write about are going to expire very quickly, which means that new readers are not going to be able to look over your old posts they will only read your most recent posts, which may make it harder to keep your readers.

There are plenty of other things you could be doing that are longer lasting

You could be carving wood figurines instead of blogging. It may not be spread around the Internet like your blog, but it will have more value and it will last longer. You could be taking a course in fixing cars or decorating houses. You could be making your dreams come true, instead of blogging onto a platform that you will probably delete in a few months when you are bored with it.

Getting no traffic and/or reading criticism will hurt your feelings

Working for six months and still having no traffic is heart breaking. It is horrible to find yourself pouring your heart into working on your blog, only to discover that nobody is reading it. The worst thing is when you do receive traffic and comments and they are negative. Some people enjoy criticizing because it makes them feel important and superior, and you are going to get that sort of thing on your comment section, and there is a chance it is going to hurt your feelings.

Killer Method To Market Your Blog And Boost Traffic
Awesome 8 Tips To Get More Traffic To Your Blog

Author Bio: Sonia J. is a professional blogger and a writer for Bestessaytips.com that helps students with creative paper writing

Easy way to Unlock Huawei HSDPA Modems Free

noreply@blogger.com (Bloggertrix) — Wed, 03 Sep 2014 13:47:00 +0000

HSDPA dongles are very famous in these days. Because most of are use HSPA dongles for browse internet.Unfortunately some dongles are locked to their service carrier.Unlocking dongles are very famous these days. Some Huawei dongle models are hard to get unlock sometime.Because Some tools are doesn't work properly..lets see, how to unlock this dongles in an easy way.

Step 1 : Go to this site

Step 2 : Now Sign in with GOOGLE + . You need to provide your email and password log in to it.
(This is safe. don't worry about it. If you are not sure create new gmail account)

Step 3 : Now click accept button like below

Step 4 : Next, Yo have to provide your Dongle IMEI number and Model like below and click
calculate button.

Step 5 : Now you need to Click Google Plus button like below.

Step 6 : Now you will get the result like below. Use NEW ALGO CODE as for your unlock code.

Add some other network sim card and add the NEW ALGO CODE you generated for your dongle and enjoy.If it won't connect create new profile for your network. If you have any problem about huawei unlocking let me know.

The Well-Kept Secrets of Writing Quality Web Content

noreply@blogger.com (Bloggertrix) — Thu, 28 Aug 2014 14:25:00 +0000

A simple way in which you can draw traffic to your website and make it more noticeable is by deploying excellent article writing techniques. The readers will always look for valuable information that will attract them every now and then to your website. All the content needs to be relevant to the main niche of your site in order to be efficient. How to write quality content is a question that many newbie writers have and here are some secrets that only the specialists know.

There are lots of resources about how to lead a SEO Campaign for your website. But SEO is for search engines. Web contents for your site visitors. So, learn how to write quality web content in successful way. Read below articles for more ideas about it.

Basic SEO Techniques For Blogger

Five Essential Content Strategies

Formatting Of the Article

The format in which the article is presented needs to be readable. This is why you should use headlines that will grab the reader’s attention. Also, you may want to deploy numbers and bullets in order to break up a really long text and make it more manageable to read. The visitors are not attracted by long paragraphs that seem to be unmanageable.

Choose proper Topics

It is vital to write articles which are related to the content of your site. This means that the readers will get a high interest in your services and products. The relevancy of the articles is what keeps the site going. Even if it is tempting to write on topics that budge you, the whole idea is to give your niche readers what they actually need.

Use correct Writing techniques

The used tone has to be friendly and easy to grasp. You should avoid being too technical. Also difficult words should be avoided by all costs. Another important strategy is to stay within the given topic. The people who read the content are looking for a certain thing. So center the article on one certain aspect and dissect it as much as possible. Besides this, you have to offer information and facts which are useful and interesting to the reader. Even if you want to write a lot, it is better to focus on shorter articles that are easier to grasp. Before publishing the articles, do not forget to check the grammar and spelling. The whole text needs to flow in a smooth manner and look professional.

How to Write Your Blog in a Successful Series

Do research before you write new article

All websites have it own unique strengths. Every author would like to increase their domain authority with popular contents so, if you do research before writing, you can understand what other contents are being offered across your marketplace. we need to understand our competition ,audience and what keywords we should focus on. Otherwise, you will miss the chance and wastage of money and time. Just write for your audience.

You have your own SEO plan and keywords. So, use them to tell your visitors to what are your contents, what include with it. Put Title tags, chapter headings. Make sure, keywords should match to your topic which you are writing.In case you do not master the above mentioned techniques, You have to follow all above techniques. Try to start your contents with your readers and find out what really want to know. So write for them. make your readers into loyal readers. Readers are our targets, Not the search engine. Always try to focus contents. It will helps to achieve both goal. Website traffic and search engine ranking

Awesome 8 Tips To Get More Traffic To Your Blog

Awesome Ways to Increase Feedburner Subscribers in Blogger

noreply@blogger.com (Bloggertrix) — Wed, 13 Aug 2014 16:51:00 +0000

Feedburner subscribers are very important for blogger development. It helps to get return visitors
to your blog. Actually this is simple to use and setup.Most of people are making mistakes that are
causing their subscribers grow slowly. There is no any single method to increase your subscribers.
Only way get subscribe to Rss feed using effective method.Many bloggers wrote about this topic.
But i want to share my ideas whats coming to my head. lets see, How we can do this.

Ways to Increase RSS feed Subscribers

Display Rss Icon On every blogger pages

I did this mistake, when i started my blog.I used Rss icon only my home page.There for i added it every single page of my blog.You can add bigger Rss icons for your blog.make sure its catchy and should be easily visible to the users.So it will helps to increases the chances of getting more subscribers to your blog.

Placement of Subscriber widget

Placement of Rss widget very important.If you choose the right place.It helps to gain your subscribers wisely.Best place to keep Rss Subcription form are imediatly after the article or top of right side bar of your blog.However i suggest you to add it to both palce.
Don't forget to add awesome style Subscriber widget to your blog.

Rss Feedburner Subscribe Widgets For Blogger

   Awesome Rss Feed Subscription Widget For Blogger
   Social Media And Rss Subscribe Widget For Blogger
   Blue Color Social Subscription Widget for Blogger
   Dark Style Rss Subscription Widget For Blogger
   Ger more In here

Ask Them to Verify their email address

Some of email subscribers just subscribe and they don't confirm their email address.Without confirming their email, they are not consider as subcribers of your blog.Therefore, you can leave a email them to verify their email address.

How to check emails of Rss feed subscribers.

1. Log in to http://feedburner.google.com
2. Just click feed title of your blog and go to feed burner dashboard.
3. Click publicize and click Email Subscriptions on left side bar.
4. Scroll down, you can see total subscribers.(counter of verify and unverified subscribers)
below to that counter, just click View Subscriber Details and view emails addresses. you can
export it if you want.
5. You can ask them to verify their email addresses by email to them.

Drive new traffic to your blog

To get some new traffic, Do blog commenting and guest posting.There have more chances to get new RSS feed subscribers from new visitors.

Write Unique contents for your audience

Your content might be valuable and unique.If people can find duplicate post somewhere else. There will have no reason to subscribe your RSS feed.Lets say, you are copy from popular blog on your niche.Your content still valuable but not unique. So,what do you think? People end up subscribing your blog exactly.

Promote your blog in blogger communications

Most of blogger are promote their Rss Feed in forums post and signatures as well.Make a habit to not only give blog URL,Just try to include RSS Feed URL as well.It helps to gain some subscribers for your blog.

If you're still not a subscriber of bloggertrix feed. You can simply add your email to "Subscribe Now" gadget on side bar or Subscriber form below to this article. Finally, after reading this article, you get to know 6 easy way to increase your feed subscribers.If you have some more own tricks to increase RSS subscribers,share below with comment.Hope this helps. good luck.

What Is The Importance Of Web 2.0 Links

noreply@blogger.com (Bloggertrix) — Tue, 15 Jul 2014 15:10:00 +0000

Getting traffic on the blogs is one of the most serious problems faced by the bloggers. With the advent in technology and introduction of new tools, the process of link building and getting the site interlinked with other social and other networks has become easier. One of the most effective ways that has been introduced recently is the Web 2.0 links. This technique can be considered as the second generation of web. It provides an opportunity to the people to share their information online. The various technologies that can be effectively collaborated with web 2.0 comprises of social bookmarking, tags, RSS, AJAX and blogs. It is one of the best ways to build links and generate traffic to your blog or website.

The technique of Web 2.0 links is an ideal tool for link building and content marketing. By implementing this tool in your SEO plan, you will surely be able to enhance the visibility of your site. You can get quality backlinks from the sites like Hub pages, Squidoo and Weebly in order to grab quality links.

If you are willing to generate more traffic towards your site by using the Web 2.0 links, there are certain things that you need to keep in mind. Most of these are available for free and simple to use. Here are some tips that will really help you enhance your website traffic.

Killer Method To Market Your Blog And Boost Traffic

* The first thing that you need to do is to sign up with the site and get your user account. Now, you need to complete your profile. Make sure you add an attractive description about yourself as well as your business. Make sure you add fresh content to your site. This will help you in boosting the popularity of the website and make use of Web 2.0 websites as links to your website. An interesting profile is the basic requirement to grab the attention of the readers.

* Another important thing in the process is to write compelling posts containing targeted keywords. Submit these posts to the web 2.0 sites. You can also add pictures and videos to enhance the visibility of your content. One of the major advantages of using the web 2.0 sites is that you can easily get in touch and interact with people who might be interested in the products you offer. Get engaged in conversations, join groups and keep sharing related and useful content to achieve your goals.
Web 2.0 links are today majorly used by the webmasters to optimize their site and grab quality links which can easily enhance the traffic on the website.

Killer Tips To Drive Traffic From Pinterest To Your Blog

noreply@blogger.com (Bloggertrix) — Thu, 19 Jun 2014 15:01:00 +0000

One of the most common problems faced by the bloggers today is generating traffic towards their blog. Most of them are not able to achieve their goals even after adopting several techniques to generate traffic towards their blog. Though most of them focus on the social media platforms like facebook, Twitter etc., there are few who use Pinterest for obtaining their goals. Pinterest has emerged out as one of the best traffic boosting sites and knowing some effective techniques will help you to a great deal in bringing your blog to number one position. You can easily derive traffic from Pinterest if you know the key tips and tricks.

Read: Killer Method To Market Your Blog
Awesome 8 Tips To Get More Traffic To Your Blog

Here are some killer tips that will help you in driving traffic from Pinterest to your blog

Select some specific blog posts

The key to getting traffic towards your blog is not just pinning any of the images or other posts. In spite of pinning the posts randomly, it would be better if you do a research beforehand and select the posts that are related to your area of interest. This will help you in evaluating the fact that there is any audience for the niche you are dealing in or not. If you find a good audience on some of the posts start pinning them as there is a great probability that the followers of that particular post will pin your blog and as a result generate traffic to your site.

Read: 5 Most Baffling Aspects of Pinterest

Create an attractive profile-

Create a profile that perfectly states your area of interest. Make sure that you put a tag line or message on your board and have some followers in the same area. An attractive profile and a good number of followers will help you in getting more followers which in turn can be a good sign for directing traffic from Pinterest to your blog.

Read: 12 Ways to Make Pinterest Work For Your Business

Update attracting and high quality pictures

Make sure that you take high quality pictures of the related products or services and update them regularly on your account. Also add a brief description and use the Meta keywords which probably enhance the visibility of your post on search engines. Following the SEO techniques on Pinterest will be of great help in appearing on the top notch positions on Google and other search engines.

Conduct a contest

Hosting a contest is one of the best ways to grab the attention of the readers and boost the traffic. During such contests, the participants either pin the content of your website or they repin the already existing pins. Creating backlinks is also an effective way to drive traffic towards your blog.

So, these are some tested methods of driving traffic from Pinterest to your blog. Make sure you make use of catchy titles and description and use the optimized keywords so that your posts and updates can easily be listed on the search engine rankings. Generating traffic is no more a problem if you know the techniques to use this powerful social media platform.

Read: How to Build Links to your Blog Organically