Open top menu
Showing posts with label E-Marketing. Show all posts
Showing posts with label E-Marketing. Show all posts
Tutorial # 37 - Fancy E-mail Subscription Form of Blogger

If you want a simple E-mail Subscription Form, see the previous tutorial - Tutorial # 36 - How to add “Email Subscription Form” to Blogger/Blogspot. However if you want to make it a little bit fancy, this tutorial will help you in making so.

Step 1: Follow the Steps 1-6 of the previous tutorial - Tutorial # 36 - How to add “Email Subscription Form” to Blogger/Blogspot.

Step 2: Now copy and paste the following code into any webpage or HTML JavaScript widget (by going to Blogger Dashboard > Layout) and make the changes given below.

Customization
- Replace the URL address in line # 3 to change the email icon

- To change the width or the text area, increase/decrease the 190px value in line # 36

- Replace http://feedburner.google.com/fb/a/mailverify?uri=EarningViaBlog with your Feedburner Email Feed link in line # 40. You can get it by visiting your feedburner account then navigate to "Publicize" and then to "Email Subscriptions".

- In line # 42, replace EarningViaBlog with your feed title. It appears at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=EarningViaBlog.


Step 3: Now Save your widget and you're done. Check and Enjoy!
Read more
Tutorial # 36 - How to add “Email Subscription Form” to Blogger/Blogspot

Before you add Email Subscription Form to your blog, you need to "Burn" Blogger RSS Feeds at Feedburner.

What is RSS

A RSS (Really Simple Syndication) feed is a XML-based format for your content. Most blogging platforms, for example, will have an RSS feed built in. Whenever you start publishing posts, your latest posts will be updated in the RSS feed. Visitors to your website can subscribe to your blog’s RSS feed.

What is Feedburner

Feedburner is a free web service which enhances bloggers ability to manage their RSS feeds and track usage of their subscribers.

The following steps show you how to Burn Blogger RSS Feeds:

Step 1: Go to Feedburner and sign in to Feedburner with your Google Account (create a Google Account first if you don’t have one).

Step 2: To set up your RSS feed with Feedburner, simply copy the URL of your RSS feed and paste it into the “Burn a feed right this instant” box. Then click Next >>

Step 3: On the next screen, choose the second options - RSS

Step 4: On the next screen you will be given your RSS feed’s new URL on Feedburner. You will want to use this URL anywhere you reference your RSS feed on your blog. Change the feed title and address with your own.


Step 5: At this stage, just click on "Skip directly to feed management".

Step 6: Now you can change the default "Communication Preferences" if you want. This is basically the format of the E-mails which are to be sent to the subscribers.


Step 7: Now copy and paste the code (See screenshot below) into any webpage or HTML JavaScript widget. Your subscription form will be automatically. From there readers can subscribe to receive daily email regarding your newest content.


Now you're done. If you want a fancy type of Subscription Form, see the next tutorial - Tutorial # 37 - Fancy E-mail Subscription Form of Blogger

Step 8: Redirecting All Your Blog Feed To Feedburner - (Optional)
Unless you redirect all your blog feed to Feedburner you won’t get accurate subscriber numbers because some of your readers subscribe using your original blog feed.

To do this:

1. Go to Settings > Site Feed in your blog dashboard

2. Add your Feedburner address to Post Feed Redirect URL and click Save Changes.


3. Now all your feeds is automatically redirected through FeedBurner and you’ll be able to track subscribers. And now newest content will be automatically sent to your subscribers. Enjoy! You may check it by subscribing your E-mail. After subscribing you will receive an E-mail for confirmation which needs to be confirmed before getting daily updates of the newest content of your blog.
Read more
Tutorial # 32 - Add Social Media Icons to Blogger Header

This tutorial will help you to add social media icons in the top right corner of the page which could increases the likelihood that readers can follow through the various social networks. The icons will rotate when you hover over them.

Step 1: Go to Blogger dashboard > Template > Edit HTML


Step 2
To expand the style, click on the small arrow on the left of <b:skin>...</b:skin>,


Then click anywhere inside the code area to search (using CTRL + F) for the ]]></b:skin> tag

And then add the following code just above it

Step 3: Now search for this line


Step 4: And just above it, add this code


Step 5: Following changes shall be made by you
- Change usernames at lines 4, 6, 8, 10 with your usernames and id: the first is your Facebook username, the second is that of Twitter, in the third you should change the X by the ID of your Google+ profile and in the fourth you will put the name of your blog.
- To change the icons, just replace the urls in the above mentioned lines with the ones of your images.
- You can add more icons if you want, you just have to add before </ul></div> a line like this for each extra icon you want with a Link URL and Image URL:


