This is featured post 1 title
Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.
This is featured post 2 title
Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.
This is featured post 3 title
Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.
Showing posts with label Blogger Guide. Show all posts
Showing posts with label Blogger Guide. Show all posts
Saturday, 22 March 2014
Monday, 28 October 2013
20:37
Unknown
The website has a great proxy server list and im using embed plugin from GatherProxy.com. Basic we will have a free proxy list website without work anything and proxy servers are great with real-time update, you will have more return visitors. We will mass create blogspot similar it.
So how to create a blog like it. You can google search a few template as you want or using my template. Download from here. I wrote details of instruction for how to create a blog, modify and install it:
Sunday, 27 October 2013
Saturday, 26 October 2013
09:57
Unknown
From several days Internet Surfers in Pakistan are reporting an issue that they are unable to access the blogspot / blogger blogs in Pakistan.
After investigation we concluded that this is all due to some error in PTCL DNS servers. PTCL has blocked some Google services in Pakistan and due to this all BlogSpot custom domains in Pakistan are redirecting to google.com.pk and Google is unable to resolve this issue.
PTCL has blocked some of Google's IP addresses in Pakistan. Some of these IP addresses are linked with blogger blogs with custom domains, so in result; all custom domains pointing to blogger blogs are redirecting to google.com.pk in Pakistan.
Internet users are unable to access the blogger blogs with custom domains.
How to solve this Issue ?
Google make some IP address arrangements to solve this issue.
PTCL please check your DNS settings as soon as possible.
Internet Users with PTCL Broadband Connection:
Change your DNS server addresses to 8.8.8.8 and 4.4.4.4 then you will be able to access blogger blogs with custom domains in Pakistan.
You can also acces the blogger blogs by adding the ?m=1 at the end of the link of the blog. For example you can access this post by adding ?m=1 at the end of the link address (Example Link:
http://www.newaforum.com/2013/10/blogger-blogs-with-custom-domains-are.html?m=1 look that there is ?m=1 at the end of this link
Friday, 25 October 2013
![HOW TO Get to get MASSIVE Youtube Traffic [WOKRING]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vEMYXekwcSeh-JPXr7N6zo-okQ2Z_DwuapfV1rim9yNpQDdTetf4Tf8UPbCHvsv6fDkGx4ReH3O9r_EGyHGgZdI6hqwBl59dvS8WvekeB7m9FBs4XQ_1Fhb9PjEaS3ZZxDRMuXIahV9QCe-2pIDrIBwampKg=s0-d "HOW TO Get to get MASSIVE Youtube Traffic [WOKRING]")
Thursday, 19 September 2013
02:34
Unknown
1. If you’re not using the Standard Theme yet, I can’t recommend it enough. See the first point of my Advice for Bloggers post. It has instructions on how to order and install it.
2. Install the Alexa toolbar. You need to use Chrome, Firefox, or Internet Explorer as your browser. I’m not a fan of toolbars, but this one is neat.
3. Register for an Alexa account. It’s easy and free.
4. Claim your site on Alexa.
5. Install the Alexa widget to your blog.
6. View your blog and all other blogs using the browser where the toolbar is installed. So if you installed it in Chrome, then view all blogs in Chrome. The same for Firefox or Internet Explorer.
Must Read
How the increase Blogger Traffic
Basic SEO Tips
Get defollow backlicnks
7. Write a review for the blogs you like on the Alexa review system and give them high scores. The word on the street is that if you write negative reviews or give low scores, it hurts your blog ranking. So only review the sites and blogs that you like. The more reviews you write, the better.
8. Ask the people who like your blog to write a positive review for it on Alexa.
9. Blog consistently (at least once a week) and write quality content that people want to share. Don’t beg or ask them to share your posts. If what you write is valuable and edifying, people will share your posts naturally.
10. Be patient. The following will you give an idea of the pace by which my Alexa score dropped. I’ve been tracking it once a month since March.
2. Install the Alexa toolbar. You need to use Chrome, Firefox, or Internet Explorer as your browser. I’m not a fan of toolbars, but this one is neat.
3. Register for an Alexa account. It’s easy and free.
4. Claim your site on Alexa.
5. Install the Alexa widget to your blog.
6. View your blog and all other blogs using the browser where the toolbar is installed. So if you installed it in Chrome, then view all blogs in Chrome. The same for Firefox or Internet Explorer.
Must Read
How the increase Blogger Traffic
Basic SEO Tips
Get defollow backlicnks
7. Write a review for the blogs you like on the Alexa review system and give them high scores. The word on the street is that if you write negative reviews or give low scores, it hurts your blog ranking. So only review the sites and blogs that you like. The more reviews you write, the better.
8. Ask the people who like your blog to write a positive review for it on Alexa.
9. Blog consistently (at least once a week) and write quality content that people want to share. Don’t beg or ask them to share your posts. If what you write is valuable and edifying, people will share your posts naturally.
10. Be patient. The following will you give an idea of the pace by which my Alexa score dropped. I’ve been tracking it once a month since March.
3/6/12 – Alexa global rank = 564,234
4/4/12 – Alexa global rank = 262,700
5/5/12 – Alexa global rank = 135,307
6/6/12 – Alexa global rank = 99,870
7/6/12 – Alexa global rank = 88,092
8/6/12 – Alexa global rank = 87,392
9/6/12 – Alexa global rank = 79,324
10/6/12 – Alexa global rank = 75,133
Saturday, 24 August 2013
23:56
Unknown
For color and the font size, some Blogger templates offer an option to change it from the Dashboard (Dashboard → Design → Template designer → Advanced or Dashboard → Template → Customize → Advanced in the new Blogger design). Here, you can see the result directly in the template.
Major changes in the templates needed to know at least a little CSS and HTML. A quick way to modify a template is change the images in the CSS code, for others with the same dimensions. That is the process to change the header of a design, for example.
Additionally, some templates have their own settings instructions and customization, refer to the same download page of your template.
2. Some templates include a link list widget or a pages widget to edit the menu directly from the Dashboard.
To go back from Dynamics Views to standard templates you only need:
1. Dashboard → Settings → Language and formatting → Date Header Format
Or
2. Dashboard → Settings → Language and formatting → Timestamp Format
Read the instructions of your template located on the download page.
Read More
How To Install Blogger Template
Major changes in the templates needed to know at least a little CSS and HTML. A quick way to modify a template is change the images in the CSS code, for others with the same dimensions. That is the process to change the header of a design, for example.
Additionally, some templates have their own settings instructions and customization, refer to the same download page of your template.
How can I edit the menu of my template?
1. Most templates have a menu that can only be edited from the HTML (Dashboard → Design → Edit HTML or Dashboard → Template → Edit HTML in the new Blogger design). In many cases the code to look for is like: <li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li> 2. Some templates include a link list widget or a pages widget to edit the menu directly from the Dashboard.
- For link liks widget: Dashboard → Design → Page Elements. Or Dashboard → Layout in the new Blogger design.
- For pages widget: Posting → Edit pages → New pages. Or Dashboard → Pages → New Page in the new Blogger design.
How to go back from Dynamics Views to standard templates
If you are using the new Blogger templates, called Dynamics Views, you don’t have access to most templates on the web.To go back from Dynamics Views to standard templates you only need:
- Go to Template designer (Dashboard → Design).
- Click on “Revert to previous template”.
Why the date is displayed as “undefined” or this is not show?
Probably because you don’t choose the right date format. The format should be changed from the panel and usually the correct types are:1. Dashboard → Settings → Language and formatting → Date Header Format
Or
2. Dashboard → Settings → Language and formatting → Timestamp Format
Read the instructions of your template located on the download page.
Read More
How To Install Blogger Template
01:41
Unknown
I Want To Link To Your Site
I want to do you a favor and give you a free back link.What’s The Catch?
There is no catch.No strings attached.
No orangutans to wrestle.
How To Get Your Free Backlink
Leave a comment like this:1. Your target keywords
2. Your Email
3. Your url
4. Type free links
5. Press submit button
6. you are done
Friday, 23 August 2013
22:49
Unknown
If your are using Dynamic Views, you need first go to Design (Dashboard → Template) and then click on “Revert to classic templates → Revert to classic template”.
1. Download the template and unzip the file (you can use a free unzipper software).
2. Go to your blog template section (Dashboard → Template → “Backup / Restore” button).
In the old Blogger design: Dashboard → Design → Edit HTML .
3. Backup your previous template (Download full Template).
In the old Blogger design:
4. Find and upload the xml file of your template.
5. If you see a warning like following:
Click “keep widgets“.
6. Enjoy!
How To customize Blogger Template
Read More
How To make 100$ in 2 days
Earn 400$ daily
Earn Money with facebook 500$
How To Make 6$ instantly Payout via payza
1. Download the template and unzip the file (you can use a free unzipper software).
2. Go to your blog template section (Dashboard → Template → “Backup / Restore” button).
In the old Blogger design: Dashboard → Design → Edit HTML .
3. Backup your previous template (Download full Template).
In the old Blogger design:
4. Find and upload the xml file of your template.
5. If you see a warning like following:
Click “keep widgets“.
6. Enjoy!
Why I can’t install a template? Blogger gives an error.
There are several possible factors that cause an error Bx-xxxx:- The code is directly copied, and Blogger did ‘t interpret it.
- Temporarily Blogger is not accepting templates with certain codes or gadgets.
- Remove widgets or gadgets that come with the template downloaded.
- Clear your browser’s cookies.
- Trying to upload the template with a different browser (Opera, Firefox, Chrome).
- No copy and paste the code directly, upload the xml file.
- Wait 24 hours and try again.
How do I log in to my blog without the navbar?
The Blogger navbar is just a plug and provides a shortcut to enter your blog, but you can always log in from Blogger.com.How To customize Blogger Template
Read More
How To make 100$ in 2 days
Earn 400$ daily
Earn Money with facebook 500$
How To Make 6$ instantly Payout via payza
22:36
Unknown
When it comes to monetizing a WordPress blog with ads under a post title or below the post or in between the posts it is so simple to do with a plugin. If you have a blogger blog then you need to open the template through blogger dashboard and can embed the ad code. But in WordPress if you want to do it manually then you need to spend some time with the functions.php file in your theme page or else you need to manually place code in each and every post. If you don’t want to mess up things with a php code or waste your valuable time by pasting the ad code in each and every post, then to ease your efforts there is a simple plugin I would recommend which is called as Ad injection and don’t worry this is a free plugin.
Installing Ad injection:
All you need to do is search for Ad injection in the search plugins page and install this plugin and activate it.
Benefits of Ad Injection:
- This plugin is not limited to only adsense or few publishers you can add ad code from any publisher and even you can add your own custom banner ad (e.g. Google AdSense, Amazon Associates, ClickBank, TradeDoubler, etc).
- Have more control of random ads by exactly determining the number and placement.
- Can disable ads on few selected pages like Home, Archives, search, about us, contact us etc.
- Can handle CSS codes easily to float the ads to either left right or center.
Configuring Ads through Ad injection:
After installation you can get this plugin in the settings page and when you click on it you will be directed to the ad injection settings. Here you have a variety of option to play with. First you would be having a widget where you have the ability to enable and disable ads in whatever page you choose.
In order to enable your Ads you need to click on the On: Ads enabled
If you want to disable Ads you can select Off this is done when you are effected with click bombing. You need not remove your ad code but simply you can check off and your Ads won’t be displayed.
Third option is Test Mode where ads can be visible only to admin so that he can test and see how ads look after enabling them to display. After you feel the ads placements are good you can enable them to all visitors.
Immediately after these three options you have an option called Tick to disable ads. Here you can disable ads on pages like 404, home page, search page, Archieve pages etc. So if you don’t want your ads to be displayed on your about us, Contact us, Privacy policy you can disable them by checking the appropriate box. You can also disable only a particular ad unit too it could be a top ad, bottom ad or even a random ad for a particular page.
Next you would have some more options where you can select options like displaying ads only on posts which are longer than 100 words, 200 words or as per your wish.
You also have an option to set Maximum number of random ads per post. Adsense and even few publishers support only 3 ad units or some four so you can limit the random ads to 2 or 3 depending on the Terms of your publisher. There are more options in this section which can be easily understood.
You also have an option to set Maximum number of random ads per post. Adsense and even few publishers support only 3 ad units or some four so you can limit the random ads to 2 or 3 depending on the Terms of your publisher. There are more options in this section which can be easily understood.
Immediately after the settings widget you have the important widget where your adsense code or any other ad code can be place. You can also adjust the placement by few options given in the right side. You can float your ad left, right or center. You can increase the margins or padding that all depends on how you want your ad to look in the space.
So there are four sections like Top ad it displays ads immediately after the post title, Random ad which is displayed randomly in between posts, bottom ad which displays ads below the post content and footer ad which displays ads on your footer section. Below these there are more options for an advanced user but for a basic user the settings which I have discussed are more than enough.
How to place ads without a Plugin:
If you want to place ads without using a plugin then you need to go with this method where you need to open your functions.php file of your theme and paste the following code.
<?php
//Insert ads after second paragraph of single post content.
add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads( $content ) {
$ad_code = '<div>Ad code goes here</div>';
if ( is_single() && ! is_admin() ) {
return prefix_insert_after_paragraph( $ad_code, 2, $content );
}
return $content;
}
// Parent Function that makes the magic happen
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = '</p>';
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {
if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;
}
if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;
}
}
return implode( '', $paragraphs );
}
In the above code you need to place your code where it says ad code goes here. If you want your ad code to be displayed after third paragraph you need to change the number 2 which is in red to number 3. Personally I use Ad injection plugin to configure ads in my WordPress blog. There are also many plugins to insert ads like Wp-Insert which also has almost same functions like ad injection. Now its up to you how you monetize your blog.
Credits for Code: Wpbeginner
22:31
Unknown
If you are a blogger and Adsense is your prime source of revenue, you can’t afford to ignore the importance of Adsense optimization. When we talk about Adsense optimization, there are many things but the main target is to get high eCPM and get more Cost per click. Else, despite of good Adsense CTR, you might not be making good money. This is something very common about non-English blog. If you fall in the category of those adsense publishers, who are getting huge traffic but Adsense earning is still low, it’s time to understand points which are mentioned below and this will surely helps to increase Adsense CPC and overall revenue.
Remember you should always directly engage with your readers. Your content must be tailored according to your niche so that more and more readers can read your blogs. Hence good content will certainly ensure higher Adsense CPC rates. More over, Good content is what search engine loves, hence more click and more revenue if your ad is highly targeted and your traffic is from the countries like U.S.A, U.K. When you do a Keyword research, make sure to use Approximate CPC column.
Try to block those category which are completely irrelevant to the content or niche of your blog. Suppose blog is about Technology then block the ad categories for Dating, Politics, Religion etc. This will surely increase your CPC and Adsense revenue.
If you are able to reach to hand-held or mobile readers than CPC may increase as ads shown on cellphones are of higher quality. If you are blogging on WordPress platform, you can use plugins like Wp touch which will make your blog mobile friendly and you server adsense ads which is optimized for mobile screen size.
Hence always tailor your blog and its content to audiences in English-speaking countries. It will also increase Page Rank of your website. So always keep in mind the country you are targeting.
Then ad format must be text because text ads have higher CTR (click through rate). You can even try ad format for both text & image simultaneously as it gives you more CPC. Image ads are usually less preferred for both reasons less CTR and lower CPC. Though at times, depending upon the niche and blog type, image ads perform better in terms of higher CTR but CPC won’t be as good as text ads. Anyways, as I mentioned above it differs from niche type and most important ad placement.
Though it should be your choice and depending upon your reason of blogging. For example, if you are a professional blogger and dependent on Adsense, you should not miss a chance to optimize ad and use maximum possible ad units on a single page. Though if you are a hobby blogger or blogging on personal blog, your first target should be giving quality content and less ads, as readers hate advertisement which distract them from reading.
Let me tell you the maximum clicks and higher CPC will come from 2 ads which are inside the blog post especially on the top.
What is Adsense CPC:
Lets start with answering basic question first and then we will move to some working tips to increase adsense CPC. CPC stands for Cost per click, in short money which you make/click is what CPC. Now, you might have noticed Adsense publisher talking more about CTR and less about CPC. If you are really serious about your Adsense revenue, you should work more on CPC than CTR. Getting thousands impression on your ad won’t be of much help but a blog with good CPC with decent CTR can create a huge difference. CPC has nothing to do directly with your traffic, if you would realize and noticed micro-niche blogs, you might have realized despite of less traffic such sites make more money from Adsense. Reason is simple and that is eCPM for such blogs are so high that you get paid really well for CPC and then there are other factors like Ad competition, Keywords and many more. Lets discus some of them here:Factors that Affect Adsense CPC :
Niche
First thing first, choosing a right niche for your blog or website is of utmost important. Cost Per Click or CPC of an ad directly depends upon the topic on which you’re writing your blog.Well! Let me clarify one thing here that you’re going to choose niche however there are niches that can pay you high CPC. Yes! Here is the list of niches that can give you high return, I have arranged them in decreasing order of CPC.- Domains – Blogs on Internet Domains Like Yahoo, Go Daddy etc. It pays highest CPC.
- Gadgets – Tech Gadgets like Apple products
- Google – Google Products
- Microsoft – MS office
- Banking
- Automobile
- Health
- Real Estate
- Home Loans
- Jobs
- Dating & Romance – It pays lowest CPC.
Content
Second thing is the content, you must write content that should answer readers query. So before writing blogs try to find what your readers are searching on the Internet and then try to present them with solutions.Remember you should always directly engage with your readers. Your content must be tailored according to your niche so that more and more readers can read your blogs. Hence good content will certainly ensure higher Adsense CPC rates. More over, Good content is what search engine loves, hence more click and more revenue if your ad is highly targeted and your traffic is from the countries like U.S.A, U.K. When you do a Keyword research, make sure to use Approximate CPC column.
Page Rank
Google Page Rank is not a new phenomena. In this your entire website or a particular page in a website are ranked from 1 to 10. Therefore try to rank above 4, if your PR is 5 or 6 then Google will show ads on your site which will pay you higher if someone clicks on them. Simply it means that ads of higher quality will be more shown on your website. For example your CPC will automatically increase from 10 cents to 40+ cents. So always try to improve the quality of your blogs as CPC directly depends on higher Page Rank.Ad Review Center
In Google Adsense you will find Ad Review Center. You can go there and see yourself how much each ad category is paying you. This will show you different ads category that are showing on your website. If you find that any ad category is not paying much then feel free to block that category.Try to block those category which are completely irrelevant to the content or niche of your blog. Suppose blog is about Technology then block the ad categories for Dating, Politics, Religion etc. This will surely increase your CPC and Adsense revenue.
Competitive Ad Filter
Just like Ad Review Center there is Competitive Ad Filter in Google Adsense. You can go there and block the specific or general ads from appearing on your web pages. You can block the ads for entire domain or just a particular website in that domain name.The ads that you would block may belongs to your competitors. Therefore you can increase your CPC by not showing those particular ads.Platform
Your blogs are read from different platforms like desktop, laptop, mobile etc. Although CPC is generally not much affected by the platforms on which ads are shown but you should try your best to target as many as readers. You will get most of the readers from desktop and laptop devices.If you are able to reach to hand-held or mobile readers than CPC may increase as ads shown on cellphones are of higher quality. If you are blogging on WordPress platform, you can use plugins like Wp touch which will make your blog mobile friendly and you server adsense ads which is optimized for mobile screen size.
Country
One of the most important factor that can increase CPC is the country you are targeting. For example a click on an ad from USA can pay you up to $2 to $3 and click on same ad from India can end up paying only 20 to 30 cents.Hence always tailor your blog and its content to audiences in English-speaking countries. It will also increase Page Rank of your website. So always keep in mind the country you are targeting.
Text & Image Format
Perhaps I should have explained this suggestion in the beginning of the blog. Anyhow, you must know to choose right format for your ad. If you can place three ads on a page then choose two 336 X 280 ads and one 468 X 60 ad.Then ad format must be text because text ads have higher CTR (click through rate). You can even try ad format for both text & image simultaneously as it gives you more CPC. Image ads are usually less preferred for both reasons less CTR and lower CPC. Though at times, depending upon the niche and blog type, image ads perform better in terms of higher CTR but CPC won’t be as good as text ads. Anyways, as I mentioned above it differs from niche type and most important ad placement.
Placement
Never neglect the placement of your ads on the web page as it is directly proportional to your Adsense revenue. So where to place ads for maximum CPC? Answer is simple. Place 2 ads inside your blog post and 1 outside the post.As far as placing inside goes then place one 336 X 280 rectangle ad on the top of the blog just below the title and place second 468 X 60 ad in between the blog post. Remaining one ad you can place on your right side that is outside your post.Though it should be your choice and depending upon your reason of blogging. For example, if you are a professional blogger and dependent on Adsense, you should not miss a chance to optimize ad and use maximum possible ad units on a single page. Though if you are a hobby blogger or blogging on personal blog, your first target should be giving quality content and less ads, as readers hate advertisement which distract them from reading.
Let me tell you the maximum clicks and higher CPC will come from 2 ads which are inside the blog post especially on the top.
Keep Experimenting
Always keep trying something new. Experimenting can really pay you high dividends. You can try out for different niches, choose different ad placements and finally take as many as advice from Google Adsense center. Never bogged down into one style always try something new.Conclusion
In conclusion I would only say if you follow and implement these 10 tips then you can surely increase your Adsense revenue from 30% to 40%. It is completely legal and genuine way to increase your earning in short time. You can also search for highest CPC adsense Keywords and compile one-two posts around it.
22:26
Unknown
Dofollow blogs and Dofollow forums use the dofollow attribute and that helps you to boost your backlinks and give link love. Link juice from a high PR blog or forum is good for your blog to boost your Google page rank. Specially, if you are active in a niche forum which allows dofollow backlinks, you will not only get a quality link to your site but you will also be getting targeted traffic.
Here is a list of dofollow forum which have Google page rank, register there use your blog link as signature and make sure that you stay active as these forums are very active and you will get backlinks as well as traffic.
1 V7nForum
2 Siteowners Forum
3 Joomla Forum
4 Search engine watch Forum
5 CNET Forum
6 Mysql Forum
7 Digital point Forum
8 Affiliate Marketing Forum
9 Site Point Forum
10 Warrior forum
11 Capital Forum
12 Deviantart
13 Domain Name Forum
14 File Sharing Forum
15 Free Advertising Forum
16 Geek Village Forum
17 HTML Forum
18 MyGame Builder Forum
19 PhpBB Forum
20 Search Engine Roundtable
21 SEO Forum Australia
22 Siteowners Forum
23 Webhosting Forum
33 Directory junction Forum
You can use the below search button to search for more Dofollow Forum
Here is a list of dofollow forum which have Google page rank, register there use your blog link as signature and make sure that you stay active as these forums are very active and you will get backlinks as well as traffic.
1 V7nForum
2 Siteowners Forum
3 Joomla Forum
4 Search engine watch Forum
5 CNET Forum
6 Mysql Forum
7 Digital point Forum
8 Affiliate Marketing Forum
9 Site Point Forum
10 Warrior forum
11 Capital Forum
12 Deviantart
13 Domain Name Forum
14 File Sharing Forum
15 Free Advertising Forum
16 Geek Village Forum
17 HTML Forum
18 MyGame Builder Forum
19 PhpBB Forum
20 Search Engine Roundtable
21 SEO Forum Australia
22 Siteowners Forum
23 Webhosting Forum
33 Directory junction Forum
You can use the below search button to search for more Dofollow Forum
22:18
Unknown
Most of the blogs listed here are high quality blogs and they accept only quality posting. So, if you are using it for just link-building and self promotion, I suggest you to read that blog guest posting guidelines. Also, if you are new to ShoutMeLoud, we are a blog with over 300+ guest blogger and we accept posts related to Blogging, Make money online, SEO, Webhosting niche. You can read our
Blogging
There are some of the blogs who accept topics related to Blogging and related topics. Though, acceptance rate is very slow on many of them, for example you need to come with a masterpiece to get your post published on sites like Problogger, Dailyblogtips. Also, it takes time to see your post getting published. So, depending upon your requirement, you should check with every blog acceptance guidelines.- ShoutMeLoud
- PR: 4
- Alexa: 3,500
- Bloggingtips
- Alexa: 13,778
- Business2Community
- Alexa: 5367
- DailyBlogTips
- PR: 6
- Alexa: 14,711
- CopyBlogger
- PR: 6
- Alexa: 19,000
- JohnChow
- PR: 5
- Alexa: 6,744
- Blogging Junction
- PR: 3
- Alexa: 23,000
- BlogGodown
- Page : 3
- Alexa : 28,456
- FamousBloggers
- Page : 3
- Alexa : 12,447
- Basicblogtips
- Page Rank:
- Alexa Rank:
- WpHostingDiscount - Webhosting Niche
- PR: 3
- Alexa: 200,452
Technology:
- ReadWriteWeb
- PR: 8
- Alexa: 1,785
- DigitalInspiration
- PR: 6
- Alexa: 2,373
- Techie-Buzz
- PR: 5
- Alexa: 5629
- Techpp
- PR: 4
- Alexa: 10,554
SEO:
- SEOmoz
- PR: 8
- Alexa: 1,595
- SearchEngineJournal
- PR: 7
- Alexa: 2,494
- DailySEOTip
- PR: 4
- Alexa: 25,390
- SearchEnginePeople
- PR: 5
- Alexa : 20,556
- SEO Scoop
- PR: 5
- Alexa: 68,782
- SearchAnyway
- PR: 4
- Alexa:197,717
Social Media:
- Mashable
- PR: 7
- Alexa: 281
- ChrisBrogan
- PR: 6
- Alexa: 8,913
Designing:
- Samshing Magazine
- PR: 7
- Alexa: 618
- TechieBlogger
- PR: 5
- Alexa: 65,591
- ProBlogDesign
- PR: 5
- Alexa: 14,770
22:10
Unknown
We have already covered few topics on promoting a blog via forum. Few of them is list of dofollow forums Forums are a somewhat labor intensive but highly effective way to increase traffic and bring engaged visitors to your website or blog. While search traffic is more likely to click ads, forum traffic will leave you comments and buy your products. However if you go about using forums wrong, you will do more harm than good to your site.
You will be making a serious commitment to any forum you plan to use for promotion, so shop like you would for a long term girlfriend/boyfriend. Each forum develops a personality of its own so you and the forum better match up in style, interests, and approach to life. If there is not a good match you will be frustrated and the promotion will fail.
Search “niche +forum” to identify possible candidates to join.
Don’t always link to your stuff, link to other interesting resources too. Score big points by posting appropriate links to the blogs of the forum thought leaders and up and coming members. Others might even reciprocate (but NEVER ask them too).
If you blog, occasionally you can write a killer post with a little controversy. Post a summary and link to the forum as a new thread, asking others what they think. Say something like “If I got this wrong please let me know“. Participate in the resulting discussion, but not too much since your comments can end the discussion if everyone thinks you have your answer now. This technique can be very effective to bring in traffic to your blog posts.
Shopping for a Forum
Not all forums are created equal. Some are small highly targeted affairs while others are large forums with very broad topics. Some forums are pro-business and welcome a little self promotion (Warrior Forums is a good example) while other forums are communistic affairs that boot anyone who even breaths about their business online.You will be making a serious commitment to any forum you plan to use for promotion, so shop like you would for a long term girlfriend/boyfriend. Each forum develops a personality of its own so you and the forum better match up in style, interests, and approach to life. If there is not a good match you will be frustrated and the promotion will fail.
Search “niche +forum” to identify possible candidates to join.
Use Your Profile
Choose an appropriate non-offensive but memorable user name and fill out your profile with some reasonable detail. Do not include AIM and Yahoo profile links – only spammers do that. Do include a link to your main website if there is a spot for it. Look around at how much detail some of the forum thought leaders put in for a guide.Use Your Signature
If the forum allows signatures definitely put an anchored link into your signature. Be sure you understand the forum policies on signatures first though so you do not make enemies with the management. If in doubt, ask first by private message.Start and Respond to Topics
Regularly visit the forum, starting good topics and making intelligent comments. Where it fits well into the conversation drop in the occasional anchored link to your blog, but make sure you are not offensive or off topic.Don’t always link to your stuff, link to other interesting resources too. Score big points by posting appropriate links to the blogs of the forum thought leaders and up and coming members. Others might even reciprocate (but NEVER ask them too).
If you blog, occasionally you can write a killer post with a little controversy. Post a summary and link to the forum as a new thread, asking others what they think. Say something like “If I got this wrong please let me know“. Participate in the resulting discussion, but not too much since your comments can end the discussion if everyone thinks you have your answer now. This technique can be very effective to bring in traffic to your blog posts.
Be Engaging to Engage Others
Forget using a forum to promote yourself unless you are prepared to come to the forum regularly and contribute. As a regular poster you will develop trust and make friends who will engage with you in your business, blog or websites. As a rare poster you will be considered a lousy drive-by spammer worthy only of being banned.
22:07
Unknown
When you start a new blog, your first target is to get new readers, traffic and subscriber. Out of all, I always suggest to start with getting more subscribers as they turn into return visitors and increase the trust value of your domain. Though, for a new blog it’s a tough task and in this post, I will share a tip which might be very useful for you to get targeted traffic and most important with your quality content you can turn them into subscribers.
2nd and 4th type in the above list will give me SEO advantage and as backlink will be high quality relevent backlink and comment luv plugin enabled blog will help me to showcase my latest article, giving it more exposure. A good article title will do the trick to get more CTR.
Now spare 30 minute a day at least on commenting to these blogs updates. Make sure you add value rather than just a comment like Nice Thank you. If you keep track of blogs updates using twitter then you might be the lucky one to be the first one to comment. First commentator will always get more traffic and thus his comment will be more beneficial.
Suppose you be the first one to comment at problogger or gigaom, and first day you get 10 hits from the problogger, next day it goes down to 5 and gradually it decreases. But it will keep giving traffic once in a while. Suppose you make 10 such comments in a day.
Now let’s do simple calculation for a day.
Out of 10 comment strategy, 6 works for you (Worst case scenario).
So even if you are successfully converting 50% of such visitors to your loyal visitors, you will be getting 50 RSS subscriber within a day.
Worst case scenario, if you are a new blogger and not much content but if you manage to grab 5 RSS subscriber with this strategy, is int it better than spending an hour on writing content?
There are many other Factors which will help you here and those are :
So how commenting can help you grow your blog to next level?
The strategy is simple, you need to spare half an hour a day for the commenting.Select few major website in your niche. Make sure the target users are the same as yours. Now I hope you keep track of all the feeds using feed-demon. If you do then I hope you manage folder like me or better than this.
The approach is, create different folders on your feed reader for different type of blogs which you are targeting to comment and get subscribers. It’s better, that all the blogs should be in same niche. For example, my niche is Blogging and technology, so I would create folders for the same niche and typically my folders are:- Popular Blogging blogs
- Blogging blogs using top commentator plugin
- Blogging blogs using comment luv plugin
- Dofollow Blog comments on Blogging niche
2nd and 4th type in the above list will give me SEO advantage and as backlink will be high quality relevent backlink and comment luv plugin enabled blog will help me to showcase my latest article, giving it more exposure. A good article title will do the trick to get more CTR.
Now spare 30 minute a day at least on commenting to these blogs updates. Make sure you add value rather than just a comment like Nice Thank you. If you keep track of blogs updates using twitter then you might be the lucky one to be the first one to comment. First commentator will always get more traffic and thus his comment will be more beneficial.
Suppose you be the first one to comment at problogger or gigaom, and first day you get 10 hits from the problogger, next day it goes down to 5 and gradually it decreases. But it will keep giving traffic once in a while. Suppose you make 10 such comments in a day.
Now let’s do simple calculation for a day.
Out of 10 comment strategy, 6 works for you (Worst case scenario).
- So First day you will be getting 6*10= 60 visitors
- 2nd day 4*10 = 40 visitors.
So even if you are successfully converting 50% of such visitors to your loyal visitors, you will be getting 50 RSS subscriber within a day.
Worst case scenario, if you are a new blogger and not much content but if you manage to grab 5 RSS subscriber with this strategy, is int it better than spending an hour on writing content?
There are many other Factors which will help you here and those are :
- Your Blog theme
- Prominent Feed button
- Ease of navigation
- Apart from it most important good and quality content.
Thursday, 22 August 2013
22:28
Unknown
Step 1
Log into your blogger account, navigate to , Dashboard >> Layout >> Edit html, and find the following code .postthis is the cs part that controls your post layout and style, it must contains few css properties like the following.
.post {Now we want to add the separator css properties between the opening and closing tags, { and }
margin: 0 0 40px 0;
width: 90%
}
Here is the separator css properties :
background: url(Separator-Image-Url);And here is what you need to change in above code to customize it to your blog.
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
Separator-Image-Url
Change it to the separator image url,
2.5
If you found that the separator displayed behind part of your post latest line, increase this number, for example to 3.5 Or 4.5.
Now your final code should looks Like The following one.
.post{
margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}
Free Separator Images
Now Here are some free Posts separators to use in your blog, just copy the image url and paste it in to it’s place in above code.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKcpTzKGZC7oFarTaa6akWSnQxp9Y2PeeHSX6UEFvpOaQKeKYXGyTE3RpRn4QjyQyQATTLajqoue20lJNb4gOdRzx_bcl815gdsGAhYA7kwaGZOen7yrHTeqqmlrZvVQx-VajgRP033ok/s1600/astarl7s.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8MqY7scD5hb2y3ZkqPVHIsJ0JhGNoHmaIf4hUFgAdGsWG4uj2-PvX0nl1c8cWM6w6mTewZdyiBbHwlunhhKpzNP63yxSk5iEN_4Ui7zsTuNSfYHimY7xCTBqSuxBpJxtZvzWVPLfL-Rc/s1600/bar48.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh77Jz5HWDg1baKHXyafBh0APINTtqmFdlGj9hja_GIOFR5es1kJjJDOGDfWrE63McjMLPmgVrX01GfVAdGhWTJR5-tyGYXNpO5_Nx6S8qwGfTeBO4q2wXIc-fUALsZE8oVhyphenhyphenXCjBoAd8Q/s1600/dividers_96.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJdq49pxFcKaexZ0uNC7VteTgHTohAD7ydQmL1v8ODq9DP3dzpU2347ybl7eMbFZVuPlswJXLZJoPJe3GN1S9yziPzGMBYpMvfBk1nwS4fBLTo7zmXa_g-5vJ4hR-naJIx0q5Z86C0YP8/s1600/clipart-heart-border.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJh7PU_OSejIQf6yB4961HZ169IAS1AymNoZt6b3JGHuN7YDlKffIthplHip-pHYO-uHpGktxXTHAZ3bnhXGU9qZssiirQXe0PxfNmsuVaaXPssN_TKLlYzzeg1qLTjWO7rvgETjiTER8/s1600/dividers_129.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiice2yZImgDDj0n5sMi_iKyaWaTNAvsbH0HQqTxK15JPidhI0CEBTDIQ6rvZfw82SqL2F0jyLto4XRzmK102i17sxWn52CZ33DDRi2wsGsE9xqbbiljwZ4SlXPxQ03Zq8zh2qmHM80j0/s1600/resfiles_sdfp.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGeNWbSzcpoVsNE3JuSCVJJLE4ReOl3QOyioDX1lhSuoJtdSWUHPrUj2v-cGOV6qjqi0ue3s0Ti-fKkUTfS7w3GleGTwhc85y3IV0WBt5yLfWaMRxh-qJOR9izqqHFQhTD8fGKenBNI4Q/s1600/resfileszcp.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4h6XVJc8WQCoeLmBEFI1nmsHQUA_KBf0dg6OU0LKh3IlnZZE034qubyzD5ie0mgv3u7K7_NEqBkTwyD4e8ohYTSPoX_pONaxI8PhpZZ1hkk9vAQ0PbeKKcpFYJjWzQ6gccCyYLEmaLMo/s1600/irish-border3hth.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tN5APNccaUXVQJg0M1qSgZFuvGe-Sl8KGzYoeQGgL21GyDmLK6bj3KIWiGHBO02lEoMgTFSIAx5PvhKoGj0sl9fzaYsla6XATilkU1maMWg3uloOpo947jSexLrQK47zmWu6CeeRWvg/s1600/maple-leaf-border-h.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyDcrZg91lRQ8ErzhPPHoGmUXnP-AEsS9qyBQOpR2wwdZMqZ_EaG7NN8E0dIhiRDqTGTe0MyKKBl4tu0aBZG_7u30rpQZaKVS_bk6wTVNzTjye7Ui3r4JwDJWVKwb_Xh_kenDyQjVUa6I/s1600/butterfly-border-hth.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrEu3pFLZDe0UlJpkUqRCBztEk6puK0zQJFsehD6QL6zOjpXt0OCLgIb2MCz0ljGTVjUltw4DfPDfZoRjHKLNvnXN_iy0fJFAtC6OkBBVLAcCZPXtXyiE4xWbS1CizFRqNVFy1bb17D00/s1600/bar47.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYdA5gJOM2X7tG0E-X3h5xxBKvUDQyX1Gfyt9DDFxeZOzXUiqZNlW3t8AiKGcVFXWotYqI5f4BjF1QxjDq0HRG9SygAeqknUzUTm6wtvSo-uWfOCVZlWnYuLtIqvJ_OiA7diPTJYKxzMI/s1600/chain.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZfdMYtTjy3TN76bZdjLG6uvkkXH5maeW0SvsLXuY-7HRrBgVkn_c1JoACHk4TwIZcjwiONg9XNA6wiBMGJQRowL7gHf8z39-y_70ynfzWGq6pOTFjXiYhn7A_GJfuNDNz3q67M1qiaqQ/s1600/irish-border4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkRwLnilkY-2fZEgraHBQWsijaPdx5XPQLVSoNAHa1FLu6RjvZqWDC8NLYhm2wTDhmLF_UGXcj-BtsRsPzO0aBMLGSNBvaTVR0vNB6sWjkEeTYJRq6mEYCzUrsoYx76_C2Ds6CcOxleAY/s1600/drawing-separator.gif
To add line in blogger post
go here How to add line between blogger post
22:05
Unknown
It has often been said that a picture says a thousand words, so in the struggle for the attention of the reader, we can add a picture or an icon to our post title, as I have put in the title of the post in the screenshot above.
Show Image Icon before Blogger Post Title
Step 1:First thing first you have to do is to prepare an image. After that you'll need a direct link to an image before you proceed further. You can upload it to tinypic.com and copy the URL located in the Direct Link for Layouts box. Also, make sure your image is sized appropriately. You don't want to see a huge image next to your post title.
Step 2: Go to Dashboard - Template - Edit HTML - Proceed if needed
Step 3. Click anywhere inside the code area to find (using CTRL + F) the following code:
<b:includable id='post' var='post'>Step 4. After you found it, click on the left arrow next to it to expand the widget's code
Step 5. Then delete it until you reach to <div class='post-header'>:
<b:includable id='post' var='post'>The code to be deleted:
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Step 6:
Paste the following code in the place of the deleted code in Step 5:
<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<table><tr>
<td class='posttitle'>
<img src='IMAGE-URL'/></td>
<td><h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</td>
</tr></table>
<style>
h3.post-title {
margin: 0px !important;
}
</style>
</b:if>
Step 7:
Replace the IMAGE-URL text in blue color from above with the URL address of your image (the one that you've gotten from Step 1).
Step 8: Save the Template you are done
Read More
How To add image between blogger post
09:27
Unknown
1. Go To Blogger template settings
2. Edit html
3. find ]]></b:skin> in the template
4. Before closs the ]]></b:skin> Add this code
2. Edit html
3. find ]]></b:skin> in the template
4. Before closs the ]]></b:skin> Add this code
.post { border-bottom: 1px solid black !important; } 5. You are done to add image in blogger post go here How To add image in blogger post
09:21
Unknown
Add a line-command to your template
If you don't like the other two approaches, you can change your template to add a horizontal line. To do this:1 Edit your template:
In Sept-2011-Blogger (ie the new interface) go to Template > Edit HTML > Proceed
In pre-Sept-2011-Blogger (ie the old interface) go to Design > Edit HTML.
2 Download a full copy of your template, and put it somewhere safe (in case things go wrong, and you need to go back to where you were).
3 Click on Expand Widget Templates.
4 Most templates have three footer lines: what is in each one depends on the template, and how you have arranged the items in the Layout > Blog Posts editor.
Look at the template for code like the following,
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>OR
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
<div class='post-footer-line post-footer-line-3'/>
</div>
and add the <hr /> command to which ever one you want, for example
<div class='post-footer-line post-footer-line-3'/>
<hr />
</div>
Advantage: you can easily place the divider line anywhere you want it, relative to the other items in your post-footer.
Enhancements to the basic <hr /> command:
There are lots of ways you can modify the <hr / > code. For example
<hr style="text-align: left;" /> - to left-align it
<hr style="color: red;" /> - to change the colour
<hr style="width: 50%;" /> - to make it narrower
See w3c.schools <hr /> tag for more information.
Add a border to the CSS rule that formats your posts
The cascading-style-sheet rules in your template control most aspects of how your blog looks. They can be a very powerful way to control how your blog looks.
Quick option:
.post-body
{
border-bottom:1px dotted #666666;
}
or this one if you want the border at the top of each post:
.post-body
{
border-top:1px dotted #666666;
}
In-depth
The specific CSS rule that controls how the "body" of your posts look is .post-body. To make changes to it:1 Go to Design > Edit HTML
2 Download a full copy of your template, and put it somewhere safe (in case things go wrong, and you need to go back to where you were).
3 Look for .post-body in the rules section of your template. It will look something like this, but the exact lines and values may be different:
.post-body {4 If you can find a .post-body rule, then add this line, just before the } character.
margin-top: 0;
margin-$endSide: 2px;
margin-bottom: 0;
margin-$startSide: 3px;
}
border-bottom:1px dotted #666666;5 If you cannot find a .post-body statement in the rules section of your template, then you need to add it.
Put it somewhere:
After <b:skin><![CDATA[/*
Before ]]></b:skin>
But not in the middle of any other rules: look at how the rest of that section of your template is laid out for clues.
The statement to add is something like the following, though you may want to try out different values for parts of it.:
.post-body {
border-bottom:1px dotted #666666;
margin-top: 0;
margin-$endSide: 2px;
margin-bottom: 0;
margin-$startSide: 3px;
padding-top:10px;
margin-top:20px;
}
Alternative formats:
The #666666 means draw the line in black - you may like to use a different colour, or use the word "solid" instead of "dotted" to make a firmer looking line.As an alternative, you can say border-top:1px dotted #666666; - this puts a line at the top of the body of each post, just underneath the title
Read More
How To add line in blogger post
How To add image in blogger post
Wednesday, 21 August 2013
02:22
Unknown
Add Contact Form on Blogger
- Login to Blogger > Dashborad
- Click on Drop Down Menu and select Layout
- Add Gadget
- Click on More Gadget
- Select Contact Form
- Now Give a Name to your Contact Form as we recommend you should give Contact Form
Now save it.
Customize Contact Form
- login to Blogger > Dashborad
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Search for </head>
- Paste below code just before </head>
<style>/*---- Compatible contact Form by Ms-----*/.contact-form-name, .contact-form-email, .contact-form-email-message { max-width: 220px; width: 100%; font-weight:bold; } .contact-form-name { background:#FFF url(http://2.bp.blogspot.com/bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 8px; background-color: #FFF; border: 1px solid #ddd; box-sizing: border-box; color: #A0A0A0; display: inline-block; font-family:Arial,sans-serif; font-size: 12px; font-weight:bold; height: 24px; margin: 0; margin-top:5px; padding: 5px 15px 5px 28px; vertical-align: top;} .contact-form-email { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhmYpRgZcI4oAisQbGtWhT_LLoy5wWCWgijQIw9fhuiRdSfcSPTWGlSLkBqZveqFNb1wQVdpnSkQ32zRrwSFXTipT519YcTb_ckAxMsGRhCiKCQNQ9xZkJ6WA_MyLGHzFbln_tCZQsCQs/s320/email.png) no-repeat 7px 10px; background-color: #FFF; border: 1px solid #ddd; box-sizing: border-box; color: #A0A0A0; display: inline-block; font-family: Arial,sans-serif; font-size: 12px; font-weight:bold; height: 24px; margin: 0; margin-top: 5px; padding: 5px 15px 5px 28px; vertical-align: top;}.contact-form-email:hover, .contact-form-name:hover{ border: 1px solid #bebebe; box-shadow: 0 1px 2px rgba(5, 95, 255, .1);padding: 5px 15px 5px 28px;}.contact-form-email-message:hover { border: 1px solid #bebebe; box-shadow: 0 1px 2px rgba(5, 95, 255, .1); padding: 10px; }.contact-form-email-message { background: #FFF; background-color: #FFF; border: 1px solid #ddd; box-sizing: border-box; color: #A0A0A0; display: inline-block; font-family: arial; font-size: 12px; margin: 0; margin-top: 5px; padding: 10px; vertical-align: top; max-width: 350px!important; height: 150px; border-radius:4px; }.contact-form-button { cursor:pointer; height: 32px; line-height: 28px; font-weight:bold; border:none; }.contact-form-button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .contact-form-button:hover { text-decoration: none; } .contact-form-button:active { position: relative; top: 1px; }.TTH-btnLogin{-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:15px;background:#a1d8f0;background:-moz-linear-gradient(top, #badff3, #7acbed);background:-webkit-gradient(linear, center top, center bottom, from(#badff3), to(#7acbed));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')";border:1px solid #7db0cc !important;cursor:pointer; padding:11px 16px;font:bold 11px/14px Verdana, Tahomma, Geneva;text-shadow:rgba(0,0,0,0.2) 0 1px 0px; color:#fff;-moz-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; -webkit-box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;box-shadow:inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px; margin-center:12px; float:center; padding:7px 21px;}.TTH-btnLogin:hover,.btnLogin:focus,.btnLogin:active{background:#a1d8f0;background:-moz-linear-gradient(top, #7acbed, #badff3);background:-webkit-gradient(linear, center top, center bottom, from(#7acbed), to(#badff3));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')";}.TTH-btnLogin:active{ text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; }</style><!--[if IE 9]> <style> .contact-form-name { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUuoNS9p110fsR5yeVfuzeEv8eKfRedQ6ucaFx2o_ZR1j4NayzNZBjIpwHYuN7h5i5wK7W9sl32eIGM3ZXDjCt_G1W4G4nPU6FcfGn09BpYrXeFnl7N3M_a-zeDvE3Gcso9Kgku0BfcE/s320/name.png) no-repeat 7px 0px; }.contact-form-email { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhmYpRgZcI4oAisQbGtWhT_LLoy5wWCWgijQIw9fhuiRdSfcSPTWGlSLkBqZveqFNb1wQVdpnSkQ32zRrwSFXTipT519YcTb_ckAxMsGRhCiKCQNQ9xZkJ6WA_MyLGHzFbln_tCZQsCQs/s320/email.png) no-repeat 7px 6px; }</style> <![endif]--> <style> @media screen and (-webkit-min-device-pixel-ratio:0) {.contact-form-name { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUuoNS9p110fsR5yeVfuzeEv8eKfRedQ6ucaFx2o_ZR1j4NayzNZBjIpwHYuN7h5i5wK7W9sl32eIGM3ZXDjCt_G1W4G4nPU6FcfGn09BpYrXeFnl7N3M_a-zeDvE3Gcso9Kgku0BfcE/s320/name.png) no-repeat 7px 6px; padding: 15px 15px 15px 28px;}.contact-form-email { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhmYpRgZcI4oAisQbGtWhT_LLoy5wWCWgijQIw9fhuiRdSfcSPTWGlSLkBqZveqFNb1wQVdpnSkQ32zRrwSFXTipT519YcTb_ckAxMsGRhCiKCQNQ9xZkJ6WA_MyLGHzFbln_tCZQsCQs/s320/email.png) no-repeat 7px 8px; padding: 15px 15px 15px 28px;}.contact-form-email:hover, .contact-form-name:hover{ padding: 15px 15px 15px 28px; }.contact-form-button { height: 28px;}}</style>
Now Save it
Add Contact Form on Static Page
- Login to Blogger > Dashborad
- Click on Drop Down Menu and select Pages
- Click on New Page
- Select Blank Page
- Now Click on HTML an Paste below code in it.
<div class='form'>
<!-- Custom Contact Form By Ms Starts -->
<form name='contact-form'>
<!-- Name Field -->
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}' />
<p></p>
<!-- Email ID Field -->
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID" size='30' type='text' onblur='if (this.value == "") {this.value = "Email ID";}' onfocus='if (this.value == "Email ID") {this.value = "";}'/>
<p></p>
<!-- Message Field -->
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' value='Leave Your Message..' onblur='if (this.value == "") {this.value = "Leave Your Message..";}' onfocus='if (this.value == "Leave Your Message..") {this.value = "";}'></textarea>
<p></p>
<!-- Clear Button -->
<input class='TTH-btnLogin' type='reset' value='Clear'/>
<!-- Send Button -->
<input class='TTH-btnLogin' id='ContactForm1_contact-form-submit' type='button' value='Send'/>
<p></p>
<!-- Validation -->
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
<!-- Custom Contact Form By MS Ends -->
</div>
- Now publish that page.
Hide Contact Form from Sidebar
Now here comes the part how to hide that contact form from sidebar or layout widget.
- Login to Blogger > Dashborad
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog.
- Part to be removed:
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
- Now save the template.
Subscribe to:
Comments
(
Atom
)
