Skip to main content

Posts

Showing posts with the label blog-designing

Make First letter big in your blog-post|Create Drop Caps

Whenever you read any article from News papers and magazines probably you found that there was one letter that always Bigger then other.and two three line ware wrapped around that large letter.Technically its called as  Drop Caps .I hope you are  finding for make first letter big in your Blogger or WordPress blog post. Here i m going to show you a little Css trick to make first letter large in your own blog post.This trick is  only for blogger.com . First go to Template >> EDIT Html >> Then press ALT+F key and find  ]]></b:skin>. Then copy and past blow code as shown in Image .Click save!! .post-body:first-letter {  float:left; color: #000000;  background:#ffffff;  line-height:80px;  padding-top:1px;  padding-right:5px;  font-family:times;  font-size:100px;  } Now after saving changes it must be look like this: Pros and Cons for using Drop caps in your blog post: Pros: It makes your Article eye catching and creat

How to add Blogger post Readmore summaries and thumbnails on homepage-simple steps

Every blogger know that blogger  allowed to design your home page with your recent post with summery and image thumbnail.If there are large amount of post available then you should summarize your blog post with ReadMore with image thumbnail.  working with image thumbnail in blogger is most difficult task than other. Now there are also some java script widgets available to generate post thumbnail on your blogger home page.but its little bit complicated task.here both two method explained with java-script and CSS only script. Post summery/snippet with CSS only script[No JavaScript]: Step 1.  Backup Backup Your Current blogger template.if after customization if your template crash then it will helpful for you. Go to Template>>Backup and Restore[Seen right on the Top]. Step 2. Its time to implement code to display  post summery and thumbnail.  Go to Template>>Edit HTML Now Find this code. <data:post.body /> Now replace it with following code. <b:if

New and Refine Code|Numbered Page Navigation On Blogger Platform

This the tutorial about How to add Numbered Page Navigation On Blogger.com/Google blogs.It helps to visitor when they read your blog daily.If you have larger amount of blog posts and multiple Author the you should implement this code on your website. This Code can categorized your  Blog posts in to Group of some posts per pages.It will shown on Blogger Home page as well as Label. Add this Number Page Navigation widget to your blogger blog You can add this widget in your blogger blog by following our three simple steps bellow. Step 1: Go to Blogger Dashboard>> Template>> Edit html Press Ctrl + F and search the code shown below Paste given code before the above line. <b:includable id='mobile-index-post' var='post'> Paste below code before the above line. <b:includable id='page-navi'> <div class='pagenavi'> <script type='text/javascript'> var pageNaviConf = { perPage: 7,numPages: 5,firstText:

How to Integrate Facebook Open graph meta tags and twitter card properly on blogger for blogspot user

Open graph meta tags and twitter card is very important part of Blogger SEO . Just because now a days social networking websites are the one other sours of getting better traffic .That is why is is important to Integrate Facebook Open graph meta tags and twitter card properly. In blogger its is quit difficult to install OG meta tags and it will cause problem if OG meta tags are not correctly. Need of social meta-tags Whenever user share the links on social networking site, it will try to fetch description of your post article. This will helps user to understand about your post before clicking on it. below image will show you how Facebook generates the description about any web page. Default meta description tag will designed for web search engines, Thus if you try to post any url on social sites it will not able to generate proper description. To overcome this problem OG meta tags desperately used. For in case of blogger, to implement this thing you need to do some manua

Optimize Blogger SEO by Choosing right meta description

Meta description is one of the  most important  Part of blogger SEO.So it is necessary to choose right meta tag to describe your entire blog.You can also configure your meta tag on blogger by default.(See below image.) Meta description On  Blogger . How It works? These are the simple steps to shows you how to configure best meta tag description for Your blog. 1. Look around the world. See how others configure Their meta tag Using search engine.and try to Understand. 2. Try To understand In deep what is meta tag and how its works? Using online professional website and seo company like.This Is one of them click to check this website. http://moz.com/learn/seo/meta-description 3.Check The best meta description examples. http://econsultancy.com/in/blog/62553-33-examples-of-great-meta-descriptions-for-search 4.Now its time to write your own meta description for you blog.(Max length.150 char.for blogger ) 5.Check You Meta description errors and Optimizing using

how-to-get targeted adsense ad

For New bloggers and    web designers    its difficult to Get Targeted ads on adsnse. this is the most common and main reason to  getting banned by adsense. so if you want to use adsense for great and safe earning use this steps carefully. -first go to this website click here  (it is adsense sandbox)  put your URL And see the types of ad appearing. if most of ads are not targeted to your website  so match the ads word and find it on your website(links,another advertising,refferell program link,wrong description etc..) and re arrange it related to your website. now clear all cookies on your web-brouser . now  close it and reopen it and use above steps until you see most of targeted ads. Hope its Increase your targeting ads and CTR also. Enjoy.

How to get (dot).tk domin on blogger-domain forwarding

Use Your Blogger Blog As A top Level free domain (dot).tk there are many publisher and alternatives are required to TLD. Like,- adbright.com - advertising.com -cpxinteractive and so on..... So these are steps to use your blog on TLD. .TK is growing exponentially to become the largest and safest country code domain in 2012. The .TK is a free domain service with free DNS support. Most of us have seen some blogger blogs with custom domains like .TK or co.cc domains. Here Technospot blog presents how to setup .TK domains for your blogger blogs in simple and easy steps. You might have failed before in setting up .TK domains in blogger since there is slight change in the procedure. And now its easy for you with screenshots.. Steps: 1. Register an account at dot.tk and get your free doamin. Not yet a member? Click here   to register 2. Click modify in .TK domain panel 3. In the domains setting window, choose Dot TK DNS Service 4. Add new A Record as below, Host Name : yourdom

Autoblog

Autoblog is a blog that is always done automatically every day after a set by the blog owner. It could be said, Set & Forget. Then the question arises, from where autoblog article that gets to the post every day? In general, there are 2methods of how to work from autoblog. The first is by using keywords. In the autoblog plugin like wp-robot, we can setting what keywords will be displayed as an article. For example, the keyword "cooking tips" etc.. Well, these articles taken from such articlebase.com Article Directory The second, a site via RSS. Simply copy the RSS of the target site is targeted, then later on any article posted on the site, will appear automatically in our autoblog site Make Autoblog on BlogSpot very easy at all as easy as making a cup of coffee, just follow these steps: 1. Login to your blogspot 2. Go settings - Email & mobile 3. Create a unique name of your email. Example:  autoblog.yourname@Blogger.com (you only

How To Setup Statcounter For Best Tracking

Hii.. Every buddy, If You want to tracking website from statecounter so just follow this steps.. 1.first sign up here .   if you are already member then log in here first. Now See The Image  2.Now Click On Add New Project  3.Now Follow The steps ..   4.choose your platform.....  5.Now Put The code generated from statcounter. on your Blog or website between <body><> /body> tags. Install Guides The following is a list of webpage editors, desktop applications and blogging platforms for which we have a created an install guide: Adobe Pagemill 3.0 Avon BBEdit Blogger Blogger Dynamic Views BluDomain Britnett ComfyPage Contribute DoYourOwnSite Dreamweaver Drupal Flickr Friendster Frontpage 2000 Frontpage 2002 Frontpage 97/Express GoDaddy Website Tonight Google Sites Hot Dog Professional HoTMetaL Pro iWeb Jimdo Joomla Last.fm Microsoft Office Live Microsoft Publisher MSN Groups

How to setup Invisible tracking in blogger and wordpress-best free analytic tool

Most Bloggers are worried about webpage Tracking And  Incoming Key-Words Information for their website ,blogger or WordPress. Although blogger and word-press has inbuilt dash board that provides some information  about common user queries and overall traffic. However information provided is not enough to understand or interpret website's actual performance on web. Its more useful if trace the individual visitors query and location data to understand users need and interest. So Is there Any WEBSITE for it? Yes , FKC Use State counter for Visible  for invisible tracking. Statcounter is best free tracking and analytics platform provider. You can sign up Here Best Features of statcounter 1.  Live Tracking 2.  Invisible/Visible Tracking 3.  Visiter Activities Tracking 4.  Keyword Tracking per users 5. Unique visitor information Read more:  How to Track your WordPress/Blogger Website anonymously with statcounter Login page of StateCounter Total page views vs

How To Hide Blog Description on Blogger Blogs

Hi! I Just Found Solution of Hide the description on new blogger templates. here is the method to hide the description on header. Search engines use the title and Blog description tags when indexing Blogs, hence both are very important for search Engine Optimization. Hence, you must make sure you make very good use of them. However if you are not using a picture as your blog header, you might want to hide your blog description from showing in your blog header. You can easily do this, while the blog description still remains visible to search engines. Method:1.  Log in  to your blog and select the blog you want to work on. Go to  Template   ==> C ustomize . This open up  the "Template Designer" On the left menu, click on " Advanced " Scroll down and click " Add css " You will see a box by the right hand side as seen in the picture below, where you can add your css codes. Method:2.  Log in  to your blog and select the blog you want to work o

Increase traffic with updated AddThis sharing – a faster, more personal sharing experience.

Hello Friends I Just found Three in one facebook+googlepluse+twitter blogger gadget that appeare after       your blogpost or under the post.( sorry for bad english ) Most Of Facebook and twitter sharing gadgets are in java code and u can put it as gadgets on blogger.but for    particular   blogpost u can not use that java script.so the one of the solution is put all these facebook twitter and google pluse sharing button below the post just using simple way. it also use for wordpress site/blog or personal websites also... How To Install on blog???? Just Click The Image And You Will Be Redirected to Source code website now enjoy and   and Share this artical with your Friends..... for wordpress and other  websites instalation you can found suggetion by clicking here Tags:three in one  facebook   twitter  g+  gadgets for blogger wordpress and websites , Three in one facebook+googlepluse+twitter blogger gadget under the post, , Three in one facebook+googlepluse+twi

How To Remove Blogger Header Navbar

How To Remove Blogger Header Navbar to remove blogger header navbar is very simple and its officially provided by bloogger. no need to change your any html code. you just follow this step.. step 1: login to www.blogger.com step 2: click on "Layout" (see image) step 3: now select widget "navbar" (see figur)                                      step 4:   click on " off " and press save. enjoy..........