Step 6: Finally, Save the Template to apply the changes.
Read more
Tutorial # 31 - Social Media Sharing Widget using AddThis

Without any doubt "Sharing is Caring", those who care and like you posts intent to share them to their social media profiles. This widget helps them to share your content and to make it available to other people. This in turn will promote your blog.


There are many ways to add the social media sharing widget in your blog. However we are using "AddThis" to add different types of social sharing widgets in your blog.

Step 1: Visit the https://www.addthis.com/get/sharing page & Click on "SIGN UP FOR ADDTHIS"

Step 2: Create an account in AddThis. You may also log in through Google, Facebook or Twitter accounts

Step 3: Click on "TOOLS"

Step 4: This will provide you with a number of different types of social sharing buttons. We're going to have Floating Sharing Sidebar

Step 5: You will have some settings regarding your social sharing buttons
Changing the settings doesn't affect the code given below. Before pressing the button "Activate" you need to copy the code and paste it just above <div class='post-footer'> in Template > Edit HTML.

If you want to edit or change the settings of the widget, you just need to your account and amend the setting without making any changes in your blog.

Related Tutoriols
Tutorial # :
Tutorial # :
Tutorial # :
Read more
Tutorial # 26 - Facebook Pop-up Like Widget


Facebook is the No. 1 social media service on the Internet hosting to over 1.3 billion users; of those, 800 million login to their timelines at least once a day. Thanks to the vast number of active users on services like Facebook, acquiring new readers as a blogger or content provider has become easier than ever.

For E-marketing, you must take advantage of social media by doing things like integrating Facebook on Blogger. Sharing site content using a Facebook Like Box is just one of many strategies that can generate a regular flow of traffic from a diverse demographic that might have been previously inaccessible. Adding a Facebook Like Box actually makes the users more likely to like your blog page.

How to Add the Facebook Popup Like Box Widget
Step 1: Log into your Blogger account and select your blog > go to 'Layout' & click the 'Add a Gadget' link on the right side

Step 2: Once the popup window is open, select the HTML/JavaScript gadget from the list

Step 3: Copy and paste the following code inside the empty box



Step 4: Customization
After adding the code, replace the address in Line # , https://www.facebook.com/earningonlineviablog/ with your site's facebook page URL.
The widget will appear 5 seconds after the page finishes loading. If you want to change this delay, change the number 5000 to a greater or lesser number in this part:
.delay(5000)
By default, the like box only shows up the first time the user visits your page.  If you would like the Facebook box to popup every time the page loads, then remove this line of code:
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

If you want to display only when user visits your homepage, go to 'Template' > hit the 'Edit HTML' button on the right side and search by clicking anywhere inside the code area and pressing the CTRL + F keys for this tag:

Paste the facebook popup widget right above the body tag and make sure to include the conditional tags below:
<b:if cond='data:page.type == "index"'>ADD THE FACEBOOK WIDGET CODE HERE </b:if>

After saving your work, you can test out your new feature by returning to one of your old posts which should bring up a little popup widget asking if you'd like to join the site's facebook page.

If you don't see the Facebook Like Box on the page, you may need to delete your cookies or check out the 'Customization' section above in order to display the widget every time a user visits your site. Once this widget is added to your site, all your hard work should start to translate into an increase in web traffic and number of Facebook fans.


Step 5: Press the 'Save' button to add the widget to your blog. That's it!
Read more
Tutorial # 23 - How to advertise your site/blog through facebook


Step 1: Log in your account in facebook, if you don't have your facebook page, create a one. Then click on "Promote" at the right top corner.


Step 2: You will get different options regarding advertisement as shown below.


Step 3: You may either give ads in facebook for either your website or facebook page. By clicking any of the above, you may get various options regarding your ad design and target audience.
Read more
Tutorial # 22 - How to apply for Google AdWords

Well it seems that using Google AdWords is very difficult to understand but it isn't so. Even a beginner can start promoting his blog with it, all you need is a way to pay and follow this tutorial. So lets begin, follow below steps to start promoting your blog through Google AdWords.


Step 1: Go to blogger dashboard and navigate to Campaigns. Then Click "Start Now"

Step 2: Type your Email, Select your country, Select your time zone and your currency(in which you will pay for advertising).
Step 3: Click on Create Your First Campaign.


Step 4: Give a title to your campaign, Select the type of ads either Standard or All features, Choose networks and devices(on which ads will show up e.g computer, tablets, mobile etc).


Step 5: 
Scroll down the page and move to Locations, here you have to choose the countries in which you would like to show your ads. Choose All the countries or your own country or if you want to target specific country then choose Let me select. If you choose Let me select then type the name of the country in the search box below and select it.


