Tampilkan postingan dengan label Beginner to blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Beginner to blogging. Tampilkan semua postingan

Sabtu, 12 September 2015

How To Earn Money With Chitika In Blogger

how-to-earn-money-blogging

Chitika is one of the highest paying ad network and very suitable for blogger blogs. It has good ppc rates and tracks traffic very accurately. It is very easy to use chitika for blogger because of its easier integrating service. It has all types of ad units e.g text ads, slide out ad, hover ads(appear when text is selected) and banners of every size. Chitika has started referral program also so now you can double your earnings by referring others to Chitika. Chitika payout method is paypal. In this tutorial I will show you how to earn money with chitika in blogger.
Requirements:
  1. A blog - Create a blog if you don't have one.
  2. Chitika account.
  3. Paypal account - To payout.
How To Sign-Up For Chitika?

Step 1: Go to Chitika.

Step 2: Enter your Email address and click on GO!

how-to-sign-up-chitika

Step 3: Open your Email and open the recent mail by Chitika.

Step 4: Click on Complete My Application.

how-to-apply-chitika-blogger

Step 5: Fill out the form. Enter your name, username, website url, password and select your country.

how-to-set-up-chitika-account-blogger

Step 6: Click on submit and wait for approval.

After approval you have to add ads in your blog to start earning money. So after approval follow below steps to add ads in your blog.

How To Add Chitika Ads In blogger?

Step 1: Go to Chitika and log in to your account using your email and password.

Step 2: Click on Ads and press Get code.

how-to-add-chitika-ads-in-blogger

Step 3: Scroll down to "Ad Code Generator" and select your ad using selector, you can see a preview of your ad below selector.

how-to-add-chitika-ads-in-blogger-101helper

You can customize your ad by clicking on Customize button

Step 4: Click on Get Code and copy the code.


Step 5: Go to blogger dashboard and click on layout.

Step 6: Click on Add a gadget and scroll down to Html/Javascript.

Step 7: Click on Html/Javascript and paste the code of ad.

Step 8: Click on Save and you are done.

How To Boost Your Chitika Earnings?

To boost your earnings you have to:
  1. Boost your traffic using seo .
  2. Attract visitors to your blog.
  3. Implement ads in right places to get maximum clicks on your ads.
  4. Refer other to chitika using refer banners provided by chitika.
I hope you like this post and it was helpful to you. Follow and subscribe for more blogger tutorials. Share this post with others and help me spread my blog. Thanks for visiting 101Helper.

Search Tags: Chitika Review, How to earn money with chitika, How to boost earnings, How to get more clicks on ads,Earn money blogging,Refer and earn,earn money online,101helper blogger tutorials.

Senin, 17 Agustus 2015

How To Add "Read More" Link In Blogger After Post

How to add read more link in blogger after posts

You might have noticed that in most of blogs these is a small description of a post and after that there is a "Read More" button to read full post. This read more button is addedbecause of  Jump Break. If a post have no jump break your blog will show full post and it may slow down your homepage and other pages. But it happens only in simple templates, if you are using a custom template you may don't encounter this problem.

All though "Read More" button has no effect on seo but it can help you speed up your blog. You can add this to your posts very easily, there is no need to touch code. It is done when you have completed your post.

Also Read: How To Customize Read More Link/Button In Blogger

In this post I will show you how to add "Read More" in posts by using jump break. So follow below steps:

Step 1Go to blogger dashboard and write a new post or edit an existing one which doesn't have read more button.


how-to-add-read-more-button-in-blogger-101helper

Step 2: Choose the location or area of post which you want to show before "Read More"button or find the position where you want to place jump break.


Step 3: Click after that area which you have chosen to show and click on Insert jump break button as shown in below image:


Step 4: Click on publish and open your homepage to see changes.

101Helper grow. Follow and subscribe to get instant news about new posts.

Search Tags: How To Add "Read More" Link In Blogger Post, Read morebutton in blogger posts,Small post description and read morebutton,blogging tutorials 101helper

Sabtu, 15 Agustus 2015

Fixing "headline and datepublished missing and required" in blogger

how-to-fix-structured-data-tool-errors-in-blogger-tutorial-101helper

Since Google is updating posting schema and search results so frequently, bloggers and webmasters are having trouble to cope with it. Previously Structured Data Testing Tool was detecting following errors:

