tag:blogger.com,1999:blog-4765613349804239212024-03-04T22:01:07.387-08:005g blogger seo5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comBlogger196125tag:blogger.com,1999:blog-476561334980423921.post-53856019716555987042017-03-26T03:30:00.000-07:002017-03-26T03:30:38.248-07:00How To Reduce Bounce Rate And Increase Traffic<div style="text-align: justify;">
<span style="font-size: large;">Traffic is the basic need of every blogger.Mostly blogger get good organic traffic but they have high bounce rate, due to </span><span style="font-size: large;">problem in navigation, blog design targeting keywords, interlinks and some other factors.High bounce rate mean low rate of </span><span style="font-size: large;">clicks on other posts of your blog.It means there is problem in your blog and need your attention and more effort.First of all </span><span style="font-size: large;">we will look at the definition of bounce rate.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoV3sPvdgOARZ56cZmb2IqZaEGdE6a1PKtiFQM_J2IBnFVQo-SXfOTUE26IrWAhCItfS7DKmLHb0_q_jfiBSnZK7G9LbR4zETjlcr1cWBjwvyIM4hqjl6Coe06Hj-dkaOq9-3bRWGj8Rs/s1600/77g55f88s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoV3sPvdgOARZ56cZmb2IqZaEGdE6a1PKtiFQM_J2IBnFVQo-SXfOTUE26IrWAhCItfS7DKmLHb0_q_jfiBSnZK7G9LbR4zETjlcr1cWBjwvyIM4hqjl6Coe06Hj-dkaOq9-3bRWGj8Rs/s320/77g55f88s.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h2>
<span style="color: #cc0000; font-size: large;">What is bounce rate</span></h2>
<span style="font-size: large;">Bounce rate is the rate of action by visitors after reading first post on your blog.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">If user go to other post of your blog or go to other tags, label and explore more thing in your blog, it means your blog</span><br />
<span style="font-size: large;">bounce rate is low and high click rate.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">If user leave your blog after reading your post it mean your blog have high bounce rate and low click rate.</span><br />
<span style="font-size: large;"><br /></span>
<h3>
<span style="font-size: large;">How to check bounce rate</span></h3>
<span style="font-size: large;">To check bounce rate login to google analytics, if you have add your add in analytics.</span><br />
<span style="font-size: large;"><b><br /></b></span>
<span style="font-size: large;"><b>How reduce bounce rate and increase click rate</b></span><br />
<br />
<span style="color: #cc0000; font-size: large;">Design and loading time</span><br />
<div style="text-align: justify;">
<span style="font-size: large;">when any user come to your time, look at the design of template and load time.If your blog take too much time to load then </span><span style="font-size: large;">user can leave your blog without visiting any page of your blog.If we talk about design of template it is also very important.</span><span style="font-size: large;">If you have not good navigation and user not find what they are looking, they will leave your page.Make sure you are using </span><span style="font-size: large;">right keywords in navigation.Do not add too much script because it increase loading time of blog.</span></div>
<span style="color: #cc0000; font-size: large;"><br /></span>
<span style="color: #cc0000; font-size: large;">Interlinks and external links</span><br />
<div style="text-align: justify;">
<span style="font-size: large;">Actually you have to force your visitor to stick to your blog.When you write new post try to add related links in your </span><span style="font-size: large;">posts.If you are adding external links, make sure external links open in new tab.If external links open in same tab then </span><span style="font-size: large;">user leave your website and have very low probability</span><span style="font-size: large;"> of coming back to your website.</span></div>
<span style="font-size: large;"><br /></span>
<span style="color: #cc0000; font-size: large;">Fresh content</span><br />
<span style="font-size: large;">content is the backbone of any blog.keep your blog up to date and add fresh and interesting articles.while writing new article </span><span style="font-size: large;">use heading, add attractive images and use simple language.</span><br />
<span style="font-size: large;"><br /></span>
<span style="color: #cc0000; font-size: large;">Final words.</span><br />
<span style="font-size: large;">It is recommended to use responsive template and make sure your blog is user friendly.Add recommended content widgets.</span><br />
<span style="font-size: large;">Design your blog according to requirement of visitors.Do not use to much external links.Aviod pop up ads.Fix 404 page not</span><br />
<span style="font-size: large;">found error.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-54393600903805676792017-03-25T03:20:00.000-07:002017-03-29T03:33:58.064-07:00100+ Instant Approval Directory Submission Sites List<div style="text-align: justify;">
<span style="font-size: large;">Directory Submission list plays important role to increase page rank.Today i will give you instant directory submission </span><span style="font-size: large;">sites list.As i already made most on directory list but that directory is also dofollow but the list given bellow </span><span style="font-size: large;">provide instant approval.</span><span style="font-size: large;">Dofollow backlinks help to get more organic traffic.this is effective way to boost your blog rankings </span><span style="font-size: large;">and your blog will come in top ten search results.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyPhrvwspMm3p6FFl4fnOeVcm8TtKJFFq7zGZ9Cw4BAnhGkG9TLud3VlJxUNWYcz7YR3r7-9f0B9-4rJB1Iy_A7CdahSdyZlQcB1PlJaf2So-xypNarm58AWB4fBZB4kRFnhNj0vcAoLI/s1600/instant+directory+list.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="instant approval directories list" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyPhrvwspMm3p6FFl4fnOeVcm8TtKJFFq7zGZ9Cw4BAnhGkG9TLud3VlJxUNWYcz7YR3r7-9f0B9-4rJB1Iy_A7CdahSdyZlQcB1PlJaf2So-xypNarm58AWB4fBZB4kRFnhNj0vcAoLI/s1600/instant+directory+list.jpg" title="huge list of instant approval directory" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h3 style="text-align: justify;">
<span style="font-size: large;">High PR Dofollow instant approval backlinks</span></h3>
<div style="text-align: justify;">
<span style="font-size: large;">You do not need to registration to submit site for instant approval.First you have to select category for your blog.</span><span style="font-size: large;">Now you have to provide the URL, title, description and keywords related to your blog.</span><span style="font-size: large;">Almost of the directories give free and paid option.Getting backlinks from directory like, Dmoz and Yahoo directory </span><span style="font-size: large;">is not easy.Free inclusion can take several months like but luckly we have few dofollow instant approval directories.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">To submit sites for instant approval, you have no need to signup</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Submit home page of your site and give description.Make some modification in description on every directory</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Select relevant category for instant submission.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Provide valid email because you may ask to verify email after submission.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #cc0000; font-size: large;">List of instant approval directory</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<textarea cols="30" rows="20">beegdirectory.com
addgoodsites.com
alive-directory.com
acedirectory.org
bestdirectory4you.com
one-sublime-directory.com
activdirectory.net
a2place.com
abstractdirectory.net
aweblist.org
bedirectory.com
adbritedirectory.com
hotdirectory.net
addirectory.org
beegdirectory.com
clicksordirectory.com
huludirectory.com
sublimedir.net
poordirectory.com
ask-directory.com
craigslistdirectory.net
upsdirectory.com
bing-directory.com
interesting-dir.com
aquarius-dir.com
facebook-list.com
ebay-dir.com
bestbuydir.com
target-directory.com
familydir.com
afunnydir.com
backpagedir.com
exampledir.com
lemon-directory.com
seooptimizationdirectory.com
domainnamesseo.com
craigslistdir.org
searchdomainhere.com
mediafiredirectlink.com
directoryanalytic.com
linkedin-directory.com
ecodir.net
advancedseodirectory.com
apeopledirectory.com
businessfreedirectory.com
411freedirectory.com
reddit-directory.com
lemon-directory.com
upsdirectory.com
unique-listing.com
www.angelsdirectory.com
fire-directory.com
alivelinks.org
asklink.org
businessfreedirectory.biz
targetlink.biz
sublimelink.org
hotlinks.biz
prolink-directory.com
alivelink.org
justdirectory.org
trafficdirectory.org
unique-listing.com
angelsdirectory.com
relevantdirectories.com
efdir.com
ifidir.com
piratedirectory.org
relateddirectory.org
relevantdirectory.biz
populardirectory.biz
directory10.biz
directory4.org
directory6.org
populardirectory.org
royaldirectory.biz
directory8.org
directory10.org
directory9.biz
directory5.org
directory3.org
directorydirect.net
globaldir.org
nicedir.net
smartdir.org
toptendir.ne
homedirectory.biz
classdirectory.org
directdirectory.org
harddirectory.net
steeldirectory.net
jet-links.com
ad-links.org
freeweblink.org
ask-dir.org
link-boy.org
free-weblink.com
freeseolink.org
justlink.org
link-man.org
smartseolink.org
</textarea><br />
<br />
<span style="font-size: large;">Final words</span><br />
<span style="font-size: large;">Do not submit your sites in one day.Now its your time boost your blog traffic.Backlinks may be take time to be indexed by search engines, so do not rush and keep patience.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-75259486551238284902016-12-08T04:25:00.000-08:002016-12-08T04:25:14.275-08:00How To Make Money With ClickBank And Blogger<div style="text-align: justify;">
<span style="font-size: large;">Today i will share trick to make money online.Actually some of new blogger think that they can only make money </span><span style="font-size: large;">with by adsense but you also have other options to make money, like clickbank.It is good alternate,click bank give commission.First i want to tell some thing about blogging because </span><span style="font-size: large;">some people do not know blogging and it is necessary to tell them about blogging.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9r73lqimp81wCjtZYruKxdo55YMQFkTHP2eTJYmxpj36TOzD2ydGh0EDDr8giFjhHIp9xOCwdweBnRdUJ39G1lvSL4L0ITm9yMpaeuaKvjbnqLCdHV_g4J1b-0hLEPiUXcGLoOX_qkM/s1600/c9898lk7sae.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="earn money with clickbank and blogger" border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS9r73lqimp81wCjtZYruKxdo55YMQFkTHP2eTJYmxpj36TOzD2ydGh0EDDr8giFjhHIp9xOCwdweBnRdUJ39G1lvSL4L0ITm9yMpaeuaKvjbnqLCdHV_g4J1b-0hLEPiUXcGLoOX_qkM/s320/c9898lk7sae.jpg" title="making money with clickbank and blog" width="320" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h2 style="text-align: justify;">
<span style="font-size: large; text-align: start;">clickbank and blog</span></h2>
<div style="text-align: justify;">
<span style="font-size: large;">Blogging is sharing your valuable </span><span style="font-size: large;">information through blog or website.You can make blog on any topic.choosing topic is very important task.Choose </span><span style="font-size: large;">topic which is unique and valuable.If you do not have blog then make a blog first.making blog is very easy, there </span><span style="font-size: large;">are many blogging platforms like blogger and wordpress.These are most popular platform and blogger is the oldest.</span></div>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">You will make money with clickbank by affiliate marketing.If you do not know about affiliate marketing, it is actually selling </span><span style="font-size: large;">others product.you have to promote and make sales of clickbank products.As i already tells that you need a blog for this, because you have to put affiliate link on your blog.</span><span style="font-size: large;">clickbank is well known affiliate marketing website and give you commission on every sale.</span></div>
<br />
<span style="color: #cc0000; font-size: large;">How to earn money with clickbank and blogger</span><br />
<h3>
<span style="font-size: large;">How to make account on clickbank</span></h3>
<span style="font-size: large;"><span style="color: #cc0000;">Step 1</span> First of all you have to make account on clickbank site.you have to provide your personal information to clickbank.After completing </span><span style="font-size: large;">registration form, you will receive email to confirm your account.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><span style="color: #cc0000;">Step 2</span> </span><span style="font-size: large;">Now login on clickbank and select product to promote.To select product click on marketplace at the top right corner of clickbank website.Now </span><span style="font-size: large;">you will see lot of category,select the relevant category and then pick product to promote.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><span style="color: #cc0000;">Step 3</span> </span><span style="font-size: large;">After selecting product click on promote button, then a pop up appears and ask to set tracking id.you can enter your name.</span><br />
<span style="font-size: large;">click create button and product affiliate link.copy that code and paste in your blog html.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><span style="color: #cc0000;">Step 4</span> </span><span style="font-size: large;">If visitor click on product link and buy it, you will get commission.Also if you have more clicks on product</span><br />
<span style="font-size: large;">you earning also increases.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">I hope it helped you to know about clickbank and how you can make money with clickbank.Now its your turn make your efforts</span><br />
<span style="font-size: large;">in to money.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-76291250070444525042016-07-07T02:21:00.000-07:002016-07-07T02:33:47.101-07:00Scrolling Text For Notification Message<span style="font-size: large;">Scrolling text is a good way to convey important message to viewers.If you have any notification or latest news that you want to share with your view then this trick may help you get your viewers attention.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1_YD-zHDM0aZnhrUGUQ_ggyAsS5WTmbssSrX7mWt7kY_1O75L1lPCmfkyx0rKTqwOcm3a4HSnbKx5O1PAVmDylw47lf86ISVYS8H-xXLZ61mBWNIADjpDJjEY-ib9CFV7kLp9YttBSwk/s1600/scroll.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="animated text notification" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1_YD-zHDM0aZnhrUGUQ_ggyAsS5WTmbssSrX7mWt7kY_1O75L1lPCmfkyx0rKTqwOcm3a4HSnbKx5O1PAVmDylw47lf86ISVYS8H-xXLZ61mBWNIADjpDJjEY-ib9CFV7kLp9YttBSwk/s320/scroll.png" title="scrolling message" width="320" /></a></div>
<span style="font-size: large;"> The first one is very simple with white background and second has</span><br />
<span style="font-size: large;">blue background.you can text and change color of background.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"> </span>
<marquee>simple scrolling text message</marquee>
<marquee bgcolor="#99CCFF">simple scrolling text message</marquee>
<marquee behavior="alternate" bgcolor="#9999CC" direction="left" scrollamount="5">simple scrolling text message</marquee>
<textarea><marquee>simple scrolling text message</marquee> <br></textarea><br />
<br />
<textarea><marquee bgcolor="#99CCFF">simple scrolling text message</marquee></textarea><br />
<br />
<br />
<textarea><marquee behavior="alternate" bgcolor="#9999CC" direction="left" scrollamount="5">simple scrolling text message</marquee></textarea><br />
<br />
<span style="font-size: large;">you can replace simple scrolling text message with your text ans save it.<br /><br />Note: you can add scrolling text in html of post or add html/javascript gadget and paste above code and save it. </span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-50478726692221116412016-06-02T00:13:00.004-07:002016-06-02T00:34:09.275-07:00Simple Blogger Post Slider With Carousel Effect<div style="text-align: justify;">
<span style="font-size: large;">Post slider is a awesome way to impress your audience.you can place this slider below header.you can add link in this post slider.you can add feature post or popular post,You can add link of your choice its totally customize widget to add any link for slider in blogger.you have no need to edit your template, just add this widget in gadget of html/javascript by going layout of blogger.this slider become in action when you mover your cursor over slider image and if you click on image it will redirect to link of post you added.when you move cursor toward right slider post move to show more post behind while moving toward left it show more post same wise.</span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihPUjrkn75itTe_SH8hz2Q8RxViRZDU2dwQvceUixB2-or-80ojhcS-2rqqkD3G6eu_oCjXKvRqIdwM46kOBJgb4C302zgDMg-yM3h3rsVx7BbAne8B9P0IQ3Q0QO5XMioUJ0u6KQesyk/s1600/featured+content+slider.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="feature post slider for blogger" border="0" height="234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihPUjrkn75itTe_SH8hz2Q8RxViRZDU2dwQvceUixB2-or-80ojhcS-2rqqkD3G6eu_oCjXKvRqIdwM46kOBJgb4C302zgDMg-yM3h3rsVx7BbAne8B9P0IQ3Q0QO5XMioUJ0u6KQesyk/s320/featured+content+slider.jpg" title="content slider" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span><br />
<div style="text-align: justify;">
<span style="font-size: large;">In below image you can see slider boarder is blue but we can change it.i will describe customization of slider and post.you can change url link to image and when you hover your mouse you can see title of post.It can also be change.while if you want to add more post in slider then you have to do few more step, i will also describe how to add as many post as you want in slider.</span></div>
<br />
<span style="font-size: large;"><br /></span>
<br />
<h2>
<span style="font-size: large;">How to add feature post slider</span></h2>
<div>
<span style="font-size: large;">Login to blogger account go to layout</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Add gadget of Html/javascript </span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Paste below code there.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<div>
<blockquote class="tr_bq">
<span style="font-size: x-small;"><style></span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider {</span><span style="font-size: x-small;"> height:130px;</span><span style="font-size: x-small;"> background-color:#ffffff;</span><span style="font-size: x-small;"> border:2px solid #3399ff;</span><span style="font-size: x-small;"> position:relative;</span><span style="font-size: x-small;"> margin:50px 50px;</span><span style="font-size: x-small;"> overflow:auto;</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> </span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider:before,</span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider:after {</span><span style="font-size: x-small;"> content:"";</span><span style="font-size: x-small;"> display:block;</span><span style="font-size: x-small;"> position:absolute;</span><span style="font-size: x-small;"> top:0;</span><span style="font-size: x-small;"> bottom:0;</span><span style="font-size: x-small;"> left:-4px;</span><span style="font-size: x-small;"> width:4px;</span><span style="font-size: x-small;"> height:100%;</span><span style="font-size: x-small;"> box-shadow:0 0 4px black;</span><span style="font-size: x-small;"> z-index:10;</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider:after {</span><span style="font-size: x-small;"> left:auto;</span><span style="font-size: x-small;"> right:-4px;</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;">/* CarouselSlider by 5gblogger.blogspot.com */</span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider .container {</span><span style="font-size: x-small;"> position:absolute;</span><span style="font-size: x-small;"> top:0;</span><span style="font-size: x-small;"> left:0;</span><span style="font-size: x-small;"> margin:5px 0 0 5px;</span><span style="font-size: x-small;"> width:300%;</span><span style="font-size: x-small;"> height:120px;</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider figure {</span><span style="font-size: x-small;"> display:block;</span><span style="font-size: x-small;"> background-color:white;</span><span style="font-size: x-small;"> float:left;</span><span style="font-size: x-small;"> width:150px;</span><span style="font-size: x-small;"> height:120px;</span><span style="font-size: x-small;"> margin:0 5px 0 0;</span><span style="font-size: x-small;"> position:relative;</span><span style="font-size: x-small;"> overflow:hidden;</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider figcaption {</span><span style="font-size: x-small;"> display:block;</span><span style="font-size: x-small;"> position:absolute;</span><span style="font-size: x-small;"> right:0;</span><span style="font-size: x-small;"> bottom:-50px;</span><span style="font-size: x-small;"> left:0;</span><span style="font-size: x-small;"> background-color:black;</span><span style="font-size: x-small;"> font:italic normal 11px Arial,Sans-Serif;</span><span style="font-size: x-small;"> color:white;</span><span style="font-size: x-small;"> padding:4px 10px;</span><span style="font-size: x-small;"> text-align:left;</span><span style="font-size: x-small;"> opacity:.8;</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> #BloggerSpiceCarouselSlider figure img {</span><span style="font-size: x-small;"> display:block;</span><span style="font-size: x-small;"> border:none;</span><span style="font-size: x-small;"> margin:0 0;</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> </style></span><span style="font-size: x-small;"> <div id="BloggerSpiceCarouselSlider"></span><span style="font-size: x-small;"> <div class="container"></span><span style="font-size: x-small;"> <span style="color: #cc0000;"> <figure></span></span><span style="color: #cc0000;"><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTjMw-CeQaBs6Q8Y1Rvu8nZHqkMZ3S9UWjYuazi706J8rFtJii-a1GXfqamdVwQD8H2lhE7-jK7_vtk_1OPjKntBPvQ993zW1ElAASdGd51lTp9VJUpMkJLzgzYeoxRCS38yt6tiOxTxU-/s1600/7.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlvhwswF4FaoCuX-bGWbXIXO4VURiC2Q9fll1iq2i_iOkwF1qzGvDRAWITzRJUNfXjdUx0c0wy1uJZasz4da8T3q-l-TJZxmeQlABnHJakfMZHMyPKKKh7ef9FjgvsO22BPXHtUA6bZE_X/s1600/9.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoHq3oDJYIJITOPe-gMILkA_AahJP-42Q78r8S1XmtL4QxhizieZBDvGJfcQYym3FpOoKG0jl_OpEy201xW-bVi8Z-yEv0f5YYqCuqE5L8dAsHszn6Q9872uuhDTC2DWKoKr4U192ZQt4B/s1600/10.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnNRP73MYQYPVx7FX2W6dbTZZOhcPDZDeNHVfJgdrCaT0EqxD9cV6ZNX3Ohj2_jORauqbZ0KQjKjLEC2Aerw3dpZTA4zD6ldl1o-uGe_V05TZyG-2NqNlSCUYM5fPatTql8ggNi-TPRv3E/s1600/8.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgVnb6hyo-8qNd55kEgZz7bC1Rv5QLMWkYk_KPTuMDVlyz2qxKk42Y_szUhCEq-a_3bdRROcB8qpJCUnaQvJlTK0vSPb4topcNDviwNtYiAeWim2MUnNuL6i8lE6Xy3y2l1Bhoevaxoufd/s1600/6.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQFgJcebk5BHb14Py7gb-I8ZPHYaCshpEXUwbJZBNh0PUpdZdEpBT7bIe3E-gWoJjkp_3UdFKKofeD77PTDVWEvS9CawDGJ1g1UaCMvMzU1P8HaGzjWrrXELBRbGwmiN9m8V_rSY6X3-mL/s1600/4.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOczrUjVemE-2HKkNPCXiaGRC11FQuvQtsr1YXNrQjP6MWssMoRX11uxgj0YeHqnUcPqZ9tryQd5vurn-quGKggiV8sImqp2R6Fcann7sB2OqvtmfXkjwNUssTeQpssWKDZsBlicf_D4B7/s1600/3.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption2"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMGGh7NiSYGOSObVJG_ZcfcQGpDq4JteCsxCWbUStyRD_OMKXu4mVzwC6TlToykO-Kww8yGCtLrKe499hazs2zFDBdA-cnB6SA0cgin2RSJse30kRNytwS-n8mG7skv8hutlnP0TL-s_k/s1600/2.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span><span style="font-size: x-small;"> <figure></span><span style="font-size: x-small;"> <a href="#" title="Title for Caption"></span><span style="font-size: x-small;"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPU3ey6QMPuTidu8U-Pa0BKThzCM1EOlB2INhDpRo7_69NpMmoW_YiW90WcKj-2AqlvQYkx3wud8weygjlXFRPJ1VL7f7oT7Rq2iVR3wxsYzDVCRveh2Z9CvhxweKgWsCDVOU5fyugsbaZ/s1600/1.jpg" /></span><span style="font-size: x-small;"> </a></span><span style="font-size: x-small;"> </figure></span></span><span style="font-size: x-small;"><span style="color: #cc0000;"> </span> </div></span><span style="font-size: x-small;"> </div></span><span style="font-size: x-small;"><br /></span><span style="font-size: x-small;"> <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script></span><span style="font-size: x-small;"> <script type='text/javascript'>//<![CDATA[</span><span style="font-size: x-small;"> (function($) {</span><span style="font-size: x-small;"> var config = {</span><span style="font-size: x-small;"> itemMargins: 5 // Distance between the thumbnails</span><span style="font-size: x-small;"> };</span><span style="font-size: x-small;"> var $thumbnailScroller = $('#BloggerSpiceCarouselSlider'),</span><span style="font-size: x-small;"> $container = $thumbnailScroller.find('.container'),</span><span style="font-size: x-small;"> $item = $container.find('figure'),</span><span style="font-size: x-small;"> item_length = $item.length,</span><span style="font-size: x-small;"> item_width = $item.outerWidth(),</span><span style="font-size: x-small;"> item_margin = config.itemMargins,</span><span style="font-size: x-small;"> total_width = (item_width + item_margin) * item_length,</span><span style="font-size: x-small;"> $window = $(window);</span><span style="font-size: x-small;"> $thumbnailScroller.css('overflow', 'hidden');</span><span style="font-size: x-small;"> $container.css('width', total_width);</span><span style="font-size: x-small;"> // Auto caption builder & hover effect</span><span style="font-size: x-small;"> $item.each(function(cap) {</span><span style="font-size: x-small;"> if ($(this).children().attr('title')) {</span><span style="font-size: x-small;"> cap = $(this).children().attr('title');</span><span style="font-size: x-small;"> $(this).children().removeAttr('title');</span><span style="font-size: x-small;"> $(this).append('<figcaption>' + cap + '</figcaption>');</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> }).hover(function() {</span><span style="font-size: x-small;"> $(this).find('figcaption').stop().animate({</span><span style="font-size: x-small;"> bottom: 0</span><span style="font-size: x-small;"> }, 200);</span><span style="font-size: x-small;"> }, function() {</span><span style="font-size: x-small;"> $(this).find('figcaption').stop().animate({</span><span style="font-size: x-small;"> bottom: -50</span><span style="font-size: x-small;"> }, 200);</span><span style="font-size: x-small;"> });</span><span style="font-size: x-small;"> $window.on("resize", function() {</span><span style="font-size: x-small;"> var o_l = $thumbnailScroller.offset().left,</span><span style="font-size: x-small;"> t_w = $thumbnailScroller.width(),</span><span style="font-size: x-small;"> c_w = total_width;</span><span style="font-size: x-small;"> $thumbnailScroller.on("mousemove", function(e) {</span><span style="font-size: x-small;"> if ($(this).width() < $container.width()) {</span><span style="font-size: x-small;"> $container.css('left', -((e.pageX - o_l) * (c_w - t_w) / t_w));</span><span style="font-size: x-small;"> }</span><span style="font-size: x-small;"> });</span><span style="font-size: x-small;"> }).trigger("resize");</span><span style="font-size: x-small;"> })(jQuery);</span><span style="font-size: x-small;"> //]]></span><span style="font-size: x-small;"> </script></span></blockquote>
</div>
</div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Place the gadget below header and do not forget to save arrangements.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9aGWYBy0OeikwdqnQEOjvvdk-dBvsLJJj5zEfiaqSG1Q2L1aGNhdn7v-XEdSatnRu1E1RQkzZtbTnoaBFBPYyArIDUCtBG2J9v4zVPrt4u6HAyR4dVpBHVCtjxHmYK_aaKoLRIH-ktg/s1600/ggggggggggg1111.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA9aGWYBy0OeikwdqnQEOjvvdk-dBvsLJJj5zEfiaqSG1Q2L1aGNhdn7v-XEdSatnRu1E1RQkzZtbTnoaBFBPYyArIDUCtBG2J9v4zVPrt4u6HAyR4dVpBHVCtjxHmYK_aaKoLRIH-ktg/s320/ggggggggggg1111.png" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<br />
<h3>
<span style="font-size: large;">How to change image and links in slider</span></h3>
<div>
<span style="font-size: large;">You will find many section like this in above code highlighted in red color.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;"></span><br />
<div>
<span style="font-size: large;"><figure></span></div>
<span style="font-size: large;">
</span>
<div>
<span style="font-size: large;"> <a href="<span style="color: #cc0000;">#</span>" title="<span style="color: #cc0000;">Title for Caption</span>"></span></div>
<span style="font-size: large;">
<div>
<img alt="" src="<span style="color: #cc0000;">image url</span>" /></div>
<div>
</a></div>
<div>
</figure></div>
<div>
<br /></div>
<div>
Change<span style="color: #cc0000;"> #</span> with link of your post link</div>
<div>
<br /></div>
<div>
Replace <span style="color: #cc0000;">Title for Caption</span> with your post title, use small title for post.</div>
<div>
<br /></div>
<div>
Upload your image on blogger or any where on internet.copy your image url and replace it with image url in slider.</div>
<div>
<br /></div>
<div>
<span style="color: #cc0000;">Remember</span> use image of 150px width x 120px height<br />
<br />
<br /></div>
</span></div>
<div>
<span style="font-size: large;">Save gadget after every change.Enjoy beautiful post slider in blogger.I have tested this slider widget, it is working fine but if you have any problem in installing feel free to ask me.Also hit like if you think this post is helpful.</span></div>
5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-5916511467681822572016-05-26T23:26:00.000-07:002016-05-26T23:26:15.269-07:00Add Live Recent Visitors Details In Blogger<div style="text-align: justify;">
<span style="font-size: large;">If you want to track your live visitors information and other details like which post they visit , the time of visit and country.you can know all detail on your visitors and also make your visitors tell about this.This is live recent traffic feed widget.In blogger yo have to add it manually while direct installation option is also available to add live traffic feed in blogger.live recent traffic feed also tell the time of visit,live recent visits help to increase your page views.before adding it let me tell yo about this widget.</span></div>
<span style="font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4VUq6Yf3X1qsU7LXecvSt88k0201om_Y94m6duqfkoIDzRwKrSA4M2SoRzlxpT2SD4vhOSbGnLcd9L-n0YJ5CI1nYoEGrxPQuL73VoyjLqr5suptAjI8rqSRTSE2bfrrp38NIUs5I6pc/s1600/fee.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="live recent visitors" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4VUq6Yf3X1qsU7LXecvSt88k0201om_Y94m6duqfkoIDzRwKrSA4M2SoRzlxpT2SD4vhOSbGnLcd9L-n0YJ5CI1nYoEGrxPQuL73VoyjLqr5suptAjI8rqSRTSE2bfrrp38NIUs5I6pc/s1600/fee.jpg" title="traffic feed" /></a></div>
<span style="font-size: large;"><br /></span><span style="font-size: large;"><br /></span><br />
<h2>
<span style="font-size: large;">Live traffic feed</span></h2>
<span style="font-size: large;"><div style="text-align: justify;">
you can customize live visitors feed.you can select how many visitors will be show like ten or more you can customize the widget easily.you can change the widget of live recent widget according to your blog sidebar.you can change color background,color of text color of link border color and other customization.you can view in above image the sample of live traffic recent visitor details.</div>
</span><br />
<br />
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><div style="text-align: justify;">
adding live recent visitors information is very simple.As very template is different and every person has different choice live traffic widget allow to customize widget to their choice.This is very popular and all over the world blogger using this widget you may have seen it on some one other blog.live recent visitors details help to increase your blog exposure to your visitors.It also tell visitors what other people viewing on your blog and if they like it they can click on link and visit the post hence this way live traffic feed increase your blog visits.</div>
</span><br />
<span style="font-size: large;"><br /></span>
<h3>
<span style="font-size: large;">How to add live recent visit feed</span></h3>
<div>
<span style="font-size: large;">Adding live recent visitors feed take only few minutes to add in blogger.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">1 First you have to customize feed about according to your requirement.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">2 For customization go to below link</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<blockquote class="tr_bq">
<span style="font-size: large;">http://feedjit.com</span></blockquote>
<div>
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMQf1rNeVHdr5qTToZOz5s9qtHewoP9eL81tZMVY-bOywiErwaDMzZc72iN1YvqrykKsqY1uzgKKXkpoRbuhAHs1-mxTOEYZKEcUfwTnn4HQQ5GGveOJAjhlbEz4bUlH9PPoVB9gEMfCI/s1600/live.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="custom widget" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMQf1rNeVHdr5qTToZOz5s9qtHewoP9eL81tZMVY-bOywiErwaDMzZc72iN1YvqrykKsqY1uzgKKXkpoRbuhAHs1-mxTOEYZKEcUfwTnn4HQQ5GGveOJAjhlbEz4bUlH9PPoVB9gEMfCI/s320/live.jpg" title="customization" width="320" /></a></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">3 The above image is the view of customization.After selecting option for customization click go.Make sure you have select blogger blog in option.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">you will be redirected to new page.copy that generated code.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1_sHEXBBFtsaJtnB6aVKzOr7sUDvvHee1w2XsEdqMle3iO654ZkOhoedOC1b3oelUJ19YlD2hy_ESYYeiA6dHNb5fNlYDTBErfPumUtVVXM70s2mJqsJ-QqYxc3SCw91VQ9GGFVMgANQ/s1600/cd34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1_sHEXBBFtsaJtnB6aVKzOr7sUDvvHee1w2XsEdqMle3iO654ZkOhoedOC1b3oelUJ19YlD2hy_ESYYeiA6dHNb5fNlYDTBErfPumUtVVXM70s2mJqsJ-QqYxc3SCw91VQ9GGFVMgANQ/s320/cd34.png" width="320" /></a></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">4 Now login to blogger account go to layout add gadget of HTML/Javascript and paste that code there and save it.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">you can share your experience of live recent visitors information.Although every person has its own view.i would like to read your comments.</span></div>
5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-14528424687356930182016-05-25T00:22:00.000-07:002017-04-13T00:45:19.334-07:00Add Share To Unlock Social Content Locker In Blogger<div style="text-align: justify;">
Social sharing website are very popular now a days.Social content locker widget helps bloggers to gain little more likes and shares.This content locker widget include facebook, twitter and google plus share buttons.Billions of people daily visit social sharing websites.you can not ignore its importance, it is a good way to boost your traffic.Many professional blogger only getting traffic from social sharing sites.Search engine are updating algorithm frequently, social signals are also make count in your website ranking.I personally experience its value when i start using facebook twitter and other websites for promotion of website.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5KnysrSwyjqi_xrWFFD5a_OOPe7B5FCYEa_3XG4a2ymAdUfJTs9krLDt39v_nT6ktBEDRaBv93Ej0GUQyUjgdwAOyc-xFzdRfnsLSaKceKJ4Ax66xgMLwUq2fCZA-J0q1ngp1dMs-vk/s1600/rrtf33.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="share to unlock in blogger" border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG5KnysrSwyjqi_xrWFFD5a_OOPe7B5FCYEa_3XG4a2ymAdUfJTs9krLDt39v_nT6ktBEDRaBv93Ej0GUQyUjgdwAOyc-xFzdRfnsLSaKceKJ4Ax66xgMLwUq2fCZA-J0q1ngp1dMs-vk/s320/rrtf33.jpg" title="add like to unlock in blogger" width="320" /></a></div>
<br />
<div style="text-align: justify;">
It is a bare fact that all blogger add social sharing buttons in their blogs but still there are some people who do no like to appreciate your work.They have enough time to read the article but they have no time to share and like your post.Actually they have time to like but they do not hit like button.Today i am introducing you a widget for blogger that can force your readers to hit on share button.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Today we will add social content share locker in blogger.you can lock any downloading link or any other content.When visitor go to that page, a pop up appears, which ask to like and share to unlock.If you lock a downloading link and visitor try to click on that link, spontaneous pop up appear asking to hit like and share button to unlock content</div>
<div style="text-align: justify;">
<br /></div>
<h2 style="text-align: justify;">
How to add share to unlock in blogger</h2>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Search for</div>
<div style="text-align: justify;">
<br /></div>
<blockquote class="tr_bq" style="text-align: justify;">
</head></blockquote>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Before </head> paste the given code</div>
<div style="text-align: justify;">
<br /></div>
<blockquote class="tr_bq" style="text-align: justify;">
<span style="font-size: x-small;"><link href='https://dl.dropboxusercontent.com/u/137869302/lockercss.css' rel='stylesheet' type='text/css'/></span></blockquote>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Save the template.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Make new post or edit old post.Go to Html editor of post.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Paste the below code.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="color: #cc0000;">Replace "Add_Hidden_Image_Here" with the Image url you want to lock.</span></div>
<div style="text-align: justify;">
<span style="color: #cc0000;">Replace "Add Your Hidden Text Here" With the text that you want to lock.</span></div>
<div style="text-align: justify;">
<br /></div>
<blockquote class="tr_bq" style="text-align: justify;">
<article id="default-usage"><br /><div class="to-lock" style="display: none;"><br /> <br /><!--Hidden Content Starts (You can Use HTML BELOW)--><br /><div style="text-align: center; margin-bottom: 20px;"><br /><img src="<span style="color: #cc0000;">Add_Hidden_Image_Here</span>" alt="" style="margin: auto;" /><br /></div><br /><div style="text-align: justify"><br /><span style="color: #cc0000;">Add Your Hidden Text Here</span></div><br /><!--Hidden Content Ends (You can Use HTML ABOVE)--><br /></article><br /></div><div id="mblunlocker"> </div><br /><script type="text/javascript" src="https://dl.dropboxusercontent.com/u/137869302/lockers.js"></script><br /><script><br />jQuery(document).ready(function ($) {<br />$("#default-usage .to-lock").socialLock({<br />text: {<br />header: "Share it To Unlock This Content",<br />message: "Yes, this is Social Locker. Just try it, click on one of buttons."<br />},<br />style: "ui-social-locker-secrets",<br />buttons: {<br />order: ["twitter", "facebook", "google"]<br />},<br />// twitter options<br />twitter: {<br />url: "<span style="color: #cc0000;">https://twitter.com/your account</span>",<br />text: "Upgrade your social buttons to get more social traffic!"<br />},<br />// facebook options<br />facebook: {<br />url: "<span style="color: #cc0000;">https://www.facebook.com/page url</span>",<br />appId: "<span style="color: #cc0000;">1469022373353333</span>"<br />},<br />google: {<br />url: "<span style="color: #cc0000;">https://plus.google.com/u/0/115165309413108113943</span>"<br />}<br />});<br />});;;;<br /> <br /></script></blockquote>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Now Replace the Twitter, google plus link with your pages, also change facebook page and api with yours which is Highlighted in red color.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Recommendation</b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Try to avoid using social sharing content locker on every post because it can make visitors irritate and they can leave your blog.your content locker widget share to unlock is installed.Now its your turn to hit like button.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Search Tags:like to unlock, share to unlock widget for blogger,social content locker for blogger.</div>
<div style="text-align: justify;">
<br /></div>
5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-82059963926017457232016-05-24T22:53:00.000-07:002016-05-24T22:53:41.617-07:00Add Contact Us Form ON Specific Page In Blogger<div style="text-align: justify;">
<span style="font-size: large;">Adding contact page is very beneficial because people can contact you directly via.It is the way of communication with blogger and visitors.some blogger do not like contact form because they think comments is enough to talk with viewer while some bloggers think adding separate contact us form in top navigation bar is good for conversation because this is the private conservation with viewer and blogger.some people ask how to add contact us form on specific page like static page.we add other pages like home button so if you want to add contact form on specific page then you may need little bit effort.</span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYModILfGfKV-_JwzoUYoF-si7gLK-jRjAKiTGa2qFPZeqcKap0NuQceiK3WSj1RG7-GPKfFGHu1JCN_lhRaS2AOSLWl600mntLmd4uNtvpu-gC5hAOKiuUQsPUfSQW0mVWEzzys6QNiM/s1600/nav.ctv.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="contact us on specific page" border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYModILfGfKV-_JwzoUYoF-si7gLK-jRjAKiTGa2qFPZeqcKap0NuQceiK3WSj1RG7-GPKfFGHu1JCN_lhRaS2AOSLWl600mntLmd4uNtvpu-gC5hAOKiuUQsPUfSQW0mVWEzzys6QNiM/s320/nav.ctv.png" title="adding contact in blogger" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<br />
<h2>
<span style="font-size: large;">why to add contact us on specific page</span></h2>
<div style="text-align: justify;">
<span style="font-size: large;">If you are trying to add contact us form on sidebar instead on specific page then you need few simple step.you add can official contact us form from layout add gadget.It is your choice either you want to add contact form on specific page of on sidebar.Mostly contact us form can be seen in top navigation menu at static page.mostly blogger add on specific page because contact us can easily seen from top.</span><br />
<span style="font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLLgFy1pFNNzIiJ2jdHDUv7CJRJYHJzPUh1jHXuT2fSHaS9NGo7mrgjVOewQJl-zoxyRX08ruxnc0Ou0XM7N4queQ0DyQo2ANCIplH6zBIM89jC8CWN18ZZEcIlm5m0KNn78HYiH1c67w/s1600/contact.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="add stylish contact form in blogger" border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLLgFy1pFNNzIiJ2jdHDUv7CJRJYHJzPUh1jHXuT2fSHaS9NGo7mrgjVOewQJl-zoxyRX08ruxnc0Ou0XM7N4queQ0DyQo2ANCIplH6zBIM89jC8CWN18ZZEcIlm5m0KNn78HYiH1c67w/s320/contact.png" title="colorful form" width="320" /></a></div>
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><br /></span>
<br />
<h3>
<span style="font-size: large;">How to contact us form on certain page</span></h3>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">1 First login to blogger account</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">2 Go to layout add gadget and click on more gadget</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">3 Add contact us gadget in your blog.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">4 Now go template and find this code by pressing ctrl+f</span><br />
<span style="font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-size: large;">]]></b:skin></span></blockquote>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">5 paste the below code before ]]></b:skin></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-size: large;">div#ContactForm1 {</span><span style="font-size: large;"> display: none !important;</span><span style="font-size: large;">}</span></blockquote>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">visit your blog now you can see your contact us form disappear.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">If it is still not disappear then go to template and click customize > go to advanced > click add css and paste above code there and click apply to blog.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">6 Go to pages add new page. write title if want your write.</span><br />
<br />
<span style="font-size: large;">7 Now go to Html of post, as you can see in below image</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEk6-xVdK6MU8Od0K_v49IBjuTQgZGFlRO__mrLJoRV6kOy86YTBd9fk1az-bsudC3S9wWLicDM5AIGaq2yAXWDSKIb9DoFMyA8IfqeqIZTCBeNc6_6FDLkHqPi5xdF9pzgGLKgXi0dX0/s1600/cod.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="editing html of page" border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEk6-xVdK6MU8Od0K_v49IBjuTQgZGFlRO__mrLJoRV6kOy86YTBd9fk1az-bsudC3S9wWLicDM5AIGaq2yAXWDSKIb9DoFMyA8IfqeqIZTCBeNc6_6FDLkHqPi5xdF9pzgGLKgXi0dX0/s200/cod.png" title="edit post" width="200" /></a></div>
<span style="font-size: large;"><br /></span><span style="font-size: large;">8 Paste the blow code there.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-size: x-small;"><div dir="ltr" style="text-align: left;" trbidi="on"></span><span style="font-size: x-small;"><br /></span><span style="font-size: x-small;"><style></span><span style="font-size: x-small;">.twist_blogger_cntct_form_wrap {</span><span style="font-size: x-small;"> margin: 0 auto;</span><span style="font-size: x-small;"> max-width: 840px;</span><span style="font-size: x-small;"> padding: 0 10px;</span><span style="font-size: x-small;"> position: relative;</span><span style="font-size: x-small;"> background-color: #FDFDFD;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;">.twist_blogger_cntct_form_wrap:after, .twist_blogger_cntct_form_wrap:before {</span><span style="font-size: x-small;"> content: '';</span><span style="font-size: x-small;"> display: table;</span><span style="font-size: x-small;"> clear: both;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;">/*----Change Contact Form Background Color Here----*/</span><span style="font-size: x-small;">div#twist_blogger_cntct_form {</span><span style="font-size: x-small;"> padding: 20px 20px 10px 20px;</span><span style="font-size: x-small;"> background: #009fff;</span><span style="font-size: x-small;"> border-radius: 2px;</span><span style="font-size: x-small;"> margin: 20px auto 20px;</span><span style="font-size: x-small;"> color: #FFF;</span><span style="font-size: x-small;"> font-size: 16px;</span><span style="font-size: x-small;"> max-width: 260px;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;">input#ContactForm1_contact-form-name, .contact-form-email, .contact-form-email:hover, .contact-form-email:active, .contact-form-email-message, .contact-form-email-message:active, .contact-form-email-message:hover {</span><span style="font-size: x-small;"> padding: 5px;</span><span style="font-size: x-small;"> box-shadow: none!Important;</span><span style="font-size: x-small;"> min-width: 186px;</span><span style="font-size: x-small;"> max-width: 260px;</span><span style="font-size: x-small;"> width: 100%;</span><span style="font-size: x-small;"> border: 0 !important;</span><span style="font-size: x-small;"> line-height: 1em;</span><span style="font-size: x-small;"> min-height: 31px;</span><span style="font-size: x-small;"> background: #FCFCFC;</span><span style="font-size: x-small;"> margin-bottom: 15px;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;">/**** Submit button style ****/</span><span style="font-size: x-small;">.contact-form-button-submit {</span><span style="font-size: x-small;"> background: #009fff;</span><span style="font-size: x-small;"> font-size: 20px;</span><span style="font-size: x-small;"> letter-spacing: 2px;</span><span style="font-size: x-small;"> cursor: pointer;</span><span style="font-size: x-small;"> outline: none!important;</span><span style="font-size: x-small;"> color: #FFFFFF;</span><span style="font-size: x-small;"> border: 2px solid rgba(255,255,255,1);</span><span style="font-size: x-small;"> border-radius: 50px;</span><span style="font-size: x-small;"> min-width: 186px;</span><span style="font-size: x-small;"> max-width: 260px;</span><span style="font-size: x-small;"> width: 100%;</span><span style="font-size: x-small;"> text-transform: uppercase;</span><span style="font-size: x-small;"> height: 46px;</span><span style="font-size: x-small;"> margin-top: 10px!important;</span><span style="font-size: x-small;"> transition: all 300ms ease-;</span><span style="font-size: x-small;"> -webkit-transition: all 300ms ease-in-out;</span><span style="font-size: x-small;"> -moz-transition: all 300ms ease-in-out;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;">/**** Submit button on mouse hover ****/</span><span style="font-size: x-small;">/**** widget by 5gblogger.blogspot.com ****/</span><span style="font-size: x-small;">.contact-form-button-submit:hover {</span><span style="font-size: x-small;"> border: 2px solid;</span><span style="font-size: x-small;"> color: #FFFFFF;</span><span style="font-size: x-small;"> background: #24a7f6!important;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;">/**** Submit button on Focus ****/</span><span style="font-size: x-small;">.contact-form-button-submit:focus, .contact-form-button-submit.focus {</span><span style="font-size: x-small;"> border-color: #FFFFFF;</span><span style="font-size: x-small;"> box-shadow: none !important;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;">/**** Error message and Success Message ****/</span><span style="font-size: x-small;">.contact-form-error-message-with-border .contact-form-success-message {</span><span style="font-size: x-small;"> background: #f9edbe;</span><span style="font-size: x-small;"> border: 1px solid #f0c36d;</span><span style="font-size: x-small;"> bottom: 0;</span><span style="font-size: x-small;"> box-shadow: 0 2px 4px rgba(0,0,0,.2);</span><span style="font-size: x-small;"> color: #666;</span><span style="font-size: x-small;"> font-size: 12px;</span><span style="font-size: x-small;"> font-weight: bold;</span><span style="font-size: x-small;"> padding-bottom: 10px;</span><span style="font-size: x-small;"> line-height: 19px;</span><span style="font-size: x-small;"> margin-left: 0;</span><span style="font-size: x-small;"> opacity: 1;</span><span style="font-size: x-small;"> position: static;</span><span style="font-size: x-small;"> text-align: center;</span><span style="font-size: x-small;">}</span><span style="font-size: x-small;"></style></span><span style="font-size: x-small;"><br /></span><span style="font-size: x-small;"><br /></span><span style="font-size: x-small;"><div class="twist_blogger_cntct_form_wrap"></span><span style="font-size: x-small;"><div id="twist_blogger_cntct_form"></span><span style="font-size: x-small;"><form name="contact-form"></span><span style="font-size: x-small;">Your Name<br /></span><span style="font-size: x-small;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Enter your name here..." size="30" type="text" value="" /><br /></span><span style="font-size: x-small;"><br /></span><span style="font-size: x-small;">Your Email*<br /></span><span style="font-size: x-small;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Enter your email here..." size="30" type="text" value="" /><br /></span><span style="font-size: x-small;"><br /></span><span style="font-size: x-small;">Your Message*<br /></span><span style="font-size: x-small;"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Write your message here..." rows="5"></textarea><br /></span><span style="font-size: x-small;"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /><br /></span><span style="font-size: x-small;"><div style="max-width: 260px; text-align: center; width: 100%;"></span><span style="font-size: x-small;"><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></span><span style="font-size: x-small;"></div></span><span style="font-size: x-small;"><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></span><span style="font-size: x-small;"></div></span><span style="font-size: x-small;"></div></span><span style="font-size: x-small;"></form></span><span style="font-size: x-small;"><br /></div></span><span style="font-size: x-small;"></div></span><span style="font-size: x-small;"></div></span></blockquote>
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="font-size: large;">9 Use this setting for contact page.</span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiky-TPyvbAwIPWzdie9mcfxqRre91K9K66etRUerXds43PlZMDkz8dw0gV3BN_5tZDE6U3hn7bFS9UcdkMfZeOicR2vKDdWKQ4-fCrIdz05iHVxUkds-Ylr37Raapxt02BwjSmzhM_UIU/s1600/sett.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiky-TPyvbAwIPWzdie9mcfxqRre91K9K66etRUerXds43PlZMDkz8dw0gV3BN_5tZDE6U3hn7bFS9UcdkMfZeOicR2vKDdWKQ4-fCrIdz05iHVxUkds-Ylr37Raapxt02BwjSmzhM_UIU/s200/sett.png" width="179" /></a></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">10 click on compose and click publish.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiey2z21Or7XONigpZVY9YkyvmaMvzfWI6DU8zLyEs8TlkZ6DH3M_fEAsaXgfLWqOk5nBnSWDLgqnqNsWegX3j5yOOyYGP5uisZWNgyMcjYDWgpEge8CAN-6Mh_Ao9kLHBFe7qj0UejkLY/s1600/page43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiey2z21Or7XONigpZVY9YkyvmaMvzfWI6DU8zLyEs8TlkZ6DH3M_fEAsaXgfLWqOk5nBnSWDLgqnqNsWegX3j5yOOyYGP5uisZWNgyMcjYDWgpEge8CAN-6Mh_Ao9kLHBFe7qj0UejkLY/s400/page43.png" width="400" /></a></div>
<span style="font-size: large;"><br /></span><span style="font-size: large;">11 Go to layout and edit page menu widget</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Then new pop up appear click add external page</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNWJ6j122BVcVAnO4R4scAJ-5dJAqhhA4_iYhuTn7ue92SuPV89I9bPK6Wss-jCBO-fni6TqRCLdJjhvJXwjG50dICJKuSoj9DzXKenVnLpaepv2wnTwcKfxFgBI1o8HDQgWqnggN3W0/s1600/extra.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFNWJ6j122BVcVAnO4R4scAJ-5dJAqhhA4_iYhuTn7ue92SuPV89I9bPK6Wss-jCBO-fni6TqRCLdJjhvJXwjG50dICJKuSoj9DzXKenVnLpaepv2wnTwcKfxFgBI1o8HDQgWqnggN3W0/s320/extra.png" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span><span style="font-size: large;">12 Write title contact us.copy the url of page you made recently.paste the link in the option and save it. Make sure check box is selected because template show only selected pages.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Now visit your blog and <span style="color: #cc0000;">your process is finished</span>.Enjoy colorful contact form in specific page.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<h4>
<span style="font-size: large;">How to check your messages</span></h4>
<div style="text-align: justify;">
<span style="font-size: large;">I also want to tell you how this work and how you can check message sent by people via contact form.when people want to contact you they go the page.they have to provide their name email and there message at the last.when they press send button then message take some time to be delivered.To check your contact messages go to inbox of gmail account.when you go inbox you can see top categories primary message, social and promotional.Messages sent by contact form can be read easily in primary.</span></div>
<span style="font-size: large;"><br /></span>
<div style="text-align: justify;">
<span style="font-size: large;">I have check, this contact form is working fine.If you want to</span></div>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">confirm you can send message via contact form.Do not use current blogger email for sending message via contact form then you can check your email.To reply contact message you have to reply to mail from your gmail account.</span></div>
5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-56994507966424508302016-05-02T06:22:00.001-07:002022-08-01T07:34:30.611-07:00500+ Dofollow Article Submission Sites List<div><span style="font-size: medium;"><div style="text-align: justify;">This article is related to off-page Seo. Seo is very important to rank your website. Article submission is an integral part of off-page Seo and the ultimate benefit is you will always get a permanent backlink. It may be a profile backlink or within the content backlink. It depends on the article submission website terms and conditions because every publishing website has a different policy. Before you submit your article make sure you have read the policy of the submission site. It helps you to write your article according to the requirements of the publishing website. Off-page Seo is very important to rank for a highly competitive keyword. Article Submission is an impressive way to get more exposure to your website to passionate readers.</div></span></div>
<span style="font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguye6h832qqBaPKil28kByvAmLmRlytu9XULwsJJRCaJ_3RYmZyWVhM-zuA8mlNE9YE-OgqsoAApZ57GlqBT6FsYI1taZlUN8JZhx6teiR8EAvQWSOLam3pvWnixUXzn7rn3cR_2pXTYU/s1600/a22tg.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="article submission list" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguye6h832qqBaPKil28kByvAmLmRlytu9XULwsJJRCaJ_3RYmZyWVhM-zuA8mlNE9YE-OgqsoAApZ57GlqBT6FsYI1taZlUN8JZhx6teiR8EAvQWSOLam3pvWnixUXzn7rn3cR_2pXTYU/s320/a22tg.jpg" title="article submission sites" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div>
<h2 style="text-align: left;"><span style="font-size: large;">Why you should Submit an article in a directory</span></h2><div><span style="font-size: large;"><br /></span></div><div><span style="font-size: medium;"><span><div>Marketing</div><div style="text-align: justify;">You will also get other advantages besides website traffic, like product or service marketing. Many people publish an article related to their product, to get reviews on products, and to provide service or to sell some products. some amazon affiliates and sellers use the submission method for marketing to increase the selling of their products. service providers get leads and list-building benefits. It also helps in brand authority building. article Submission is an impressive way to get more exposure to your website. your profile exposure to millions of people. Many people search articles directory sites for worthy information on specific topics. Be sure to write quality content, because it can redirect a visitor to your website in search of more quality content.</div><div><br /></div><div>Increase ranking</div><div style="text-align: justify;">you will see a rise in the ranking of your website after article submissions. Article backlinks can help your website to increase the DA and PA of your website. Higher the DA of your website greater your website ranking on google. Please select the relevant submission directory. It is a little bit handy and one by one check manual method to select directory site for your article niche. check PA DA of submission site and Alexa rank. Alexa audit provides you with great information about website traffic and the popularity of the website in specific counties. High DA website passes more ranking juice to your website. Try to select a High DA submission website for your article. Your website may take time to get the benefits of articles publishing after a certain time. Millions of articles are submitted daily to many submission websites. Google takes some time to index new articles. As soon as your article gets indexed in the search engine, you will notice a huge traffic increase to your website.</div><div><br /></div><h3 style="text-align: left;">Top article submission sites</h3></span>
</span><span><div style="text-align: justify;"><span style="font-size: medium;"><span><b><a href="https://medium.com" target="_blank">Medium</a></b></span><span> is an acknowledged submission site. a million readers visit the site daily. It has a convenient website interface. just signup and publish your article. Many digital marketers use mediums as submission sites. It is a high authority site with a huge community. you can communicate with readers by comments and emails.</span></span></div><div style="font-size: x-large;"><br /></div><div><span style="font-size: medium;"><span><a href="https://ezinearticles.com" target="_blank"><b>Ezine</b></a> </span><span>is free, with no charges for submission. It has real traffic and people reach ezine for the quality article reading. If you have a copyright of your content, no one can use your content for other purposes. ezine is a safe publishing platform.</span></span></div><div><span style="font-size: medium;"><br /></span></div><div style="text-align: justify;"><span style="font-size: medium;"><span><b><a href="http://www.hubpages.com" target="_blank">HubPages</a></b></span><span> is an amazing site that helps readers and writers too. The reader will get a solution to their problem. This platform gives options to put for editing and sharing a little commission with a writer after submission if your article gets enough traffic. They accept it more easily but just write good content. Use attractive title because hug page is a very trusted worthy website for the reader and daily million people read articles here.HubPages submission is easily indexed in google and your content gets ranked fast.</span></span></div><div><span style="font-size: medium;"><br /></span></div><div style="text-align: justify;"><span style="font-size: medium;"><span><b><a href="https://www.academia.edu" target="_blank">Academia</a></b></span><span> is another great website where many people prefer submission. It accepts academic research papers journals and articles submitted by researchers, teachers, and students. Just check the category before submission because it is limited to academic educational articles sites.</span></span></div><div><span style="font-size: medium;"><br /></span></div><div style="text-align: justify;"><span style="font-size: medium;"><span><b><a href="https://sites.google.com" target="_blank">Google sites</a></b></span><span> is an easy and free option to publish your content. you will get more exposure because of huge google traffic. you are submitting an article on any topic, the plus point of google site submission. Not to worry about limitations and exigency to publish content.</span></span></div><div><span style="font-size: medium;"><br /></span></div><div><span style="font-size: medium;"><span><b><a href="https://articlebiz.com" target="_blank">Articlebiz</a></b></span><span> is a site that accepts different category articles. business technology and many other options. they offer regular membership. Due to the buddle of data on different niche articles, readers came to read new and exciting articles.</span></span></div><div><span style="font-size: medium;"><br /></span></div><div><span style="font-size: medium;"><span><b><a href="http://ehow.com" target="_blank">Ehow</a></b></span><span> is very famous all around the world. You have full control to edit content and delete it because they have their editor. You have options to upload images and videos to make a readers-friendly article. This website has over five million visitors. you can put source links, add a bio profile, and social media links. Share your article after submission. rejection chance is less but you have to put different and new content. Make sure the same article is not already published by others.</span></span></div><div><span style="font-size: medium;"><br /></span></div><div style="text-align: justify;"><span style="font-size: medium;"><span><b><a href="https://technorati.com" target="_blank">Technorati</a></b></span><span> is the publisher site with hundreds of new visitors every month. you can upload your submission on sport, finance, entertainment, business, and many more. It is founded in 2002 with good authority. you will get a profile-building option. People can subscribe to your profile and finally, you get huge traffic to your website.</span></span></div><div style="font-size: x-large;"><br /></div><div style="font-size: x-large;">Below there is the submission directory list.</div><div style="font-size: x-large;"><br /></div></span>
<textarea cols="40" rows="25">http://www.selfgrowth.com
http://goarticles.com
http://hubpages.com
http://www.prleap.com
http://seekingalpha.com
http://www.bpubs.com
http://www.ehow.com
http://www.gather.com
http://ezinearticles.com
marketinginternetdirectory.com
http://www.usalistingdirectory.com
http://www.ukinternetdirectory.net
http://www.articlet.com
http://www.hubpages.com
http://www.selfgrowth.com
http://www.suite101.com
http://www.thewhir.com/article-central
http://www.webpronews.com/submit
http://www.webcontent.com
http://www.articlebiz.com
http://www.articledashboard.com
http://www.bestezines.com
http://www.buzzle.com
http://www.brighthub.com
http://www.web-source.net
http://www.helium.com
http://www.articlesbase.com
http://www.biggerpockets.com/articles
http://www.isnare.com
http://goarticles.com
http://www.triond.com
http://directory.r-tt.com
http://www.new-list.com
http://www.zimbio.com
http://www.content-articles.com
http://www.articleclick.com
http://www.articlesnatch.com
http://www.articletrader.com
http://www.articleblast.com
http://www.a1articles.com
http://www.sooperarticles.com
http://www.articleant.com
http://www.articlecube.com
http://www.articlealley.com
http://www.amazines.com/Archive
http://www.ideamarketers.com
http://www.webmasterslibrary.com
http://www.a1articles.com
http://www.ex-designz.net
http://www.thetexasjobsource.com
http://www.sooperarticles.com
http://www.articlebiz.com
http://www.articlerich.com
http://www.upublish.info
http://www.uberarticles.com
http://www.articlecube.com
http://www.ezinemark.com
http://www.articledoctor.com
http://www.edarticle.com
http://www.abilogic.com/articles
http://www.articleblast.com
http://www.howtoadvice.com
http://www.articletrader.com
http://www.selfseo.com
http://www.datasoftsystem.com
http://www.articlepool.info/webzine
http://www.articlesfactory.com
http://www.bukisa.com
http://www.bubblews.com
http://www.businessseek.biz
http://www.apsense.com
http://www.articleslash.net
http://www.e-topic.com
http://www.qwesz.com
http://www.easyarticles.com
http://www.searcharticles.net
http://www.prolinkdirectory.com
http://www.thehealthyvillage.com
http://www.earticlesonline.com
http://www.free-articles-zone.com
http://www.postarticles.com
http://www.ladypens.com
http://www.webmasterslibrary.com
http://www.mymedicenter.com
http://www.infobarrel.com
http://www.evancarmichael.com
http://www.upublish.info
http://www.uberarticles.com
http://www.yesarticles.com
http://www.populararticles.com
http://www.freesticky.com/stickyweb
http://www.goodinfohome.com
http://www.simplysearch4it.com
http://www.rlrouse.com
http://www.themanager.org
http://www.libervis.com
http://www.jazzylook.com
http://www.textiledegree.com
http://www.techmanik.com
http://www.articlejoe.com
http://www.articlemonkeys.com
http://www.expertarticles.com
http://www.thecontentcorner.com
http://articles.submityourarticle.com
http://www.streetarticles.com
http://www.howitworks.net
http://www.top7business.com
http://www.thepr.com.au
http://www.goarticles.com
http://www.afreearticle.com
http://www.articlecell.com
http://www.articlecompilation.com
http://www.informationbible.com
http://www.ezine-articles-planet.com
http://www.articlesupport.com
http://www.articlesdir.org
http://www.articles411.com
http://www.123articleonline.com
http://www.adarticles.net
http://www.articlekit.com
http://www.accessinfohub.com
http://www.tongshu.net
writerspenarticledirectory.com
http://www.submitanarticle.info
http://www.netarticleshack.com
http://www.ezinearticles.org.uk
http://www.smarticledirectory.com
http://www.gruks.com
http://www.zigyasu.com
http://www.wellnessarticlelibrary.com
http://www.24by7articles.com
http://www.articledesk.info
http://www.postarticles.com
http://www.allinclusivelinks.com
http://www.altegen.com
http://www.101articles.com
http://www.articles.org
http://www.addmyarticles.com
http://www.articlerealm.com
http://www.thewhir.info
http://www.excellentguide.info
http://www.thefreelibrary.info
http://www.articleclick.info
http://www.hubpages.info
http://www.selfseo.info
http://www.yooarticles.net
http://www.articlestars.com
http://www.articles.seoforums.me.uk
http://www.article-diary.com
http://www.yesarticles.com
http://www.sdcouncil.com
http://www.acme-articles.com
onlinearticlessubmission.com
http://www.olmaweblinkdirectory.com
http://www.articleswarm.com
http://www.nehoiu.org
http://www.articlefree4all.com
http://www.dime-co.com
http://www.articleswale.com
http://www.freearticlestore.com
http://www.articlewale.com
http://www.seosubmitarticle.com
http://www.wall2wallarticles.com
http://www.bysharing.com
http://www.ganzok.com
http://www.articlesforwebsite.com
www.worldarticle.us
http://www.ezinepost.com
http://www.123articleonline.com
http://www.articles.org
http://www.myarticle.com
http://www.articlecontentking.com
http://www.readezarchive.com
http://www.storeboard.com
www.businessnewsarticles.org
www.earticleworld.com
bestonlinecasino-uk.info
article.seoindiaconsultant.com
www.theinfofile.com
www.fourpxarticles.com
www.article.gawaksha.com
www.smashuparticles.com
www.economicnewsarticles.org
www.currenteventsarticles.org
www.articleslocation.com
www.search4articles.com
www.frenzyarticle.com
www.articlesset.com
www.bytearticles.com
www.hiworldarticles.com
www.325x.com
www.look-4it.com
www.articlesunit.com
www.earticleshub.com
www.nextarticles.com
www.asisucceednps.com
www.submitarticles.co.in
www.aforarticles.in
www.electronsonline.com
www.articleindexs.com
www.article-i.com
www.click2articles.com
www.problembgone.com
www.autosubmitarticle.com
www.articlehint.com
www.articleboard.info
www.click4article.com
www.click2article.com
www.belarusnavigator.com
www.canuckclicks.com
www.avidarticles.com
www.freearticlesinc.com
www.write2article.com
www.writenshare.info
www.wisdomarticles.com
www.camers.info
www.ibizarticles.com
www.oik.co.in
www.articletravel.co.in
www.freearticlestore.net
www.theproarticles.net
www.click2articles.com
www.adowp.com
www.articleswale.in
www.myarticlehub.com
www.your-debtmanagement-articles.com
www.point-online.net
www.articles.cofares.net
www.articlesprey.com
www.articlesark.com
www.xcope.com
www.write-share.com
www.webrickco.com
www.website-design-network.com
www.tipbus.com
www.tihson.com
www.articlegogo.com
www.saveuparticle.com
www.wearticles.com
www.articlejournals.com
www.your-online-articles.com
www.publisharticles.co.in
www.articles4everybody.com
www.graphicdesignessentials.com
www.manufacturers-in-india.com
www.articlesclip.com
www.articlespromoter.com
www.exnad.com
www.articles.tiptopweb.info
www.wellnessarticles4u.com
www.solvoarticles.co.uk
www.apexarticlebase.com
www.econorthwest.info
www.cetaqua.biz
www.mixtop.net
www.hysrwebdirectory.comarticle
www.wiki-live.com
www.submitondirectory.comarticle
www.head.net.in
www.freearticles101.com
www.articlesdb.net
www.articleszoom.com
www.addondashboard.com
www.more4you.wsarticles
www.articleabode.com
www.articlecache.com
www.way2articles.com
www.articlesinsight.com
www.articledirectory.name
www.abunchofarticles.com
www.directory.ind.in
www.articlesrange.com
www.chainarticles.com
www.articlesdirectory.org
www.articlecastle.com
www.articlelinkets.com
www.s-article.com
www.bigarticle.com
www.atomox.net
www.readwritethink.com
www.ataarticles.com
www.myhideouts.com
www.articlebro.com
www.findarticles.eu
www.articleseen.com
www.freearticleadvertising.com
www.articlesalpha.com
www.freeadusa.com
</textarea><br />
<br />
<textarea cols="40" rows="25">1 seekingalpha.com DoFollow
2 hubpages.com DoFollow
3 ehow.com DoFollow
4 biggerpockets.com DoFollow
5 brighthub.com DoFollow
6 seekingalpha.com DoFollow
7 hubpages.com DoFollow
8 ehow.com DoFollow
9 biggerpockets.com DoFollow
10 brighthub.com DoFollow
11 buzzle.com DoFollow
12 examiner.com DoFollow
13 squidoo.com DoFollow
14 apsense.com DoFollow
15 selfgrowth.com DoFollow
16 Thefreelibrary.com DoFollow
17 Sooperarticles.com DoFollow
18 Articlesfactory.com DoFollow
19 Abilogic.com DoFollow
20 articlespromoter.com/ DoFollow
21 articleseen.com/ DoFollow
22 warticles.com/ DoFollow
23 articlesss.com/ DoFollow
24 articlepole.com/ DoFollow
25 articlesubmited.com/ DoFollow
26 webpronews.com DoFollow
27 sharehealthtips.com/ DoFollow
28 idleexperts.com DoFollow
29 jumparticles.com/ DoFollow
30 articlecatalog.com/ DoFollow
31 articlealley.com DoFollow
32 articlesbd.com/ DoFollow
33 evancarmichael.com DoFollow
34 articleside.com/ DoFollow
35 a1articles.com/ DoFollow
36 articledoctor.com/ DoFollow
37 selfgrowth.com/ DoFollow
38 prolinkdirectory.com DoFollow
39 articlecity.com/ DoFollow
40 netezinearticles.com/ DoFollow
41 articles.abilogic.com/ DoFollow
42 articlesforwebsite.com/ DoFollow
43 libervis.com/ DoFollow
44 galoor.com/ DoFollow
45 webmasterslibrary.com/ DoFollow
46 articleslist.net/ DoFollow
47 article1.co.uk/ DoFollow
48 ourblogpost.com/ DoFollow
49 articlecede.com/ DoFollow
50 openarticles.com/ DoFollow
51 uberarticles.com/ DoFollow
52 otherarticles.com/ DoFollow
53 awebcity.com/ DoFollow
54 upublish.info/ DoFollow
55 articlesnatch.com DoFollow
56 threadwatch.org/ DoFollow
57 articlebliss.com/ DoFollow
58 realestateproarticles.com/ DoFollow
59 articlicious.com/ DoFollow
60 threadwatch.org DoFollow
61 loudpages.com/ DoFollow
62 earticlesonline.com DoFollow
63 facearticle.com/ DoFollow
64 ezinemark.com/ DoFollow
65 myseoarticle.com/ DoFollow
66 guestsposting.com/ DoFollow
67 webwire.com DoFollow
68 mazines.com DoFollow
69 ghrankdirectory.com DoFollow
70 dime-co.com/ DoFollow
71 articlegeek.com/ DoFollow
72 streetarticles.com/ DoFollow
73 marketmyarticle.com DoFollow
74 ezinepost.com/ DoFollow
75 articlization.com DoFollow
76 http://www.articlebiz.com Dofollow
77 https://github.com/devsense/phalanger/ Dofollow
78 http://www.articlerich.com Dofollow
79 http://www.howtoadvice.com Dofollow
80 http://www.articlebiz.com Dofollow
81 http://www.articleant.com Dofollow
82 http://www.webproworld.com Dofollow
83 http://www.articleclick.com Dofollow
84 http://www.earticlesonline.com Dofollow
85 http://www.articleblast.com Dofollow
86 http://www.articleblast.com Dofollow
87 http://www.articleslash.net Dofollow
88 http://www.libervis.com Dofollow
89 http://www.top7business.com Dofollow
90 http://www.123articleonline.com Dofollow
91 http://www.123articleonline.com Dofollow
92 http://www.andrey-cruz.livejournal.com/ Dofollow
93 http://www.marketinginternetdirectory.com/ Dofollow
94 http://www.sitepromotiondirectory.com/ Dofollow
95 http://www.a1articles.com Dofollow
96 http://www.a1articles.com Dofollow
97 http://www.articletrader.com Dofollow
98 http://www.articletrader.com Dofollow
99 http://www.upublish.info Dofollow
100 http://www.articlemonkeys.com Dofollow
101 http://www.upublish.info Dofollow
102 http://www.yooarticles.net Dofollow
103 http://www.goodinfohome.com Dofollow
104 http://www.techmanik.com Dofollow
105 http://www.bpubs.com Dofollow
106 http://www.usalistingdirectory.com Dofollow
107 http://www.uberarticles.com Dofollow
108 http://www.articlecell.com Dofollow
109 http://www.businessseek.biz Dofollow
110 http://www.uberarticles.com Dofollow
111 http://www.prolinkdirectory.com Dofollow
112 http://www.seoforums.me.uk Dofollow
113 http://www.approvedarticles.com Dofollow
114 http://www.dime-co.com Dofollow
115 http://www.edarticle.com Dofollow
116 http://www.weeno.com Dofollow
117 http://www.weeno.com Dofollow
118 http://www.articlecompilation.com Dofollow
119 http://www.gruks.com Dofollow
120 http://www.searcharticles.net Dofollow
121 http://www.bestezines.com Dofollow
122 http://www.highrankdirectory.com Dofollow
123 http://www.ukinternetdirectory.net Dofollow
124 http://www.articledoctor.com Dofollow
125 http://www.freesticky.com Dofollow
126 http://www.simplysearch4it.com Dofollow
127 http://www.traveltourismdirectory.net Dofollow
128 http://www.informationbible.com Dofollow
129 http://www.myarticle.com Dofollow
130 http://www.easyarticles.com Dofollow
131 http://www.populararticles.com Dofollow
132 http://www.qwesz.com Dofollow
133 http://www.bysharing.com Dofollow
134 http://www.excellentguide.info Dofollow
135 https://articlestars.com/ Dofollow
136 http://www.netarticleshack.com Dofollow
137 http://www.thepr.com.au Dofollow
138 http://www.articles411.com Dofollow
139 http://www.new-list.com Dofollow
140 http://www.howitworks.net Dofollow
141 http://www.ladypens.com Dofollow
142 http://www.thecontentcorner.com Dofollow
143 http://www.24by7articles.com Dofollow
144 http://www.altegen.com Dofollow
145 http://www.tongshu.net Dofollow
146 http://www.webmasterslibrary.com Dofollow
147 http://www.webmasterslibrary.com Dofollow
148 http://www.articlefree4all.com Dofollow
149 http://www.zigyasu.com Dofollow
150 http://www.submitanarticle.info Dofollow
151 http://www.articlegold.com Dofollow
152 http://www.afreearticle.com Dofollow
153 http://www.articlejoe.com Dofollow
154 http://www.datasoftsystem.com Dofollow
155 http://www.ezine-articles-planet.com Dofollow
156 http://www.yesarticles.com Dofollow
157 http://www.articleclick.info Dofollow
158 http://www.ezinearticles.org.uk Dofollow
159 http://www.yesarticles.com Dofollow
160 http://www.ezinepost.com Dofollow
161 http://www.articlet.com Dofollow
162 http://www.ezinehub.com Dofollow
163 http://www.articlepool.info Dofollow
164 http://www.expertarticles.com Dofollow
165 http://www.articlesupport.com Dofollow
166 http://www.thewhir.info Dofollow
167 http://www.thehealthyvillage.com Dofollow
168 http://www.article-diary.com Dofollow
169 http://www.olmaweblinkdirectory.com Dofollow
170 http://www.readezarchive.com Dofollow
171 http://www.adarticles.net Dofollow
172 http://www.articledesk.info Dofollow
173 http://www.postarticles.com Dofollow
174 http://www.addmyarticles.com Dofollow
175 http://www.articlerealm.com Dofollow
176 http://www.accessinfohub.com Dofollow
177 http://www.hubpages.info Dofollow
178 http://www.postarticles.com Dofollow
179 http://www.selfseo.info Dofollow
180 http://www.writerspenarticledirectory.com Dofollow
181 http://www.contentarticles.com Dofollow
182 http://www.thetexasjobsource.com Dofollow
183 http://www.101articles.com Dofollow
184 http://www.smarticledirectory.com Dofollow
185 http://www.articlesdir.org Dofollow
186 http://www.sdcouncil.com Dofollow
187 http://www.articlecontentking.com Dofollow
188 http://www.articlekit.com Dofollow
189 http://www.nehoiu.org Dofollow
190 http://www.seosubmitarticle.com Dofollow
191 http://www.thefreelibrary.info Dofollow
192 http://www.wellnessarticlelibrary.com Dofollow
193 http://www.e-topic.com Dofollow
194 http://www.mymedicenter.com Dofollow
195 http://www.acme-articles.com Dofollow
196 http://www.jazzylook.com Dofollow
197 http://www.allinclusivelinks.com Dofollow
198 http://www.articleswale.com Dofollow
199 http://www.wall2wallarticles.com Dofollow
200 http://www.articlewale.com Dofollow
</textarea>
<br />
<h4 style="text-align: left;"><span style="font-size: medium;">How to Submit article</span></h4></div><div><span style="font-size: medium;"><div style="text-align: justify;">You may have to sign up before submitting your article. After updating your profile, you may ask to verify by email. Check your inbox, and you will find a confirmation email from the submission site. Follow the link and you will be redirected to the website page for profile editing.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">You were asked to enter your details, mostly you have to enter your name, address, phone number, profession, or service. Few details are optional so do not worry. Most submissions are informational and knowledge base you can skip them. some of the websites also ask for zip codes, if you do not know your zip code, just go to google and search query 'your city name' zipcode. you will get numbered zip code of your city, just enter it.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Now go to submit the new article option you will be asked to give the title of the post, the content of the post, and select a category related to your post. just recheck your article for mistakes before final submission .you can find online free software for mistakes correction.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">At the bottom there is an author box, Write a little about yourself and make sure to upload your profile picture. Describe your present status, like if you are a digital marketing manager. might someone see your profile and hire you for service? you can mention your previous projects. you can also link your social media profiles.</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">put your website link before clicking the upload button. some submission websites allow backlinks within content, depending on website terms and conditions. Before you submit your article your article may be reviewed for two or more days and after that, you will receive an email of successful submission.</div></span></div>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-72610462812024937912016-05-01T02:47:00.000-07:002016-05-02T23:15:27.368-07:00Add Stylish Animated Flying Twitter Bird In Blogger<div style="text-align: justify;">
<span style="font-size: large;">All professional bloggers know the importance of social media networks.It is good way to promote your blog.</span><span style="font-size: large;">There are many social network but twitter is the most likely for content promotion and bloggers always keep </span><span style="font-size: large;">their followers up to date.today i will describe you how to add twitter bird.It is very lovely and cute widget </span><span style="font-size: large;">mostly like by visitors and bloggers.Actually while browsing when visitor scroll their mouse cursor the flying </span><span style="font-size: large;">bird move from bottom to top,it looks like animated widget and it is very attractive widget because it catch the attention of </span><span style="font-size: large;">visitors.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_DQoeInUCj1cdPyqro5zHc6HwvwskULgozLstUrXv01Z1GWoDzFFIv_Ptvt-Vs2iM_sw6eEfeW6EdCa1ZhSUjBLTtsWZhXxlUkTR3XQf7r9PBgxJve04z3mU4XIjdW7HNABBfLXJm0a0/s1600/twitter+bird.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="animated twitter widget for blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_DQoeInUCj1cdPyqro5zHc6HwvwskULgozLstUrXv01Z1GWoDzFFIv_Ptvt-Vs2iM_sw6eEfeW6EdCa1ZhSUjBLTtsWZhXxlUkTR3XQf7r9PBgxJve04z3mU4XIjdW7HNABBfLXJm0a0/s1600/twitter+bird.jpg" title="twitter flying bird" /></a></div>
<br />
<br />
<h3>
<span style="font-size: large;">How to add twitter bird widget in blogger blog</span></h3>
<span style="font-size: large;">Adding twitter widget is very easy as i already discuss the significance of this gadget, it help visitor to tweet your article</span><br />
<span style="font-size: large;">easily.</span><br />
<br />
<br />
<br />
<span style="font-size: large;">First go to template and edit html</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Press ctrl+f inside template code area</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Now you see search pop up appears.</span><br />
<br />
<span style="font-size: large;">Find this code</span><br />
<br />
<textarea cols="40" rows="4"></body>
</textarea>
<br />
<br />
<span style="font-size: large;">Above </body> paste the following code</span><br />
<span style="font-size: large;"><br /></span>
<blockquote class="tr_bq">
<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js' type='text/javascript'><br /></script><br /> <script type='text/javascript'><br />var twitterAccount = "<span style="color: #3d85c6;">username</span>";<br />var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";<br /> tripleflapInit();<br /> </script> </blockquote>
<br />
<span style="font-size: large;">Note:</span><br />
<span style="font-size: large;">At the bottom of code you can see word <span style="color: #3d85c6;">username</span>.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Find username in above code and replace it with your twitter username.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">save the template.now view your blog and enjoy beautiful flying bird.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-62059394195332912722016-04-06T05:19:00.001-07:002017-01-27T21:40:04.778-08:00Add Stylish Thread Comments In Blogger<div style="text-align: justify;">
<span style="font-size: large;">Add new feature of threaded comments in your blog that can make your blog more beautiful. This enables visitors to reply directly in response to comment.reply option is on the left side and it separate every discussion.adding new comment will start new discussion.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-v5opsKXDOi3GEe9tS-k3wjhyabtYD9EW1mf1LEFM1GlkRTmZQHho-KKeCN_nPuThusMRh8_Jlon4wtMTaWSVL2hVEwX9DC2d5f0bd_J8D44_PizhWILVcoAVwYdKBwVtTRz3Nw-w2AY/s1600/thread.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="adding thread comment in blogger" border="0" height="261" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-v5opsKXDOi3GEe9tS-k3wjhyabtYD9EW1mf1LEFM1GlkRTmZQHho-KKeCN_nPuThusMRh8_Jlon4wtMTaWSVL2hVEwX9DC2d5f0bd_J8D44_PizhWILVcoAVwYdKBwVtTRz3Nw-w2AY/s400/thread.jpg" title="thread comments" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;">why to add thread comment</span></h2>
<div>
<span style="font-size: large;">First let me tell you some feature and distinct facts.It help to communicate with admin more easily and effectively.It makes your comments like discussion in thread system.It show date and number of reply with image thumbnail at the left side.</span><br />
<span style="font-size: large;"><span style="color: #cc0000;">Also:</span><a href="http://5gblogger.blogspot.com/2016/04/how-to-add-smiley-emoticons-in-blogger.html">Add smiley emoticons in blog</a></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<h3>
<span style="font-size: large;">How to add thread comments in blogger</span></h3>
<div>
<div>
<span style="font-size: large;">Go to setting > other and make sure that allow blog feed is set to full</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Settings>Posts and Comments and make sure that comment location is set to embedded.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">search for this piece of code</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<br /></div>
</div>
<textarea cols="50" rows="2"></b:skin>
</textarea><br />
<br />
<span style="font-size: large;">just above </b:skin> add this code</span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="10">.comments .comment-block {
background: #F9F9F9;
color: #555;
box-shadow: 0 4px 10px #EEEEEE;
position: relative;
margin-top: 10px;
margin-left: 60px;
padding: 10px;
border: 4px solid #EEEEEE !important;
border-radius:10px;
font: 1.190em/1.2 Cambria,Georgia,sans-serif;
}
.comment-thread li .comment-block:before {
position: absolute;
display: block;
left: -26px;
color: #EEEEEE;
content: "\25C4";
font-size: 30px;
}
.comments .avatar-image-container {
width: 60px;
height: 60px;
max-height: 60px;
margin:0px 0px 0 -28px;
padding: 0px;
border: 7px solid #EEEEEE;
border-radius:60px;
}
.comments .avatar-image-container img {
overflow:hidden;
width: 60px;
height: 60px;
max-width: 60px;
border:0 !important;
border-radius:60px;
}
.comments .comment-thread.inline-thread {
background: none;
}
.comments .continue {
border-top: 0px solid transparent;
}
.comments .comments-content .datetime {
float: right;
font-size: 11px;
}
.comments .comments-content .user a{
font-size: 15px;
color: #498EC9;
}
.comments .comments-content .datetime a:hover{
color: #777;
text-decoration: none;
}
.comments .comments-content .comment:first-child {
padding-top: 0px;
}
.comments .comments-content .comment {
margin-bottom: 0px;
padding-bottom: 0px;
}
.comments .continue a {
padding: 0px;
}
.comments .comments-content .icon.blog-author {
background-image: none;
}
</textarea><br />
<br />
<span style="font-size: large;"> save your template.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Visit your blog you can view a post comments section and you can see a reply button under existing reply.When you click reply then new text box will appear and this way when you publish more reply it make a thread.I hope you will enjoy this beautiful feature.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-79276766536056746412016-04-05T22:39:00.000-07:002017-01-27T21:38:42.056-08:00How To Add Smiley Emoticons In Blogger Comment<div style="text-align: justify;">
<span style="font-size: large;">Emoticons and smileys is good way to attract attention. We use these icons in chat and emails.we can also add in blog comments.We use these smileys to show our feelings, anger, love confused smiling or crying. These small and cute faces of cartoon help us to send our expressions and what we are thinking just in one click.It can make the discussions more interesting.</span><br />
<span style="font-size: large;"><span style="color: #cc0000;">Also:</span><a href="http://5gblogger.blogspot.com/2016/01/add-image-tilt-hover-effect-in-blogger.html">Add image hover effect</a></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiajwQG-WwxWteDE0rUhc7UbUi_ZtjwC03HaukNeLxP37E_qfOx9p-L146oOAuvMb9peU52vCGJ8iEVFf2LEP9utV3xBAWjKtlgNAZJXBhdmHXHfOACRmv0_T2AcsuU-2KKegem0K_6DLw/s1600/smiley.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="how to add smiley in blogger comment" border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiajwQG-WwxWteDE0rUhc7UbUi_ZtjwC03HaukNeLxP37E_qfOx9p-L146oOAuvMb9peU52vCGJ8iEVFf2LEP9utV3xBAWjKtlgNAZJXBhdmHXHfOACRmv0_T2AcsuU-2KKegem0K_6DLw/s400/smiley.jpg" title="adding chat emoticons" width="400" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h2 style="text-align: justify;">
<span style="font-size: large;"><br /></span><span style="font-size: large;">why to add chat emoticons in blogger</span></h2>
<div style="text-align: justify;">
<span style="font-size: large;">These emoticons become popular in blogging . Every person wants to show feelings and they like to express the feeling by cute smileys and emoticons.bloggers can add these emoticons in their blog just editing some changes in their template.many other blogging platform using emoticons but we can also add </span><span style="font-size: large;">these emoticons/smileys in blogger but the method is different. You can use the chat icon while commenting or replying.</span><br />
<span style="font-size: large;"><a href="http://5gblogger.blogspot.com/2012/01/label-widget-slide-hover-effect-blogger.html">Add label with hover effect</a></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h3 style="text-align: justify;">
<span style="font-size: large;">How to add smiley emoticons in blogger comments</span></h3>
<div style="text-align: justify;">
<span style="font-size: large;">Login to blogger and go to template.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<span style="font-size: large;">click on Edit template press ctrl+f and search this code.</span></div>
<div style="text-align: justify;">
<br /></div>
<textarea cols="50" rows="2"></head>
</textarea>
<br />
<br />
<span style="font-size: large;">above </head> paste the given code.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<textarea cols="50" rows="5"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
</textarea>
<br />
<br />
<span style="font-size: large;">Again find the code</span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="2"></body>
</textarea>
<br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">paste the </span><span style="font-size: large;">given</span><span style="font-size: large;"> code above </body> </span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="10"><b:if cond='data:blog.pageType == "item"'><style type='text/css'>.emoWrap{position:relative;padding:10px;margin-bottom:7px;background:#efefef;background-image:-ms-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-moz-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-o-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(1,#fff9f2));background-image:-webkit-linear-gradient(right,#fff 0,#fff9f2 100%);background-image:linear-gradient(to left,#fff 0,#fff9f2 100%);border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #ccc;border-right:20px solid transparent;width:0;height:0;line-height:0}</style>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]></script><script src='http://googledrive.com/host/0B-GuAkK2nj5gbVg2dXladnUzbVU' type='text/javascript'/></b:if>
</textarea><br />
<br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Save you template.visit your blog and enjoy beautiful emoticons.if you have any question ask me in comment.i would like to hear you.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-54102829181195696292016-04-02T23:22:00.000-07:002016-04-02T23:30:16.689-07:00How To Add Drop Down Label Widget In Blogger<div style="text-align: justify;">
<span style="font-size: large;">This tutorial is of category list and for </span><span style="font-size: large;">drop-down label menu.It work or show list of labels mostly shown </span><span style="font-size: large;">at the side bar while you can change the position of gadget.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">If you want to decrease </span><span style="font-size: large;">main navigation bar size, this can help to you do so.this drop-down </span><span style="font-size: large;">menu display your label categories,and labels </span><span style="font-size: large;">are link with them.each category show post added in </span><span style="font-size: large;">label .you can adjust size of the </span><span style="font-size: large;">drop-down. follow these steps to add it to your </span><span style="font-size: large;">blog.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><a href="http://5gblogger.blogspot.com/2012/01/label-widget-slide-hover-effect-blogger.html">Add animated label with hover effect</a></span></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZMT-MhR105N-eWSuX41voCWMPaewg60FJgp0LTHELpcsaQiHkr8837x5jqqaJhGGrRz42YYrUA00nPFAxkiE9VSj0UnoxsscAnPBRWLcs0K7qJmXDwO17hc7ziSK0JPN5ENbfKuDEXBA/s1600/drop+down.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="drop down menu of lablel" border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZMT-MhR105N-eWSuX41voCWMPaewg60FJgp0LTHELpcsaQiHkr8837x5jqqaJhGGrRz42YYrUA00nPFAxkiE9VSj0UnoxsscAnPBRWLcs0K7qJmXDwO17hc7ziSK0JPN5ENbfKuDEXBA/s320/drop+down.jpg" title="adding label menu" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
<span style="font-size: large;">Adding drop down category widget in blogger</span></h3>
<div>
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;">login to blogger account Go to template and edit HTML</span><br />
<br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"> Find below code by using Ctrl+F </span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="2"><b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</textarea><br />
<br />
<span style="font-size: large;">Replace above line with below code.</span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="10"><b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/></h2>
</b:if>
<div class='widget-content'>
<select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'>
<option>Choose a Category</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
</option>
</b:loop> </select> <b:include name='quickedit'/> </div>
</b:includable>
</b:widget>
</textarea><br />
<br />
<span style="font-size: large;">now save your template and go to your blog and check either widget is working correctly or not. </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">if you had any problem you can ask me in comment.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-40422986266761397622016-04-01T03:37:00.000-07:002017-01-27T21:41:17.772-08:00How To Make Your Comment Box Dofollow In Blogger<div style="text-align: justify;">
<span style="font-size: large;">Leaving your blog link on others blog comments is a good idea to generate extra traffic to your blog.</span><span style="font-size: large;">In blogger template attributes for links in comment are already defined.Usually we have two attributes, you </span><span style="font-size: large;">may already know.Nofollow and dofollow, these are the attributes that search engine bot read while crawling the </span><span style="font-size: large;">page.By default blogger set nofollow attribute for comments links.As we know search engine bot give preference </span><span style="font-size: large;">to dofollow links, so we will change nofollow comments to dofollow comments.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ox0Xdfzh5CuMdq2Cwzv5itP1VU22PokOt3-yrZlKwVBP-v2S_pnjTNc3DsrS1jPgiUG92XW8N3IV7JLbeon5YhXlV0mIVIrbquiGrjJKeLn62Y1LFNjlHdcjs3PU0PlWj_RSuZIjLQk/s1600/f000bbb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="how to dofollow comment box in blogger" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ox0Xdfzh5CuMdq2Cwzv5itP1VU22PokOt3-yrZlKwVBP-v2S_pnjTNc3DsrS1jPgiUG92XW8N3IV7JLbeon5YhXlV0mIVIrbquiGrjJKeLn62Y1LFNjlHdcjs3PU0PlWj_RSuZIjLQk/s320/f000bbb.jpg" title="how to make dofollow comment in blogger" width="320" /></a></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<span style="font-size: large;"><br /></span>
<br />
<h2>
<span style="font-size: large;">Why we make changes</span></h2>
<div style="text-align: justify;">
<span style="font-size: large;">Also it gives benefit in search engine ranking.As we know search engine show top ten result for any searched query.we </span><span style="font-size: large;">can change the no of results show per page by customizing setting but this not our topic.These top ten </span><span style="font-size: large;">result are high rank websites in specified niche.by making nofollow comment to dofollow we can increase our blog </span><span style="font-size: large;">traffic, because many other blogger look for dofollow blogs for comments.After changing your blog to dofollow comments,</span><span style="font-size: large;">you should share your blog on forums and other blogs comments.</span></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Some newbie post to many comment on each blog and start putting their link inside comment box.This is not good idea and </span><span style="font-size: large;">even some non professional bloggers put irrelevant</span><span style="font-size: large;"> and spammy links.To avoid spammy link you must check your comments </span><span style="font-size: large;">and remove irrelevant</span><span style="font-size: large;"> comments.Do not allow comments with lot of links.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<h3 style="text-align: justify;">
<span style="font-size: large;">Remove nofollow tag from blogger comments</span></h3>
<div>
<span style="font-size: large;">Step 1 login to blogger account and go to template of blog</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Step 2 Click edit html, press ctrl+f and search this code</span></div>
<blockquote class="tr_bq">
<span style="font-size: large;"><br /></span><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></blockquote>
<br />
<span style="font-size: large;">Step 3 Replace it with below code.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<a expr:href='data:comment.authorUrl' rel='dofollow'><data:comment.author/></a></blockquote>
<br />
<br />
<span style="font-size: large;">Step 4 Save your template, you have done.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><a href="http://5gblogger.blogspot.com/2016/01/make-external-links-nofollow-blogger.html">Make external links nofollow</a></span><br />
<br />
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Your process is complete you can view your blog.Now all link inside comment become dofollow.I hope it will help you,As you can see related topic above on making external links nofollow.Actually they are dofollow and Some people do not want dofollow external links so follow the instruction.Every person have different thinking but i think it is better to make changes according to your requirement.</span></div>
5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-80749697699334712092016-03-23T06:13:00.000-07:002017-03-31T06:40:03.913-07:00Dofollow Reciprocal Directory Submission List<div style="text-align: justify;">
<span style="font-size: large;">Today topic is reciprocal backlinks, you can get free dofollow backlinks.Reciprocal directory links can help to increase your page rank and traffic.You may have to </span><span style="font-size: large;">signup to submit your link.You will be asked to provide your blog url, blog name and description.Before click submit copy </span><span style="font-size: large;">the reciprocal link given by directory and paste it in your template.You can put reciprocal link in sidebar html gadget Or add it by editing your template.</span></div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoNSYXVNUuq4ozY3G_0qPKFrM6X9fWkJXYTaNJY3RTeHk_3YOnbSDHhThZPtQAXsXIbAEIFCAXp9f_ddlVuoOuuZjSLcxPzFLJ3C8gFaX9vMJaHzF7P52iqTKuo2gnlXbEdAVO0RM2brg/s1600/d2l5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoNSYXVNUuq4ozY3G_0qPKFrM6X9fWkJXYTaNJY3RTeHk_3YOnbSDHhThZPtQAXsXIbAEIFCAXp9f_ddlVuoOuuZjSLcxPzFLJ3C8gFaX9vMJaHzF7P52iqTKuo2gnlXbEdAVO0RM2brg/s320/d2l5.jpg" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<br />
<textarea cols="35" rows="20">http://www.walnut-fol.org
http://www.ignite400.org
http://www.ajcardona.org
http://www.shantydirectory.com
http://www.lookmoz.org/
http://www.huahua.info/
http://seodirectlinks.info/
http://www.w3n.in/
http://www.esubmitlinks.com/
http://www.bindexed.com/
http://www.123hitlinks.info/
http://www.gosubmitdirectory.com/
http://www.infowebworld.com/
http://www.orangelinker.com/
http://www.he-directory.com/
http://www.seeksky.com/
http://greatestwebdirectory.com/
http://www.killerdirectory.com/
http://www.linksdragon.com/
http://www.seofriendly.com.ar/
http://www.thelinkdirectory.co.uk
http://www.realitist.com/
http://www.zendirectory.com.ar
</textarea><br />
<br />
<span style="font-size: large;">If this post really helps you the hit <span style="color: #cc0000;">like</span> button.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-87778956148847860252016-03-15T01:41:00.000-07:002016-03-15T01:41:28.422-07:00Add Five Star Rating widget In Blogger<span style="font-size: large;">Rating widget is beneficial for online shopping store sites or movies blog or any to rate any product.while five star <b>widget </b>can be added to any article site.It used as feedback, may be you have seen in other blog at</span><span style="font-size: large;"> the bottom of post.</span><br />
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Fist i tell you about this widget.It show text rate this rate this post with <b>five star.</b>you have to edit blogger template to show in your blog.It also show how many people rate this post votes.before editing <b>blogger</b> template take <a href="http://5gblogger.blogspot.com/2016/03/how-to-backup-restore-blogger-template.html">backup of your template</a></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUqEioZMik6v21eQvsm3vjkWUcOsYbHSrcUTHDQ-quisvknr205IwvONyi9TQ6dKoIFSnGJ4aGeEE-O7jBTGLWnkSiMCUyHZHteJVB6ZjHgRgM6CFp9LiF-YXoz26FvRbrBGL3tNifa7U/s1600/five+star.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="adding rate this post" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUqEioZMik6v21eQvsm3vjkWUcOsYbHSrcUTHDQ-quisvknr205IwvONyi9TQ6dKoIFSnGJ4aGeEE-O7jBTGLWnkSiMCUyHZHteJVB6ZjHgRgM6CFp9LiF-YXoz26FvRbrBGL3tNifa7U/s1600/five+star.jpg" title="five star rating widget" /></a></div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">It is used to restore your template if you did some mistake so that can be recovered easily.this widget also increase beauty of your blog.you can add <a href="http://5gblogger.blogspot.com/2016/03/add-floating-search-box-in-blogger.html">floating search box</a> to stylize your template.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<h3>
<span style="font-size: large;">How to create five star rating in blogger</span></h3>
<div>
<span style="font-size: large;">First login to blogger account</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Go to template edit HTML</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKsBIIltwSYlB4uq-wacOs1BZpfpiGs56Pmp1O-eqL40RCjrFpTxg0HtesJvd202F5ZM9qbln_mGg3-hjZwklIsIpYa-k3sEj_pLBTR1N_l74zrquHTdHgNFv-8qYNAmi2eUGmtFN3oQc/s1600/temp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="modify blogger template" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKsBIIltwSYlB4uq-wacOs1BZpfpiGs56Pmp1O-eqL40RCjrFpTxg0HtesJvd202F5ZM9qbln_mGg3-hjZwklIsIpYa-k3sEj_pLBTR1N_l74zrquHTdHgNFv-8qYNAmi2eUGmtFN3oQc/s320/temp.png" title="editing template" width="320" /></a></div>
<span style="font-size: large;">Now search for his code </span></div>
<div>
<br /></div>
<textarea cols="70" rows="2"></head>
</textarea><br />
<br />
<span style="font-size: large;">Above </head> paste the given code.</span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="70" rows="3"><link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />
</textarea><br />
<br />
<span style="font-size: large;">Find this one</span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="3"><data:post.body/>
</textarea><br />
<br />
<span style="font-size: large;">Just below <data:post.body/> paste give script.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div>
<br /></div>
<textarea cols="50" rows="10"><b:if cond='data:blog.pageType != "static_page"'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'>
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>
Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>
{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div>
<div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'>
</div>
<script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if></textarea><br />
<br />
<span style="font-size: large;"><span style="color: #cc0000;">Note:</span>you may find <data:post.body/> more than time,in that case place this script below the last one.save your template.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">View your blog that your five star widget is working fine.If it is not working then you have to place this script below all <data:post.body/> tags.</span><br />
<br />5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-43849165151978782782016-03-14T23:39:00.000-07:002016-03-14T23:39:01.251-07:00How To Backup And Restore Blogger Template<div style="text-align: justify;">
<span style="font-size: large;">Blogger template can easily access and edit to modify your layout and design.getting backup is very necessary because while adding a widget we may need to edit template and if you are not very well aware of coding you can made mistake in </span><b style="font-size: x-large;">template </b><span style="font-size: large;">and only one mistake can totally change the design.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">To avoid unwanted changes in you blog design.you have to get backup so that you can restore it later.you can save the file in your computer that can be upload to restore your template.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Z5DsJb1koJESfQp4L1VWdmcthwpNii_YQHNo8DkssT4p9u1SjcEjkP0a9AQqk6rUKxCOA-But7ZIAamCUPidxuQcQEZey34egtvxniKq4K84MODQJvRz7uhxX1n8kfbCSaCcFhvxzu4/s1600/backup+template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Z5DsJb1koJESfQp4L1VWdmcthwpNii_YQHNo8DkssT4p9u1SjcEjkP0a9AQqk6rUKxCOA-But7ZIAamCUPidxuQcQEZey34egtvxniKq4K84MODQJvRz7uhxX1n8kfbCSaCcFhvxzu4/s1600/backup+template.jpg" title="get back up" /></a></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<h3>
<span style="font-size: large;">How to get backup of template</span></h3>
<div style="text-align: justify;">
<span style="font-size: large;">It is very easy to get backup.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">First login to your blogger account</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Now click on the left side template</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">At the top Right corner you can see <span style="color: #cc0000;"><b>backup</b></span> and </span></div>
<div style="text-align: justify;">
<span style="font-size: large;">restore option </span><span style="font-size: large;">as you can see in image above.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;">click it.</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;">New pop up appear to get back up click</span></div>
<div style="text-align: justify;">
<span style="font-size: large;">download full template</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguSltWqaYLRg5IYZV_dzUnyrfuNNrBxyIGdi00AzOgF09BzpcKK6BIhYQFSGxNdNsH3NgM5c7LIy47JhugNqj9_X1HaamAQPJtN5peentFgOYQPyF9LxBVMj8gI86QvE7DpuUpNLgDvHM/s1600/restore.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="upload file" border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguSltWqaYLRg5IYZV_dzUnyrfuNNrBxyIGdi00AzOgF09BzpcKK6BIhYQFSGxNdNsH3NgM5c7LIy47JhugNqj9_X1HaamAQPJtN5peentFgOYQPyF9LxBVMj8gI86QvE7DpuUpNLgDvHM/s320/restore.jpg" title="restoring template" width="320" /></a></div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Now you template file is downloaded in your computer.</span></div>
<div>
<span style="font-size: large;">keep it save.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<h3>
<span style="font-size: large;">Restore the blogger template </span></h3>
<div>
<span style="font-size: large;">To restore you have to repeat the above process but now instead of</span></div>
<div>
<span style="font-size: large;">downloading template upload the xml file of template that you save recently.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Your process finish.If you have any query or problem just ask me.</span></div>
5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-70055975053166527582016-03-14T04:21:00.000-07:002016-04-30T06:58:11.687-07:00Floating Search Box With On click Effect For Blogger<span style="font-size: large;">This is very important gadget for blog because user can search to get required topic.we have already added a simple color full <b>search</b> box later but this widget is stylish with some more effects.</span><br />
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Adding this gadget in blogger is very easy.this is very beautiful gadget with blue search button while when some one click in the <b>box </b>it expand so that you can write more words there.</span><br />
<span style="font-size: large;">you can also add <a href="http://5gblogger.blogspot.com/2015/11/add-floating-social-sharing-widget.html">vertical floating social share button</a></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbuGgpcx7VuhpzxCexK_vqqaTbJuy8yQc6NlpeqXWgIM_0yEttrTQkvIZpFA3VbYDpRjHb9jkQU9mpmUmEygU2oQywAa4u3a8vRhMKH-2pJspUofrw4zbm2Yi6K4q0LxTSx3os5UsBT6E/s1600/box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="find box" border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbuGgpcx7VuhpzxCexK_vqqaTbJuy8yQc6NlpeqXWgIM_0yEttrTQkvIZpFA3VbYDpRjHb9jkQU9mpmUmEygU2oQywAa4u3a8vRhMKH-2pJspUofrw4zbm2Yi6K4q0LxTSx3os5UsBT6E/s320/box.png" title="floating box" width="320" /></a></div>
<div>
<h3>
<span style="font-size: large;">How to add search box in blogger</span></h3>
<div>
<span style="font-size: large;">First login to blogger account</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">go to layout and add a gadget of Html/Javascript</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Now paste the below code there and save it the gadget</span></div>
<div>
<br /></div>
<div>
<span style="font-size: large;"><br /></span></div>
</div>
<textarea cols="50" rows="10"><!-- search box start -->
<div class='noop-searchbox' id='noop-searchbox'>
<form action='/search' id='noop-searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>
<button id='sbutton' type='submit'>
<span id='simg'/>
</button>
</form>
</div>
<a href="5gblogger.blogspot.com/2016/03/add-floating-search-box-in-blogger.html" alt="stylish search box" >
<img src="http://img1.blogblog.com/img/blank.gif" /></a>
<style type="text/css">
#sbutton {
background: -moz-linear-gradient(center top , #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed));
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%);background-color: #4d90fe;
border: 1px solid #3079ED;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
height: 27px;
min-width: 76px;
padding: 0 21px;padding-bottom: 2px;
}
#sbutton:hover{ background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%);
border: 1px solid #2F5BB7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#simg {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvW03X4So-sGm09v9XEV4ikdcPgJb-hD9N9-14AosQ3Oii7FTpaw6wCwmmIVJG5_v0Hn4W1uBLIpqeiXZ70qFfwRx7q7tjaoB7lGi8V73JR9p6LB6BZSEZXCvHdBhSidmfBYzrQLFV9Rw/s1600/searchicon.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 14px;
margin: 0;
width: 17px;z-index:101;
}#s:hover {box-shadow: 0 1px 2px #C1C1C1 inset;}
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;font: italic 14px times New Roman;padding: 4px 2px;width: 146px; -moz-transition: width 0.2s ease-in 0s; -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in;}
#s:focus {width: 200px;}
.noop-searchbox {
display: block;
position: fixed;
right: 0;
top: 1%;
max-width: 300px;min-width: 238px;
z-index: 100;
}
</style>
<!-- search box end -->
</textarea><br />
<br />
<span style="font-size: large;">visit your blog and see your widget is working fine.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-6612046132640030922016-02-11T08:58:00.000-08:002016-05-11T05:12:10.197-07:00Horizontal Social Sharing Widget With Hover Effect For Blogger<span style="font-size: large;">In previous tutorial we have learn how to floating social sharing</span><br />
<div>
<span style="font-size: large;">button while today we will add new widget that has amazing effects It has horizontal sharing button for blogger.It has beautiful green color with social media icons while when you have mouse hover on them,button become colorful and it looks awesome.</span></div>
<div>
<span style="font-size: large;"><br /></span>
<h2>
<span style="font-size: large;">why to add this widget</span></h2>
</div>
<div>
<span style="font-size: large;">Now i will tell you some thing about this widget.It has six sharing media button.first one is facebook, which is most popular.Adding this widget allow visitors to share your post.this widget float in horizontal mode, Twitter,instagram, pinterest, linkedin, google plus.It promote your blog increase your blog viewers.</span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpEP6FRY9ODPvyhuvYPTg20Mj6p5mPUN8aC0qeShZNgcJVVKiIQqspLrmqCTydcQidJ5GqUIwTq9ZQlcPkQ8ooLjrJOTM9K2UITJWe2Q_uvNnTwF4HpQrPUs3wdtoW18rebRB7ZeDRnGI/s1600/horiz.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="horizontal sharing button for blogger" border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpEP6FRY9ODPvyhuvYPTg20Mj6p5mPUN8aC0qeShZNgcJVVKiIQqspLrmqCTydcQidJ5GqUIwTq9ZQlcPkQ8ooLjrJOTM9K2UITJWe2Q_uvNnTwF4HpQrPUs3wdtoW18rebRB7ZeDRnGI/s400/horiz.png" title="horizontal widget" width="400" /></a></div>
<span style="font-size: large;"><br /></span></div>
<h3>
<span style="font-size: large;">How to add horizontal social sharing widget</span></h3>
<div>
<span style="font-size: large;">This widget is very simple to add. follow me in few steps</span><br />
<br />
<span style="font-size: large;">login to blogger account and edit Html</span><br />
<br /></div>
<br />
<span style="font-size: large;">Find this piece of code</span><br />
<br />
<textarea cols="50" rows="4">]]></b:skin>
</textarea><br />
<br />
<span style="font-size: large;">paste the below code before ]]></b:skin></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="10">/* Smart Share widget by http://5gblogger.blogspot.com */
.smartshare,.sharewrap{position:relative;display:block;font-size:0;margin:auto;text-align:center}
.sharewrap{display:block;text-align:center;margin:30px 0 0 0}
.sharewrap a.sb,.sharewrap a.fb,.sharewrap a.gp,.sharewrap a.tw,.sharewrap span.pl{text-decoration:none!important;display:inline-block;margin:0 .5px;font-weight:400;font-size:12px;color:#fff;text-shadow:none;padding:6px 10px;opacity:1;transition:all .3s}
.sharewrap a.sb {background:#222222;}
.sharewrap a.gp {background:#f20000;}
.sharewrap a.fb {background:#516ca4;}
.sharewrap a.tw {background:#00baff;}
.sharewrap span.pl {background:#ff6600;}
.fbbutback,.googlebutback,.plusbutback,.twbutback{font-size:13px!important;vertical-align:middle}
.sharewrap a.fb:hover,.sharewrap a.gp:hover,.sharewrap a.tw:hover,.sharewrap span.pl:hover{color:#fff;opacity:.9}
.sharewrap a.fb:active,.sharewrap a.gp:active,.sharewrap a.tw:active,.sharewrap span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
span.pl{color:green;cursor:pointer}
#sharepop{display:none}
.sharepopup{position:absolute;bottom:100%;right:15%;z-index:99;float:left;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
.sharepopup li{list-style:none!important;margin:0!important;padding-left:0!important;line-height:1.8em!important}
.sharepopup li a{color:#333!important;font-weight:400;display:block}
.sharepopup li a:hover{color:#078FF8!important}
ul#sharepop{margin:10px 0;padding:5px 15px}
</textarea><br />
<br />
<span style="font-size: large;">Again find below code</span><br />
<span style="font-size: large;"><br /></span>
<br />
<textarea cols="50" rows="2"><data:post.body/>
</textarea><br />
<br />
<span style="font-size: large;">If not found try to find this</span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="2"><div class='post-footer'>
</textarea><br />
<br />
<span style="font-size: large;">paste the below code after <data:post.body/> or</span><br />
<span style="font-size: large;"> <div class='post-footer'></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="10"><b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType != "archive"'>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
var siteurl = window.location.href;
document.write('<div class="sharewrap">
<div class="smartshare">
\
<a class="sb" <h2>Sharing is Caring </h2>
<i class="fa fa-share-square-o"></i></a> \ \
<a class="gp social-popup" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Share to Google+">\
<i class="fa fa-google-plus googlebutback"></i> Google</a> \
<a class="fb social-popup" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">\
<i class="fa fa-facebook fbbutback"></i> Facebook</a> \
<a class="tw social-popup" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Share to Twitter">\
<i class="fa fa-twitter twbutback"></i> Twitter</a> \
<span class="pl" data-target="#sharepop"><i class="fa fa-share-alt plusbutback"></i> Share More</span> \
<ul class="sharepopup" id="sharepop"> \
<li><a class="social-popup" href="javascript:pinIt();">Pinterest</a></li>
\
<li><a class="social-popup" href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="Share This On Digg">Digg</a></li>
\
<li><a class="social-popup" href="//www.linkedin.com/shareArticle?mini=true&url=' + siteurl + '" target="_blank" title="Share This On Linkedin">Linkedin</a></li>
\
<li><a class="social-popup" href="//www.stumbleupon.com/submit?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Stumbleupon">Stumbleupon</a></li>
\
<li><a class="social-popup" href="//delicious.com/post?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Delicious">Delicious</a></li>
\
<li><a class="social-popup" href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Tumblr">Tumblr</a></li>
\
<li><a class="social-popup" href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Share This On BufferApp">BufferApp</a></li>
\
<li><a class="social-popup" href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Pocket">Pocket</a></li>
\
<li><a class="social-popup" href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Evernote">Evernote</a></li>
\
</ul>
\
</div>
<div class="clear">
</div>
</div>
\
');
$(document).ready(function(){$(".pl").click(function(){$("#sharepop").slideToggle("fast")})});
function pinIt(){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("charset","UTF-8"),t.setAttribute("src","https://assets.pinterest.com/js/pinmarklet.js?r="+99999999*Math.random()),document.body.appendChild(t)};
//]]>
</script>
<div class='clear'/>
</b:if>
</b:if></b:if>
</textarea><br />
<br />
<span style="font-size: large;">Save the template and enjoy beautiful horizontal share widget.If you face any problem or have any suggestion inform me by your comment</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-80035863767766073662016-02-03T01:46:00.000-08:002017-04-15T21:51:51.060-07:00Add Flying Animated Text Below Mouse Pointer In Blogger<span style="font-size: large;">Flying letters is a cool way to get attention of visitors.It is actually a script that is added before closing body in template.today we will see how to add animated message behind mouse .you can add any flying text letter, welcome note or any notification.like you can add any wishing animated text on special day.when you move mouse cursor these letter move behind cursor with awesome animation effect.It moves like wave.</span><br />
<span style="font-size: large;"><a href="http://5gblogger.blogspot.com/2016/01/add-random-post-widget-in-blogger.html">Random post widget for blogger</a></span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5jAF2iPDMqWdp3D7ccY6yhocv64T3S7HfNYOv9UYwseBxBQpLnq8UyzExsROqJRVfnhvhn_Gv5A0AEjL0rM2tlGdOTAAPEkidZEMK3j8MsJQkaK2QIuOpRi2pjktSQ2Q9EnquMAHrPG0/s1600/add+flying+letter+in+blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="adding animated letter" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5jAF2iPDMqWdp3D7ccY6yhocv64T3S7HfNYOv9UYwseBxBQpLnq8UyzExsROqJRVfnhvhn_Gv5A0AEjL0rM2tlGdOTAAPEkidZEMK3j8MsJQkaK2QIuOpRi2pjktSQ2Q9EnquMAHrPG0/s320/add+flying+letter+in+blogger.png" title="how to add flying letter below mouse pointer" width="320" /></a></div>
<h2>
<span style="font-size: large;">why to add this widget</span></h2>
<span style="font-size: large;">This widget is not compulsory but it increase the beauty of blog and catch eye of viewer because it looks that text is moving behind mouse pointer.Also i want to tell you a new widget for blogger which also increase beauty and help to increase more click.</span><br />
<span style="font-size: large;"><a href="http://5gblogger.blogspot.com/2015/01/add-recent-post-widget-in-blog.html">Recent post widget for blogger</a></span><br />
<br />
<h3>
<span style="font-size: large;">How to add flying letters below mouse cursor in blogger</span></h3>
<div>
<span style="font-size: large;">Step1:login to blogger account and go to your blog</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="color: #cc0000; font-size: large;">Step2:Go to layout and Add gadget of HTML/Javascript</span><br />
<span style="color: #cc0000; font-size: large;"><br /></span>
<span style="color: #cc0000; font-size: large;">Paste the given code there and save the gadget.</span><br />
<span style="color: #cc0000; font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<!--flying text widget start--><br />
<style type='text/css'><br />
#animlekha {<br />
font-style: italic;<br />
font-weight: normal;<br />
font-family: 'Oswald', sans-serif;<br />
color: <span style="color: #cc0000;">#008BDB</span>;<br />
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}<br />
#animlekha div {position: relative;}<br />
#animlekha div div {position: absolute;top: 0;left: 0;text-align: center;}<br />
</style><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
;(function(){<br />
// ===== Script Start =====//<br />
// Enter the desired sentence<br />
var msg = "<span style="color: #cc0000;">Welcome text</span>";<br />
// Set font's style size for calculating dimensions<br />
// Set to number of desired pixels font size (decimal and negative numbers not allowed)<br />
var size = 25;<br />
// Set both to 1 for plain circle, set one of them to 2 for oval<br />
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)<br />
var circleY = 0.75; var circleX = 2;<br />
// The larger this divisor, the smaller the spaces between letters<br />
// (decimals allowed, not negative numbers)<br />
var letter_spacing = 5;<br />
var diameter = 5;<br />
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)<br />
var speed = 0.3;<br />
var rotation = 0.2;<br />
// ===== Script Finish by http://5gblogger.blogspot.com =====//<br />
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;<br />
msg = msg.split('');<br />
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,<br />
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],<br />
o = document.createElement('div'), oi = document.createElement('div'),<br />
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :<br />
document.body,<br />
mouse = function(e){<br />
e = e || window.event;<br />
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position<br />
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position<br />
},<br />
makecircle = function(){ // rotation/positioning<br />
if(init.nopy){<br />
o.style.top = (b || document.body).scrollTop + 'px';<br />
o.style.left = (b || document.body).scrollLeft + 'px';<br />
};<br />
currStep -= rotation;<br />
for (var d, i = n; i > -1; --i){ // makes the circle<br />
d = document.getElementById('iemsg' + i).style;<br />
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +<br />
'px';<br />
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';<br />
};<br />
},<br />
drag = function(){ // makes the resistance<br />
y[0] = Y[0] += (ymouse - Y[0]) * speed;<br />
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;<br />
for (var i = n; i > 0; --i){<br />
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;<br />
x[i] = X[i] += (x[i-1] - X[i]) * speed;<br />
};<br />
makecircle();<br />
},<br />
init = function(){ // appends message divs, & sets initial values for positioning arrays<br />
if(!isNaN(window.pageYOffset)){<br />
ymouse += window.pageYOffset;<br />
xmouse += window.pageXOffset;<br />
} else init.nopy = true;<br />
for (var d, i = n; i > -1; --i){<br />
d = document.createElement('div'); d.id = 'iemsg' + i;<br />
d.style.height = d.style.width = a + 'px';<br />
d.appendChild(document.createTextNode(msg[i]));<br />
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;<br />
};<br />
o.appendChild(oi); document.body.appendChild(o);<br />
setInterval(drag, 25);<br />
},<br />
ascroll = function(){<br />
ymouse += window.pageYOffset;<br />
xmouse += window.pageXOffset;<br />
window.removeEventListener('scroll', ascroll, false);<br />
};<br />
o.id = 'animlekha'; o.style.fontSize = size + 'px';<br />
if (window.addEventListener){<br />
window.addEventListener('load', init, false);<br />
document.addEventListener('mouseover', mouse, false);<br />
document.addEventListener('mousemove', mouse, false);<br />
if (/Apple/.test(navigator.vendor))<br />
window.addEventListener('scroll', ascroll, false);<br />
}<br />
else if (window.attachEvent){<br />
window.attachEvent('onload', init);<br />
document.attachEvent('onmousemove', mouse);<br />
};<br />
})();<br />
//]]><br />
</script><br />
<!--flying text widget ends--></blockquote>
<span style="color: #cc0000; font-size: medium;"></span><br />
<span style="color: #cc0000; font-size: large;"><br /></span>
<span style="color: #cc0000; font-size: large;">Note:</span><span style="font-size: large;"> In the above code replace <span style="color: #cc0000;">welcome text</span> with your text you want to appear on your blog.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">visit you blog to confirm that animated letters appear on your blog while moving cursor.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">To change color of text <span style="color: #cc0000;">change </span></span><span style="color: #cc0000; font-size: large;">#008BDB </span><span style="font-size: large;">in above code with your color code.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Here there is few color code</span><br />
<span style="font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-size: large;">green #9acd32</span><span style="font-size: large;"><br /></span><span style="font-size: large;">blue #3c69ff</span><span style="font-size: large;"><br /></span><span style="font-size: large;">red #d73a31</span></blockquote>
<span style="font-size: large;"></span></div>
<span style="font-size: medium;"></span><br />
<br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><span style="color: #cc0000;">Also</span> <a href="http://5gblogger.blogspot.com/2015/10/add-colourful-search-box-in-blogger.html">Add stylish search box in your blog</a></span><br />
<span style="font-size: large;">I hope i work fine on your blog.Enjoy animated flying letter in blogger if you have any problem, you can contact me i will try my best to fix your problem.Also i would like to hear you thought and suggestion.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-40639033667682725112016-01-29T22:56:00.002-08:002016-12-22T21:20:43.012-08:00Add Random Post Widget With Round Thumbnail In Blogger<span style="font-size: large;">we use label to arrange post but if you have blog and updating daily with new things then you may have many post.Random post widget is the need of that blogger blog so visitor can access to more random post.while you can also use other widgets.</span><br />
<div>
<span style="font-size: large;"><br /></span>
<br />
<div>
<span style="font-size: large;"><span style="color: #cc0000;">Also you can</span> <a href="http://5gblogger.blogspot.com/2015/01/add-recent-post-widget-in-blog.html">Add Multi Color Recent post widget</a> to get more expose of your blog.</span></div>
</div>
<div>
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTTGifbpFLVdD7DYtZs9Ahzg8SLA11JyJiCuVk6JAWDojad9313hVsJZC2hvM6kFZ5oMeUhVTA9uNe10Bow1SvFUpQqGfDIUr7wEhLi1tNZGv6sIlyxhXxnd5puhcROZDFUXXREFeBSic/s1600/random.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="random post widget with thumbnail" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTTGifbpFLVdD7DYtZs9Ahzg8SLA11JyJiCuVk6JAWDojad9313hVsJZC2hvM6kFZ5oMeUhVTA9uNe10Bow1SvFUpQqGfDIUr7wEhLi1tNZGv6sIlyxhXxnd5puhcROZDFUXXREFeBSic/s320/random.png" title="random post for blogger" width="277" /></a></div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Before i tell you how to add random post widget in blogger i would like to tell you about random post widget and its feature.The title of post has font size of 11px while image thumbnail had radius of 70px.Random articles are like related article, this widget will show three <b>random post </b>with round image thumbnail and title snippets.It show articles randomly.Also it show the date of articles publish and how many comments on that post.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<h2>
<span style="font-size: large;">How to add Random post widget in blogger</span></h2>
<div>
<span style="font-size: large;">1 First login to your blogger account and go to your blog.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">2 Go to template and edit Html</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">3 Find this code</span><br />
<blockquote class="tr_bq">
<span style="font-size: large;">]]></b:skin></span></blockquote>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lu8IwlpCfgg6JYcy86843vbjTDOvul_rzaxKnekCxu5E6Pdr2YTEPo72n0j1MQDZY-A8_R_Mm6g4s5Gb7veYpTHSeMeT4KmKMhsydcvXYCrYFlhVrxkeI4WZJjQI9EW4VY6mXe1oTUA/s1600/skin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="adding design of blog" border="0" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lu8IwlpCfgg6JYcy86843vbjTDOvul_rzaxKnekCxu5E6Pdr2YTEPo72n0j1MQDZY-A8_R_Mm6g4s5Gb7veYpTHSeMeT4KmKMhsydcvXYCrYFlhVrxkeI4WZJjQI9EW4VY6mXe1oTUA/s320/skin.png" title="editing template" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">4 Copy the below code and paste above ]]></b:skin></span><br />
<span style="font-size: medium;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="font-size: medium;"> /* Random Posts Style */#random-posts img {float: left;margin-right: 10px;width: 45px;height: 45px;background-color: #EEEEEE;padding: 3px;border-radius: 70px;}ul#random-posts {list-style-type: none;width: <span style="color: #cc0000;">304</span>px;float: right;display: inline-block;margin: 20px -10px 0px 0px;}ul#random-posts li {margin-bottom: 3px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLNv9nfLOaKQo_Cb2TunJuCSnteDmpv2i_RORiWXdV0RLkpxjEeUvOg7YjbtL0mj0yc6JvuvpO_iEQtCopAa_0hYOkcOeCtXLu39cNM9vxop_feTHNH0vJji5dO_6JYh00RX5KJ15RVdP1/s1600/blockquote-bg.png);background-repeat: repeat;border-bottom: 1px solid #E8E8E8;padding: 6px 2px;}ul#random-posts li span {font: 11px Cambria,Georgia,sans-serif;}#random-posts h4 {font: 15px Cambria,Georgia,sans-serif;color: #E75A3A;font-weight: bold;}#random-posts a {color: #222;font: 12px Cambria,Georgia,sans-serif;}#random-posts a:hover {color: #E75A3A;}</span></blockquote>
<span style="font-size: medium;"><br /></span>
<span style="font-size: large;">5 Now go to layout and add gadget of html/javascript</span><br />
<br />
<span style="font-size: large;">Paste then below code there</span><br />
<span style="font-size: large;"><br /></span>
<br />
<blockquote class="tr_bq">
<ul id='random-posts'><br />
<script type='text/javaScript'><br />
var rdp_numposts=<span style="color: #cc0000;">4</span>;<br />
var rdp_snippet_length=150;<br />
var rdp_info='<span style="color: #cc0000;">yes</span>';<br />
var rdp_comment='Comments';<br />
var rdp_disable='Comments Disabled';<br />
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};<br />
</script><br />
<a style="font-size: 0px; color: #fcfcfc; float: right; margin: 5px;" href="http://5gblogger.blogspot.com/2016/01/add-random-post-widget-in-blogger.html" rel="dofollow">random post Widget</a><br />
<script type='text/javaScript'><br />
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYMliyzU397cqnhjDQck-wGKCtUQDiYYjqaVvbjVCIgqofuz3M4Oi_ZgBMf39daIeifWY2t6anm8OfTZCvQdoDCk1C1fvhQ4LSIRX4_sr3EF0F256xIvU9siGwKPA7t6Zh0pW8KzV4tyE/s1600/no_thumb.png"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" title="'+rdp_snippet+'"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};<br />
</script><br />
</ul></blockquote>
<span style="font-size: medium;"></span><br />
<br />
<span style="font-size: large;">6 Save the gadget now <span style="color: #cc0000;">visit your blog to confirm</span>.you can see random post are displayed.</span><br />
<span style="font-size: large;"><br /></span><span style="font-size: large;">Note: this random article widget show five number of post.you can change it by editing to your requirement.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<h4>
<span style="font-size: large;">Customization of widget</span></h4>
<span style="font-size: large;">To <span style="color: #cc0000;">change number of<b> random post</b> </span>displayed look at third line in above code,that is var rdp_numposts=<span style="color: #cc0000;">4</span>; change number four to your choice number.</span><br />
<span style="font-size: large;"><br /></span><span style="font-size: large;">It also show date of articles published. and comment on random post, you can also hide it.so if you<span style="color: #cc0000;"> want to remove date and number of comment, </span>beneath random post title look at fifth line of above code that is var rdp_info='<span style="color: #cc0000;">yes</span>'; change yes to no and save the gadget.</span><br />
<span style="font-size: large;"><br /></span><span style="font-size: large;">Also If your <b>random post widget</b> width is not match to your blog sidebar.you can <span style="color: #cc0000;">adjust position of the widget.</span>To change look at<span style="color: #cc0000;"> code of step 4</span>.you can see <span style="color: #cc0000;">304 lighted in red </span>color.increase or decrease widget width according to your requirement.</span><br />
<span style="font-size: large;"><br /></span><span style="font-size: large;">you are done.Enjoy beautiful random post in blogger.if you have any query feel free to ask.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: medium;"><span style="font-size: large;">If you have </span><span style="color: #cc0000; font-size: large;"><b>problem in design</b></span> </span><span style="font-size: large;">of random post widget then you have to do few additional steps.remove the code that you have added </span><span style="font-size: large;"> </span><span style="font-size: large;">above ]]></b:skin> in your template.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQeTcO9uoETT9JsnzkOtGvoj10wGzC89O3XDs0VEytiEJKghUZo1ZjvQoeZUN6foGqz_Z-6HPAQfqhja6g8aAm3vZy7a0rp1Ap4oAk60SSmeYk2PMLS9ZrDdVnyC_ykxUiQpD919xUqgM/s1600/add+css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQeTcO9uoETT9JsnzkOtGvoj10wGzC89O3XDs0VEytiEJKghUZo1ZjvQoeZUN6foGqz_Z-6HPAQfqhja6g8aAm3vZy7a0rp1Ap4oAk60SSmeYk2PMLS9ZrDdVnyC_ykxUiQpD919xUqgM/s320/add+css.jpg" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">GO to template and click customize go to advanced then click on add css, copy the code from step 4 and paste it there and click apply to blog.Now your random post design work properly</span></div>
5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-64881595740876465102016-01-29T03:53:00.004-08:002016-02-15T08:01:12.261-08:00Add Snow Falling Widget In Blogger- Just Two Steps<span style="font-size: large;">Today we will learn learn how to add snow falling widget in blogger. first i will tell you about this widget how it works </span><span style="font-size: large;">this is a cool widget which create beautiful winter leave and falling snow and leave effect.It create beautiful scene.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">It looks more beautiful if you blog background is dark because all you know snow is white hence this looks more awesome if</span><br />
<span style="font-size: large;">your blog have dark color template.This make snow falling looks prominent.If your blog template color is whit then you</span><br />
<span style="font-size: large;">see nothing prominent.so use dark color template.</span><br />
<span style="font-size: large;"><span style="color: #cc0000;">Also: </span><a href="http://5gblogger.blogspot.com/2016/01/how-add-pinterest-pin-it-blogger.html">Add pinterest pin it button on images</a></span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh11s8124M2fYaX3ElkwOSFyaITTnzeUWPRzrv7tT0oLYxH-PF8HPK72DkhxAX5fyRiKYJ7GsA6uHXdJKHakBJmRrqADuv3Cc6fkGUGDdn_qBpm9mQDYaYLT85srCIHfZnkUgj22P2QqHg/s1600/snow+falling+wiget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="snow falling widget for blogger" border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh11s8124M2fYaX3ElkwOSFyaITTnzeUWPRzrv7tT0oLYxH-PF8HPK72DkhxAX5fyRiKYJ7GsA6uHXdJKHakBJmRrqADuv3Cc6fkGUGDdn_qBpm9mQDYaYLT85srCIHfZnkUgj22P2QqHg/s320/snow+falling+wiget.png" title="snow falling in blog" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<br />
<h2>
<span style="font-size: large;">How to add snow Falling widget in blog</span></h2>
<span style="font-size: large;">Adding the widget consist of two steps</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">First login to your blogger account then go to template and edit html.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">After that click inside the template code area and press ctrl+f you will see new search </span><span style="font-size: large;">box open.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Search this piece of code</span><br />
<span style="font-size: large;"><br /></span>
<br />
<textarea></head>
</textarea><br />
<br />
<span style="font-size: large;">Then paste given code above </head></span><br />
<br />
<textarea cols="50" rows="10"><!-- snow falling script start -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'/>
<script type='text/javascript'>//<![CDATA[
(function($){$.fn.snow=function(options){var $flake=$('<div id="flake" />
').css({'position':'absolute','top':'-50px'}).html('❄'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);//]]></script><script>$(document).ready( function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});</script><a href="http://5gblogger.blogspot.com" alt="Blogger seo widget" >
<img src="http://img1.blogblog.com/img/blank.gif" /></a>
<!-- snow falling script end -->
</textarea><br />
<br />
<span style="font-size: large;">I have test this widget working fine.But If you have any problem just ask to me.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-23714373847990767232016-01-27T23:13:00.000-08:002016-10-06T23:19:06.680-07:00How To Find And Add RSS Feed In Blogger<div style="text-align: justify;">
<span style="font-size: large;">Many people asked me how to find RSS feed for Blogger blog, that why i made this post.It is effect way to get more visitors, people can subscribe your rss feed, if they like your blog content. It allows to connect with your content and hey will know about news post in your blog.Finding the RSS feed address in Blogger is not hard task.you may not believe some bloggers want to remove rss feed from their blog, its depend on the author of blogger.I personally found rss feed effective tool.basically these are of two types, first is atom and second in rss.Also we can customize it to our requirement, like we can add full site feed, label, comments or individual post.I am giving you example of all rss feed given below.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDNZB5C-WjgCk6gwoFR03Zs-WZLG3Evp_OxjF-KLyLHDbeWaUQ9Dvnvr9NTnlE0I4lcaDXTC2uH_ARMZITdjwqHzEEEhJcPfpfDE8A1UclVk5cTy-fTy02kUn5z_TQhoJ62rmZlXl8wY/s1600/rss+dfd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="find my blogger blog rss feed" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDNZB5C-WjgCk6gwoFR03Zs-WZLG3Evp_OxjF-KLyLHDbeWaUQ9Dvnvr9NTnlE0I4lcaDXTC2uH_ARMZITdjwqHzEEEhJcPfpfDE8A1UclVk5cTy-fTy02kUn5z_TQhoJ62rmZlXl8wY/s1600/rss+dfd.jpg" title="finding blogger feed" /></a></div>
<span style="font-size: large;"><br /></span>
<br />
<br />
<br />
<h2>
<span style="font-size: large;">Finding Rss feed url</span></h2>
<span style="font-size: large;">Full site feed:</span><br />
<br />
<br />
<br />
<blockquote class="tr_bq">
RSS 2.0: http://blogname.blogspot.com/feeds/posts/default?alt=rss</blockquote>
<br />
<span style="font-size: large;">Comments-only feed:</span><br />
<br />
<blockquote class="tr_bq">
<br />RSS 2.0: http://blogname.blogspot.com/feeds/comments/default?alt=rss</blockquote>
<br />
<span style="font-size: large;">specific label site feed</span><br />
<br />
<br />
<br />
<blockquote class="tr_bq">
RSS 2.0: http://blogname.blogspot.com/feeds/comments/default?alt=rss/-/labelname</blockquote>
<br />
<br />
<span style="font-size: large;">Replace <span style="color: #cc0000;">blogname.blogspot</span> with your blog url.If you are using</span><br />
<span style="font-size: large;">specific label rss site feed then change label name with your blog label.</span><br />
<br />
<div style="text-align: justify;">
<span style="font-size: large;">Many blogger add rss feed in their blog and find it useful.As i describe about atom and rss.These are the two different tags used which provide information about website.but you have full control </span><span style="font-size: large;">on your blog feed .You can allow your visitors full feed, short or customize.You can also disable showing your blog feed.If you want to change the setting of your blog feed go</span><span style="color: #cc0000; font-size: large;"> Setting > others</span><span style="font-size: large;"> </span></div>
<div style="text-align: justify;">
<span style="font-size: large;">There you will see option of site feed, you can change to your requirement.</span></div>
<span style="font-size: large;"><br /></span>
<div style="text-align: justify;">
<span style="font-size: large;">Let me describe you little about the options of site feed.If you select full then blogger will show your all content of your posts and pages and if you select jump break it show content above jump break.If you select short blogger will show few words, and when you select none it shows nothing</span></div>
<br />
<br />
<h3>
<span style="font-size: large;">Add Rss feed widget in blog</span></h3>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">login to blogger account and go to your blog</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Now move to layout and click on add a gadget</span><br />
<span style="font-size: large;">Add the rss feed gadget.</span><br />
<span style="font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB3BZ8ZD7joMZGJJ_Z5cvaTSwBh4dIobPUZlDZgxOs3J-EKzFUfdspyZhv337my-wKrtJB15SwwrvJ_fo3DW9Jc-1-1nYzk674T7w5g1wyOlxXbHzr-w_gUWd6i3-YN2h_DkFtf4XOOrQ/s1600/iii8888.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB3BZ8ZD7joMZGJJ_Z5cvaTSwBh4dIobPUZlDZgxOs3J-EKzFUfdspyZhv337my-wKrtJB15SwwrvJ_fo3DW9Jc-1-1nYzk674T7w5g1wyOlxXbHzr-w_gUWd6i3-YN2h_DkFtf4XOOrQ/s400/iii8888.jpg" width="400" /></a></div>
<span style="font-size: large;"><br /></span><span style="font-size: large;">Paste your blog rss feed url </span><span style="font-size: large;">Click continue</span><span style="font-size: large;"> </span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">Select the options to show number of posts,item dates, item sources, and open links in a new window.</span><br />
<span style="font-size: large;"><br /></span><span style="font-size: large;">Now save it and you can change position of gadget by dragging.</span><br />
<span style="font-size: large;">click save arrangements at the top right corner.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">I hope it helps you a lot.In case of any problem you can ask me, i would love to hear your voice.Also do not forget to share and like with your friends.</span><br />
<br />5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-29739074554362174852016-01-26T22:27:00.000-08:002016-03-18T22:40:18.218-07:00How To change Default Comment Avatar In Blogger<span style="font-size: large;">As you know the anonymous comment image is blank is blogger.we will change the default avatar with other images.</span><br />
<span style="font-size: large;">Anonymous user do not want to show their name and other detail.before publishing comment blogger may ask for security check.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAE-lMwHTQPDDFn1eLthqmRxb4eyNUP8OaaPkktAwFoWpd4UOL7TrkluWMRgUTwJM5xKqqkcLxAiPTnWCgo7znJR3IRjdFmy_HtW4xtDn89JgD2wlFxfFxuDybGT5UPImMAVn9O0zxIAs/s1600/avatat.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger comment" border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAE-lMwHTQPDDFn1eLthqmRxb4eyNUP8OaaPkktAwFoWpd4UOL7TrkluWMRgUTwJM5xKqqkcLxAiPTnWCgo7znJR3IRjdFmy_HtW4xtDn89JgD2wlFxfFxuDybGT5UPImMAVn9O0zxIAs/s320/avatat.png" title="change avatar" width="320" /></a></div>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">But when if some one comment using google account then image on google plus profile will be shown and if that user have blogger account then blogger icon appear in picture.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<h3>
<span style="font-size: large;">How to remove/change default avatar in blogger comment</span></h3>
<div>
<span style="font-size: large;">First you have to login to your account</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">now go to template and edit HTML</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">press CTRL+F inside code area then a search box appear</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<div>
<span style="font-size: large;">Search for</span></div>
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="2"></body>
</textarea><br />
<br />
<span style="color: #cc0000; font-size: x-large;">Style 1</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EfCVl11f86hfi-NzBiUTubf7Lvcw2mfDBoGD4UBKevj61DoSIMzRO5VQWf2yoFtSVMsK4SItz5x0C4yfh1-7D-8s08PVKWQU1R1DpMT4crD2nvXmPDxTjm-L3-anHLYgduhTQaNI70Q/s1600/commment.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="logo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EfCVl11f86hfi-NzBiUTubf7Lvcw2mfDBoGD4UBKevj61DoSIMzRO5VQWf2yoFtSVMsK4SItz5x0C4yfh1-7D-8s08PVKWQU1R1DpMT4crD2nvXmPDxTjm-L3-anHLYgduhTQaNI70Q/s1600/commment.png" title="style" /></a></div>
<br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">paste the given code before </body></span><br />
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="10"> <script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSoC2xTWy_f9jxmrr8LXYzeeliZWSNos5Gq3r4jf1-pitQLMMxQlhzVKlkYD9NTp8nJCmhVZuitv1V1vEIH82aM63H_JjF4bOa9WQ6EfrYCDfD8OsX0Ebykrx2r47X-ZZGHuIWDnnds_o/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', ' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhprpL5OH8acsKvfY098m1AsJLzBpKbzUbMuzijXNjP0hwNVv176IGKPSbTtLUOt_4JIV69JJmAyUlEge9nyzc4Uy34QcPruYB65JozIKRl6f2vI4TK0eN7CThtFDCWW0P80lN2BbJoRe8/s256/blogger-icon.png')
.ssyby('blank')
</script>
</textarea><br />
<br />
<br />
<br />
<span style="color: #cc0000; font-size: x-large;">Style 2</span><br />
<span style="color: #cc0000; font-size: x-large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0-2qzUA4RoOitFS9EGWUzZzndpdoDhxEnZl6bwqb0GmlzIj2OyngO_uv-OIGUK20U2EmcENJ4IBt_JR2mLR4v7akxQJcAp1WrY2WroBgO0ToOp2RzHfsUpERUOUtbs8G6LPimT_neJc/s1600/ano.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0-2qzUA4RoOitFS9EGWUzZzndpdoDhxEnZl6bwqb0GmlzIj2OyngO_uv-OIGUK20U2EmcENJ4IBt_JR2mLR4v7akxQJcAp1WrY2WroBgO0ToOp2RzHfsUpERUOUtbs8G6LPimT_neJc/s1600/ano.png" /></a></div>
<span style="color: #cc0000; font-size: x-large;"><br /></span>
<br />
<span style="font-size: large;">for style 2 add given code before </span><span style="font-size: large;"></body></span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;"><br /></span>
<textarea cols="50" rows="10"> <script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSoC2xTWy_f9jxmrr8LXYzeeliZWSNos5Gq3r4jf1-pitQLMMxQlhzVKlkYD9NTp8nJCmhVZuitv1V1vEIH82aM63H_JjF4bOa9WQ6EfrYCDfD8OsX0Ebykrx2r47X-ZZGHuIWDnnds_o/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', ' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR8dgSsr5G79gPrH2ITWjyWvjG2urEhgEMwgOAsG-woINskHhj3wkjlnvIXXHplnmJRpWWb414byeliL65n5QIweAuTO-uHU6qqRqJsrrWZ_80iZG4Nkx_Nz_4M24W9OHCPD15j2Qv9M4/s268/anonymous3.png
')
.ssyby('blank')
</script
</textarea><br />
<br />
<br />
<span style="font-size: large;">save your template and keep enjoying.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.comtag:blogger.com,1999:blog-476561334980423921.post-27202537486616526222016-01-25T07:28:00.000-08:002017-04-14T23:04:21.097-07:00How To Add Pinterest Pin It Mouseover Button in Blogger<span style="font-size: large;">Adding pinterest pin button in blogger image is a good tool to make you blog famous. Images are essential thing that blogger use in their post so that visitor can easily understand the topic.Pinterest is a searching tool that can be use to find interest of your like while there many board are available on different topic you can pin it so you will view the topic related to the board you had pin it.you can pin it any content on internet.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">when user visitor click the red pin it button on image the add that post in their account but if they not login to pinterest the can not pin it.To pin the post user must have pinterest account.</span><br />
<span style="font-size: large;"><br /></span>
<span style="font-size: large;">There are many benefits of adding pinterest button in your blog.First you get many new visitors so your blog page view increase that is the wish of every newbie.</span><br />
<span style="font-size: large;"><span style="color: #cc0000;">Also Read:</span> <a href="http://5gblogger.blogspot.com/2015/11/tips-to-increase-blog-page-views.html">how to get more pageviews</a></span><br />
<span style="font-size: large;">Beside that you can make board there and get your blog more famous to gain new and may be unique visitors.</span><br />
<span style="font-size: large;"><br /></span>
<br />
<h2>
<span style="font-size: large;">Editing blogger template</span></h2>
<div>
<span style="font-size: large;">To very first step login to your blogger account and then go to your template and edit html.now click inside code area and press cntrl+f and a searching box appear then search the below code.</span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<textarea></body>
</textarea><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEkQrrmtW8sZru9rgFnIMaEOHAzC9aiHp1nejAz0YZ5GNhuPMmPK-7GWHfSRGAFDUvpHdnQsf65aSN0UOHt1nHx1yMa0_ly3f1o5FdL5f3qu3YIdbb-xPZYMJKdGZGkzZPS6fXd_qJ1o/s1600/pinterest+button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEkQrrmtW8sZru9rgFnIMaEOHAzC9aiHp1nejAz0YZ5GNhuPMmPK-7GWHfSRGAFDUvpHdnQsf65aSN0UOHt1nHx1yMa0_ly3f1o5FdL5f3qu3YIdbb-xPZYMJKdGZGkzZPS6fXd_qJ1o/s320/pinterest+button.png" width="320" /></a></div>
<br />
<h3>
<span style="font-size: large;">Add pinterest button code</span></h3>
<div>
<span style="font-size: large;">after you search </body> then paste the given code above </body></span></div>
<div>
<span style="font-size: large;"><br /></span></div>
<textarea cols="50" rows="10"><script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0eahoYh3D9-qlKPLYr3m1Ur62msUQ93Lrf7aRAod_RqFLoWCPfM5ngvFrO5euRlpYfMCEAs05NvcxdqM6r7u4OLrE26ifRYSiUz8dr2TbfUtyEAvyKBXiH3R3_ocaFf9w7Gg7-mdNBK32/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' type='text/javascript'>
// Visit 5gblogger.blogspot.com for more widgets and tricks.
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1i(1j).1k(r($){$(\'M\').1l(\'<6 p="4:D;" N="A" O="\'+13+\'" >\');$(\'#7-6-P\').1m();3 l;3 m;3 n;$(\'.A\').1n(r(){m=$(\'.A\').E(F);n=$(\'.A\').G(F);$(\'.A\').1o()});3 o=$(\'#7-6-P\').1p().1q("1r.1s.14");o!=-1&&15();r 15(){$(\'.s-16 6,.H-M 6,.s-17 6\').1t(\'.18,.18 6\').1u(r(){$(\'.7-4\').t("4","D");19(l);3 a=$(q);3 b=1a(a.t("Q-u"));3 c=1a(a.t("Q-v"));3 d;3 e;1v(1w){B\'1x\':d=a.9().u+a.G(F)/2-n/2;e=a.9().v+a.E(F)/2-m/2;C;B\'1y\':d=a.9().u+b+5;e=a.9().v+c+a.E()-m-5;C;B\'1z\':d=a.9().u+b+5;e=a.9().v+c+5;C;B\'1A\':d=a.9().u+b+a.G()-n-5;e=a.9().v+c+a.E()-m-5;C;B\'1B\':d=a.9().u+b+a.G()-n-5;e=a.9().v+c+5;C}3 f=a.1C(\'O\');3 g=a.1D(\'.H,.1E,.s\').R(\'.H-S,.s-S,.s-1F\');3 h=g.1G();w(T U===\'V\'){U=\'\'}w(T W===\'V\'){W=\'\'}w(g.R(\'a\').1H){X=g.R(\'a\').I(\'Y\').1b(/\\#.+\\b/1c,"")}Z{X=$(1I).I(\'Y\').1b(/\\#.+\\b/1c,"")}3 i=\'<1d N="7-4" p="1e:x;9: 1J;z-1K: 1L;" ><a Y="1M://1N.14/1O/1P/P/?1Q=\'+X+\'&1R=\'+f+\'&1S=\'+U+h+W+\'" p="1e:1T;1U:x;" 1V="1W"><6 N="1X" p="-1Y-J-K:x;-1Z-J-K:x;-o-J-K:x;J-K:x;10: 0.8;20:21;Q: 0;22: 0;23:0;" O="\'+13+\'" S="24 1f 25" ></a></1d>\';3 j=a.11().26(\'a\')?a.11():a;w(!j.y().27(\'7-4\')){j.28(i);w(T l===\'V\'){j.y(\'.7-4\').I("1g","q.p.10=1;q.p.4=\'12\'")}Z{j.y(\'.7-4\').I("1g","q.p.10=1;q.p.4=\'12\';19(29)")}}3 k=j.y(".7-4");k.t({"u":d,"v":e});k.t("4","12");k.L().1h(2a,1.0,r(){$(q).2b()})});$(\'.s-16 6,.H-M 6,.s-17 6\').1f(\'2c\',r(){w($.2d.2e){3 a=$(q).y(\'.7-4\');3 b=$(q).11(\'a\').y(\'.7-4\');l=2f(r(){a.L().t("4","D");b.L().t("4","D")},2g)}Z{$(\'.7-4\').L().1h(0,0.0)}})}});',62,141,'|||var|visibility||img|pinit||position||||||||||||||||style|this|function|entry|css|top|left|if|none|next||loadpinitbutton|case|break|hidden|outerWidth|true|outerHeight|post|attr|box|shadow|stop|body|class|src|button|margin|find|title|typeof|pinit_button_before|undefined|pinit_button_after|pinitURL|href|else|opacity|parent|visible|custom_pinit_button|com|hoverCheck|content|summary|nopin|clearTimeout|parseInt|replace|gi|div|display|on|onmouseover|fadeTo|jQuery|document|ready|append|hide|load|remove|html|indexOf|helplogger|blogspot|not|mouseenter|switch|pinit_button_position|center|topright|topleft|bottomright|bottomleft|prop|closest|hentry|header|text|length|location|absolute|index|9999|http|pinterest|pin|create|url|media|description|block|outline|target|_blank|pinimg|moz|webkit|background|transparent|padding|border|Pin|Pinterest|is|hasClass|after|pinitOnHover|300|show|mouseleave|browser|msie|setTimeout|3000'.split('|'),0,{}))
//]]>
</script>
</textarea><br />
<br />
<span style="font-size: large;">now you can save the template.visit your blog to see you pin it button.Always edit your template correctly if you somehow remove some script code then your template will not work correctly.when you press pin it it will take your post that will show in the profile whoever pin it the post.make sure the image and title are relevant.</span>5g Adminhttp://www.blogger.com/profile/15161386870749947401noreply@blogger.com