After location you have another option below "Languages" so check the languages in which you would like to show your ads. Be sure that the languages you select aren't only languages but these languages will decide that on which Google domain your ads will appear.

Say that you choose English, now your ads will be shown on the Google domains which have English language e.g. Google.co.uk, Google.com, Google.pk.

It doesn't mean that your ads will not be shown in the countries you choose.

Step 6: There are three things that you have to deal with, one is to choose a bid strategy, budget for your ads and other is to ad extension to your ads.

Choose Basic options in bid strategy because Advanced options are difficult to understand.

In bid strategy area you have two options:
1. Adwords will set my bids to help maximize clicks within my target budget.
2. I'll manually set my bids for clicks.
Choose I'll manually set my bids for clicks because if you let Google to choose bids for you then you will get more and more traffic but have to pay high rates.



After choosing I'll manually set my bids for clicks you will have two options:-
1. Default bid.
2. Budget.
In the default bid type the rate which you will pay for each click(PPC).

Tip: For a quick boost in traffic while spending lowest amount set $0.02 as default bid.

In budget area type $1 or $2 no matter what you type but it is just a limit in which you will pay Google Adwords. For example if you set a budget of $1 and default bid $0.02 then you will get 20 clicks for 1 dollar and after that your ad will stop running because your daily budget is consumed. If you don't get 20 clicks in a day then your remaining budget will be used next.


Ad extension is an optional feature to include relevant business info with your ads e.g location, sitelinks, call info. So if you want to use this feature just check any of the given option and follow instructions to proceed away.


 Step 7: Click on Save and continue and you have successfully created your first campaign now its time to create an ad group which will include you ads so follow next step.

Step 8: Give a name to your ad group and below it design your ad look. You can see a preview of your ad on the page.

Step 9: Scroll down and write your keywords in the given text area as shown in below photo. Write 10-20 keywords on after other.


Step 10: After writing keywords click on Save and continue to billing as shown in below image


Step 11: After selecting your country, click on Continue. Then you'll get to Billing Settings.


Step 12: Select account type as individual and fill up your info. E.g your name, address, phone number etc and scroll down the page.


Step 13: Select Automatic payments in How you pay option


Step 14: Check the Yes, I agree the above terms and conditions and click on complete sign up.
Congratulations! you are done successfully. You can read more about Google adwords below e.g how to create more campaigns or edit the existing one, how to change billing info and account info and also how to cancel your account any time.

How To Make Changes In Settings?
Although payment settings and other settings are configured and saved at the time of setting up account but later you can change your payment as well as account settings. To change your account settings just click on the settings button on the top-right-corner of the page.


To create more ads and ad-groups just navigate to campaigns and click on  +CAMPAIGN 
Read more
Tutorial # 21 - How to enable "Email this Post" option under every post

Step 1: Email This Post enables your blog readers to share your posts with others. To enable this feature, go to the Layout tab on your blog and click "Edit" on the blog post widget.

Step 2: Then, on the window that pops up, scroll down and check the box for "Show Email Post Links."

Step 3: When readers view your blog, they can click the little envelope icon at the bottom of your post to email your post to their friends.

Read more
Tutorial # 20 - Appropriate Use of Permalinks

Permalink is a URL that links to a blog post.

Step 1:
When you write a post, Blogger automatically generates a permalink for your post from its title. If you prefer to use a custom permalink, you can do so via the “Permalink” option in the Post Settings box. See figure below:

Custom URLs are usually used in order to make it SEO-friendly.
Read more
Tutorial # 19 - Appropriate Use of Custom Robots

Step 1: Go to Settings > Search Preferences

Web site owners use the /robots.txt file to give instructions regarding which links of the site are to be searched (or indexed) about their site to web robots (also known as Web Wanderers, Crawlers, or Spiders; they are programs that traverse the Web automatically. Search engines such as Google use them to index the web content); this is called The Robots Exclusion Protocol. In short Search engines are robots.



Step 2: What to put in robots.txt content?
1. To exclude all robots from the entire server

User-agent: *
Disallow: /


The "User-agent: *" means this section applies to all robots.




2. To allow all robots complete access