(1). image_url: 
(2). postId: 
(3). blogId:
    how-to-fix-image_url,blogid,postid-errors-in-blogger


    But now two new errors are encountered which are:

    (1). headline: missing and required
    (2). datepublished: missing and required

    In this post I will show you how to fix these errors in blogger. So follow below steps to fix your errors. I am starting from "headline: missing and required" first.

    Method 1: How To Fix "headline: missing and required" In Blogger:

    Step 1: Go to blogger dashboard and navigate to template.

    Step 2: Click on Edit Html to Edit your template.

    how-to-edit-template-in-blogger

    Step 3: Click inside the code and search for below piece of code:

    <h1 class='post-title entry-title' itemprop='name'>

    Or if you don't find it search for below one:

    <h2 class='post-title entry-title' itemprop='name'>

    Step 4: Change 'name' to 'headline' in the code  as shown in below image:

    how-to-fix-headline-missing and required-in-blogger-structured-data-to-esting-tool

    You will find the above code two times or more then two times, make sure to change 'name' to 'headline' in all of these codes.

    Step 5: Save your template and test your blog again using Structured Data Testing Tool.

    How To Fix "datepublished: missing and required" In Blogger:

    If you do it manually it will need hard work and it would be difficult for you so I found an alternative method to fix this error which is much easier then other methods. So follow below steps to fix 'datepublished: missing and required' in your blog.

    Step 1: Go to blogger dashboard > settings and select sub-option(Language and formatting):


    how-to-fix-datepublished-missing-and-required-in-blogger-structured-data-to-esting-tool

    Step 2: Find Formatting and Timestamp Format.



    Step 3: Change time format from default to 8/15/2015 04:33:50 AM(Month/Date/Year Time AM) format as show in below image:


    how-to-fix-structured-data-tool-errors-in-blogger

    Step 4: Click on save settings and go to layout.


    blogger-step-by-step-help-tutorials

    Step 5: On the layout page edit blog posts.


    how-to-edit-blog-posts-in-blogger-101helper

    Step 6: Check/Mark both date and time options in post page options as shown in below picture:


    how-to-change-date-and-time-settings-in-blogger

    Step 7: Change time format to 8/15/2015 04:33:50 AM(Month/Date/Year Time AM) as you did in the settings above(step 3).


    how-to-change-date-and-time-settings-in-blogger-101helper

    It should be like above image.

    Step 8: Click on save and you are done.

    Once again check your blog with Structured Data Testing Tool, I am sure this time you will see All good!

    If you still have errors in your webmaster testing tools then you have to do all this manually so follow below steps to add codes manually.

    Method 2: Fixing "headline and datepublished missing and required" in blogger Manually!

    Step 1: Go to your template and edit it.

    Step 2: Search for below code:

    <div class='date-posts'><div class='post-outer'><div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    Step 3: Copy below code and paste it below the above code:

    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.dateHeader/>T<data:post.timestamp/></span></abbr></a>

    Step 4: Now search for this code:

    <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    Step 5: After finding above code just below it paste this one:

    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.dateHeader/>T<data:post.timestamp/></span></abbr></a>

    Step 6: Now search again for the below code:

    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>

    You may find this code 2 or 3 times

    Step 7: Add the below code below each of the above codes(step 6):

    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.timestamp/></span></abbr></a>

    Step 8: Click on save and you done!

    Important Note: Make sure to follow step 5,6 and 7 in the first method of fixing these errors!

    If your blog have other errors like img_url, postid, blogid then read How To Fix Google Webmaster Tools Errors In Blogger 


    If you still see any problem you can discuss it with me in comments or by contacting me.

    If this post helped you then please take a second to share it with others. Follow ans subscribe for latest posts updates. Keep visiting 101Helper :)

    Search Tags: How to fix Structured data tools errors in blogger,blogid,postid,headline,image_url,datepublished error fixing tutorial for blogger,Google webmaster tools tutorials for blogger 101helper.blogspot.com

    Jumat, 31 Juli 2015

    How To Use Google Adwords To Increase Blogger Blog Traffic

    how-to-use-google-adwords-in-blogger-101helper

    As far as I am concerned with blogging, Google Adwords is the only ad network which I prefer best to advertise a blogger blog. Although I get my whole traffic from search engines but in the beginning I used Google Adwords to promote my blog. You can also use Google Adwords to promote your blog and help it to start running. 


    Why Google Adwords?

    Only few of us know how to use Google adwords and its good for blogger because of its policy which is to pay only when you get clicks. It means you don't have to pay a fixed amount to advertise your blog but you choose your own budget and also pay per click amount. Moreover if you don't get clicks and your site is against Google Adword's policy you will get your money back. It has tremendous features which makes it better than other advertising networks.


    Payment Methods:


    - Credit Or Debit card.

    - Bank Account.

    Mobile App:




    Stay up to date about your ad campaign clicks and impressions via smart phone app(Andoid/iphone). Just go to your phone's app store and download Google adwords app. Login by using your blogger account and stay updated about your campaign as well as keep full control over your account from your phone.

    How To Use Google Adwords For Blogger Blog?


    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.



    how-to-use-google-adwords-in-blogger-101helper

    Step 2: Click on Start Now.



    Advertise-blogger-blog-101helper

    Step 3: Wait for the page to load and refresh it if its not showing anything.


    Step 4: Type your Email, Select your country, Select your time zone and your currency(in which you will pay for advertising).



    advertise-blogger-blog

    After selecting desired options click on save and continue to proceed away. Congratulations! your adwords account has been created.



    How To Create My First Ad Campaign In Google Adwords?

    Read and follow below steps to create your first campaign and start promoting your blog/website.


    Step 1: Click on Create Your First Campaign.




    Step 2: 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 3: 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. 



    how-to-use-google-adwords-blogger-tutorial

    Step 4: In step 4 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.

    how-to-set-bid-in-google-adwords-101helper
    How to set bids in Google Adwords?

    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.05 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.05 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.

    What Is Ad Extension And How To Use It?



    ad-extension-google-adwords-blogger-101helper

    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 5: 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 6: 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.



    how-to-create-ad-in-google-adwords

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



    how-t-add-keywords-in-google-adwords-101helper

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



    how-to-set-keywords-in-blogger

    Setting Up Billing Settings In Google Adwords:


    Step 9: Select your country and click on Continue.



    set-payment-settings-in-google-adwords-blogger-101helper

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



    billing-settings-in-blogger-google-adwords

    Step 11: Select Automatic payments in How you pay option and the payment method is chosen in step 9(you can pay with either credit or debit card or by bank account depending on your country).




    Fill up all your info carefully and choose your billing language also.


    Step 12: Check the Yes, I agree the above terms and conditions and click on complete sign up.



    how-to-signup-google-adwords

    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 

    I hope you like this post if you have any question ask me in comments or contact me. Follow through social networks and subscribe to Newsletter for E-mail notifications about new posts. Share this post with others and help me spread my blog. 

    Search Tags: How to Use Google Adwords, Google adwords help, Google adwords for blogger, Step by step tutorial Google adwords, Increase traffic Google adwords,Get Google Adword's tips,Advertise blog low rates,101Helper blogging tutorials


    Jumat, 19 Juni 2015

    How To Add Youtube And Dailymotion Videos In Blogger Posts

    add-video-dailymotion-youtube-in-blogger

    Video tutorials are the best way to help users how to do something. For instance a blog about doing something like blogging or a tutorial blog becomes best one when it has step by step text tutorials as well as video tutorials. Now a days tutorial blogs are trending so every blogger is trying his best to make his blog better than other by improving its user experience. User experience improves when users are satisfied and video tutorials are the best tutorials to help and satisfy users because users can see how to do something. So if you have a blog and you have already setup a Youtube or Dailymotion channel and you want to embedded your videos in your blogger blog posts in order to get more views or to improve your visitors experience then you have reached to right place. In this post I will show you how to embedded videos in blogger posts. In the end of this post you can watch video tutorial also. Hope you like it.

    How To Add Youtube Videos In Blogger Posts:

    Step 1: Create a video and upload it.

    Step 2: Open your video and below it click on share, make sure to allow embedding while uploading your video.



    how-to-share-yoututbe-video-in-blogger

    Step 3: Click on Embed and copy the code shown, The default code is for 560X315 size but if you want to change the size of the video and make other customizations then click on Show more.



    youtube-videos-blogger

    Choose desired size for your video or click on custom size to set your own size



    how-to-share-yoututbe-video-in-blogger-101helper

    After size make other changes like show suggested videos, show player settings etc.  


    Step 4: Copy the final code and go to blogger and edit post in which you want to add video.


    Step 5: Switch to Html compose box and paste the code where you want the video to show up.


    how-to-add-code-in-Html-composer-in-blogger

    Step 6: Now click on publish and you are done.

    If you want to add a video to your blog from a link(youtube) or computer then follow below steps:

    Step 1: Go to blogger and edit your post or create a new one.

    Step 2: Click on the video icon beside image adding tool.


    add-a-video-in-blogger-post

    Step 3: Now if you want to add video from your computer then just click on "Choose a video to upload" select the video and wait for upload.


    upload-video-blogger

    but if you want to add video from a youtube link then click on from youtube and paste the link of the video.

    Step 4: Click on "select" and you are done. 

    How To Add Dailymotion Videos In Blogger:

    Step 1: Open the video which you want to add in your blog post.

    Step 2: Click on "Export" below the video.

    Step 3: Customize your video.


    add-dailymotion-video-in-blogger

    You can re-size your video and turn on "auto-play". A preview of your video player is shown below the code. 

    Step 4: Copy the code of your video and go to your blog.

    Step 5: Edit or create a post and switch to Html compose box.

    Step 6: Paste the copied code and you are done.

    I hope you like this post and you found it helpful.

    Try more posts if you liked this post. Follow and subscribe for more blogging tutorials.


    Search tags: Dailymotion videos blogger,Youtube videos in blogger,How to add videos in blogger posts,Increase youtube views,Video tutorials blogger,101helper blogging tutorials.

    Kamis, 04 Juni 2015

    How To Create Transparent Images For Blog Posts

    How-To-Create-Transparent-Images-For-Blog-Posts

    Blogging and creating a powerful blog post is impossible without images. Images makes a blog post more interesting and easy to understand. Two things which grab interest of visitors are title and images. Other things are also important to create a powerful post like good content, colorful post and frank behavior. As images are important for a good post therefore images should be created in such a way that suits your post. For example some bloggers add effects to images. Sometimes transparent images are needed in post but most of blogger don't know how to create transparent images, so in this post I will show you how to create transparent images using online tools. So in this post you will learn two things:

    (1). How to create a new transparent image for blog post.
    (2). How to make an existing image transparent.

    How to create a new transparent image for blog post:


    Step 1: Go to http://apps.pixlr.com/editor/



    create-transparent-images

    Step 2: Click on create new image.


    create-transparent-images-blogger

    Step 3: Give a title to your image, choose a size or set a custom size of image and check the transparent option.


    create-transparent-images-for-blogger

    Now you will have a transparent background, just create your image and move to step 4.


    transparent-images-generator

    Step 4: Use Ctrl+S to save your image.


    create-transparent-images-blogger-101helper

    Choose "PNG(Transparent, full quality)" as image format and click on save.

    Congratulations! you are done successfully.

    How to make an existing image transparent:

    Step 1: Go to http://apps.pixlr.com/editor and click on create a new image, choose a size for your image and mark the transparent option.

    Step 2: Open your image from computer or url.


    how-to-make-an-image-transparent

    Step 3: Use Ctrl+A to select your image and then use Ctrl+X to cut it.

    Step 4: Now close the new image tab(which is opened because you have opened an image to change its background with transparent) and paste your image which you have grabbed in step 3 on the transparent background. 

    Step 5: Remove all the unwanted background which you want to make transparent by using eraser tool.


    how-to-make-an-image-transparent-101helper

    After creating your image just save it as you saved the previous one and you are done! You can change the mouse cursor by choosing other cursor just above the editor.

    Now if the images aren't transparent after upload then you need to make some changes in your blog template so follow below steps to make these changes.

    Step 1: Go to template and click on customize.

    Step 2: Click on Advanced and then on Images.


    how-to-customize-images in blogger

    Step 3: Click on Background color and mark the transparent option as shown in below image:


    transparent-images-generator-101helper

    Step 4: Click on Apply to blog button on the top-right corner of the page.

    Congratulations! you are done successfully. You can make further customizations too like removing border of images and caption text color.

    Hope you like this post and it helped you out, follow 101Helper by E-mail to get instant updates. Share this post with others.