User-agent: *
Disallow:
(or just create an empty "/robots.txt" file, or don't use one at all)




3. To exclude a single robot

User-agent: BadBot
Disallow: /




4. To allow a single robot

User-agent: Google
Disallow:

User-agent: *
Disallow: /




5. Disallow particular post by using robots.txt file

User-agent: *
Disallow: /yyyy/mm/post-url.html

Here yyyy and mm refers to the publishing year and month of the post respectively. For example, if we have published a post in year 2014 in the month of December then we have to use the below format.


User-agent: *
Disallow: /2015/12/post-url.html

One thing you should keep in mind that it is case sensitive. So the best method is to copy the exact URL, remove the Blogger address and paste here for best results. Otherwise, it will create trouble for your blog.




6. Disallow Particular Page(s) by using robots.txt file

This method is same as to disallow the crawling of the particular post. You just need to copy the URL of the particular page(s) you want to block, remove the domain name and use in your robots.txt file like the below code:

User-agent: *
Disallow: /p/page-url1.html
Disallow: /p/page-url2.html
Disallow: /p/page-url3.html


This is normally used to prevent the "Privacy Policy", "Terms & Conditions" and "Disclaimer" pages from being crawled by Googlebot and other crawlers and spiders.

Custom Robots Header Tags
Its scope is narrower as compared to the above option.
As far as robot header tags are concerned, all pages on a blogger blog are classified into three categories:

Home Page – This category includes a single page, the home page of your blog.

Archive and Search pages – Archive pages are those which list multiple blog posts (or snippets) on a single web page. These are the page accessed by clicking the ‘Older’and ‘Newer’ links at the bottom of the home page and all pages reached by clicking these links, or the pages accessed by clicking the Year or Month links in the blog archives.
Search pages are those which open on searching in a blogger blog. These pages also show multiple blog posts on a single page.

Pages and Posts – These are the blog post pages or standalone blogger pages. These pages show only a single blog post and the associated comments.


It does not provide you the opportunity to write your codes instead it is confined to the following options (See picture above), along with their brief definitions:-
- all: No restrictions are placed on the robots. They are allowed to crawl, index and serve content. This is the default value.

- noindex: The page shouldn’t be indexed i.e. it shouldn’t be shown in search results.

- nofollow: All links on the page containing this directive will be treated as nofollow. The page will be indexed but the linked pages will not be crawled. Note that if there is another web page somewhere on the internet having links to those pages marked as nofollow by you, then those pages will be crawled. The nofollow directive simply states that ‘Do not index the linked pages because I have linked to them. But, if someone else has linked to them and has not marked them as nofollow, then you are free to index them’.

- none: Equivalent to both "noindex" and "nofollow".

- noarchive: Google caches certain web pages and shows a link to the cached pages in search results. If noarchive tag is specified, then the cached link will not be shown in search results.

- nosnippet: Along with links to webpages, Google search results also shows a text snippet to give the searcher an idea of the contents of that page. If nosnippet is set, then text snippets will not be shown for that page in search results.

- noodp: The Open Directory Project (dmoz.org) is a human created directory of websites and webpages. The human editors also add descriptions for these webpages. Sometimes, Google uses these descriptions (and other information) to improve the text snippets or other information shown in search results. If the noodp tag is set, Google will not use metadata from ODP.

- notranslate: If the language of the user is different from the language of the webpage, Google shows a link in its search results for translating that page. If notranslate is set, then such links won’t be shown.

- noimageindex: If set, the images on that page will not be indexed. This is similar to nofollow tag. If the same image is present on some other page, then that image may be indexed.

- unavailable_after: The webpage will not be shown in search results after the specified date and time.


If the feature is turned on (e.g., you’ve selected Yes), then you will see a similar interface in the "Post Settings" section of the Post Editor.
Read more
Tutorial # 18 - Meta Description and Search Engine Optimization (SEO)

Step 1: Make your blog searchable and 'listed'


Step 2: Go to Setting > Search preferences for further SEO settings. Click on the all the Edits

Step 3: The setting of blogger's search preferences are described  below

If the feature is turned on (e.g., you’ve selected Yes for "Enable search description?"), then you will see "Search Description" option in the "Post/Page Settings" section of the Post/Page Editor as shown in the image below:


You must specify a search description for your blog including each post and page, otherwise search engines will establish one for you based on your blog’s content. This also helps in Search Engine Optimization (SEO). For further guide on SEO, click here

For Crawlers, Indexing and Robots see Tutorial # 19 - Appropriate Use of Custom Robots
Read more
Tutorial # 17 - How to make the content of your Blog useful

How to Make Boring Content Interesting!
1.       Publish regular updates: The more you blog, the more traffic you'll get.
2.      Think of your audience: A good way to build an audience is to speak to one in particular. When you keep your audience in mind, your writing gains focus. Focus goes a long way toward repeat visitors.
Read more
Tutorial # 16 - How to Connect your Google+ Profile or Page


Step 1: Go to the gearing icon at the right top corner, and click on "Connect to Google+"

Step 2:

Step 3

Step 4: Now the blog is connected to your Google+ profile. There are various options regarding posting the blog's content to your profile. You can also connect your blog to a Google+ page.

Step 5: If you want to link your blog to a Google+ page, first you have to create a page unless you already have one.

Step 6

Step 7

Step 8

Step 9

Step 10

Step 11

Read more