(BIGGEST LOOT ) Magone world's best template at just RS 299 (COUPON ADDED) actual price RS4100

MagOne is a Responsive WordPress theme for Magazines, News & Portfolio style websites with 1-Click Installer, powerful Page Builder & incl 6 months support.


One-Time Payment = Free Life-Time Updates


With MagOne you only purchase once and receive a beautiful modern website with multiple layouts, but you also gain access to lifetime updates at no extra cost, making this an excellent value WordPress themes for Magazine, Lifestyle, Newspaper or Portfolio style websites.

MAGONE REAL PRICE IS 59$ APPROX RS4100 ON WORLD'S BIGGEST TEMPLATE SELLER THEMEFOREST 

                       

Every website demo shown is included FREE and can be quickly imported and set up with 1-Click via the Admin Tool.
Coded with HTML5 & CSS3, all of MagOne’s features, such as animations and effects, are elegant and purposeful, not cluttered and overbearing, with a focus on your content first. Choose a design layout that suits you from one of our pre-built pages, or create your own exactly how you imagined it with the easy to use Drag & Drop Page builder that comes with the Sneeit Framework.

• HOW TO BUY MAGONE PREMIUM TEMPLATE IN JUST RS 299 ?

1. CLICK ON BELOW BUTTON TO PURCHASE FROM GENUINE PREMIUM SELLER
2. CLICK ON BUY NOW AND APPLY COUPON CODE(SEOOPTIMISED7)
3. AS YOU WILL PAY RS 299 THE MAGONE PREMIUM TEMPLATE ZIPPED FILE WILL BE DOWNLOADED IN YOUR DEVICE .  

VOILA..... YOU WILL GET RS 1500 INSTANT DISCOUNT ...

I HAVE LOOTED THE DEAL . CHECKOUT BELOW PICS FOR BETTER UNDERSTANDING.

YOU CAN PAY THOROUGH ANY MODE ... 

CREDIT CARD , DEBIT CARD , NETBANKING AND THE BEST PART IS YOU CAN PAY THROUGH WALLETS ALSO

Read More

How to Create Android App for Blog/Website?

As you all know that Android is one of the popular mobile OS at this moment.  Android Market is already loaded with 300,000+ Apps and Games for over 300 Android Devices. It gets millions of downloads per day. How about giving your reader an android app for your blog. This way, they can keep track of blog updates from their android powered smartphones and devices.

If you have a blog or website and wants to create an android app, then you can create an android app easily & for free by reading this tutorial. You just need a feed url of blog & Wordpress Blog Bloggers can generate the android app (.apk) by just installing feed.nu Wordpress Plugin & Blogspot can generate android app with feed url.

Create Android App For Wordpress:

• Go to Feed.nu Website and register an account there.
• Login there and enter your Feed settings.
• Go to Feed.nu WordPress plugin page and download it.
• Install the Plugin and then activate it from the WP dashboard.
• Now, In your WP dashboard, click on Android and then choose your Android App Language, Appearance and then hit the Generate APK.

That’s it. Your  Android App is ready to download. You can use this App on your device as well as submit it to the Android Marketplace. To submit it to the marketplace, head over to Android Marketplace Publish page and give the required details there. 

Create Android App For Blogspot:

• Go to Feed.nu Website and register an account there.
• Login there and enter your Feed settings.
• Enter your feedburner url (you must sign up for feedburner to generate app) & All other details
• Now Click on Save & Generate, you'll get email from them in 1 minute
• That's it Your  Android App is ready to download. You can use this App on your device as well as submit it to the Android Marketplace. To submit it to the marketplace, head over to Android Marketplace Publish page and give the required details there. 

Hope this article will help. Please Comment, Share & Like 

Read More

How To Create a Chrome Extension App for Your Blog?

There are so many ways to stay connected with your readers for your blog. you can use push notification service, subscription box, Make a Mobile App, etc.

In this Tutorial, We will learn how to create a chrome extension app for your blog. this this chrome extension app, your readers will stay connected to your blog & get updates of your posts & other important notifications. You can see RK Blog Chrome Extension App here.

How to Create a Chrome Extension App For your blog ?

This Chrome Extension App adds an icon to the Chrome toolbar. It will display recent 10 Posts with a Search bar in it. Here is the preview of the Chrome extension.

Follow the below steps to create chrome extension app. First Download this RK Blog Extension App.zip and extract it.

• Create an icon.png with resolution 128x128 PX and replace it with the icon.png present in the extracted folder
• Open manifest.json file, add name and description to your blog in it.

Extension Name: Name you would like to give to your app.
Description: Short description of your blog (less than 132 characters).

• Open extension.js file and replace RK Blog feed URL with your blog feed URL as shown in the image
• add your blog feed URL
• In extension.html, replace rahulkundu.com with your blog URL and you need to add a hyperlink of your blog logo.
• Now You’ve successfully created a Chrome Extension for your blog

Test Your Chrome Extension App

Now you can check the preview of extension in your Chrome browser using developer mode.

• Go to chrome://extensions/ in your Chrome browser and click the developer mode check box
• Click Load unpacked extension Button and Select your Chrome extension file and click ok.

Also Read:

• How to Make Your Blog Push Notification Ready in 5 Minutes ?

Optional: You can also submit your chrome extension to the Chrome Web Store. To do, you have to pay one time payment to google, which costs $5 only.

Hope you like this post. Please like, comment & share 

Read More

How to Add or Change Favicon of Blogger Blogspot Blog ?

Favicon is a small logo that will be shown on tabs of browsers to help users can realize your site tab. To upload favicon for Blogger Blogspot website, just follow below steps:

How to Add or Change Favicon of Blogger/Blogspot Blog?

• First go to Blogger.com & Login
• Now Choose Layout & you will see Favicon widget at the top left corner of layout. (if not available you can add from Add Widget)
• Click on Edit link to edit Favicon widget

• In Configure Favicon window, click Choose File button to upload your favicon image and the Click Save.

Read More

How to Make Your Blog Push Notification Ready in 5 Minutes?

Developers had made many tools for bloggers, there are many methods that you can use to notify your readers of latest posts or important updates from your blog.

You may see that when you open some website/blog, a notification box appears (there are many styles to appear) which asks to allow Or Block that is push notification Subscription box. then you will be able to send notifications of your blog/website to your readers.

Today, I am sharing PushEngage: A web-push notification service. It supports Wordpress, Blogger/Blogspot, Joomla, Drupal, bbPress, eCommerce sites & much more. Using the PushEngage service, you give another subscription option to the readers of your blog who are using Google Chrome, Mozilla Firefox (all platforms) or Safari on Mac OS.

PushEngage is a great service that allows bloggers to send push notifications to their readers. It is very easy to install in your blog. It has both free plan & premium plan. the free account allows you to send unlimited push messages per month for 2,500 subscribers, which i a decent number for a small and medium-sized blog.

How to Enable web-push notification on your Wordpress blog ?

This Service supports Google Chrome, Mozilla Firefox & Safari on All Platforms (mobile & desktop) and Safari browser on Mac OS.

• First Go to PushEngage website and Create an Account.
• Once you have Signed up for an account, you need to add your blog's name and add your blog's logo. This is useful for branding of your push notifications.
• Now Install PushEngage Plugin (Wordpress Dashboard > Add New and Search For PushEngage)
• Upon activation of the plugin, Click on PushEngage > Dashboard. To Activate the plugin you need to get the API Key from your PushEngage account. I have marked the points in the below image that will help you create the API Key 

• Once you are done activating the plugin, now you need to configure the subscription settings.
• Go to Settings > Installation Settings & Add your logo. (This is important for your brand identity)

How to Enable web-push notification on your Blogger blog ?

There are many bloggers who are using blogger platform for blogging. You can install it just by putting the code in the template.

• First Go to PushEngage website and Create an Account.
• Once you have Signed up for an account, you need to add your blog's name and add your blog's logo. This is useful for branding of your push notifications.
• Now Go to Settings > Installation Settings.
• Copy the Javascript Code & Paste above the </head> in your blogger template & save the template.
• That's it Now you can send notifications to your readers in PushEngage Dashboard.

Subscription Dialog Box Settings

This is where you will configure the prompt that users will see to subscribe to your push updates. I use “Single Step Option” for RK Blog & I suggest the same for you. “Safari Style Box” is another popular method.

Once you are done and logged in, you will see a dashboard like the one below (in the screenshot). It will show you the stats of existing subscribed users and other details.

You can click on the “Send A Notification” tab to send a custom push message anytime.

GCM Settings

This value is pretty crucial & you really should create your GCM account.

If you are not so tech savvy, you can ignore it. However, using this documentation will make the process easier.

Welcome Notification

This step is optional.

If you want to send a welcome message to users who subscribed to your notifications, use this feature.

You can ask users to download your mobile app or send them to your top resources.

Stats

In your post writing section, you will see an option to send push notifications when you publish or update a post.

Try not to send too many push notifications in a short span. In the next guide, I will share a few tricks of PushEngage to help you make the most out of push notifications.

Register for PushEngage

Do let me know your experience with web-push notifications. Do you know of another modern subscription option that I should cover here on RK Blog?

Don’t forget to share this tutorial with your WordPress blogger friends on Facebook, Twitter, and Google Plus!

Read More

How to set up Twitter Cards for your blogger blog?

This is an alternative method to setting up Summary Card with larger images for Blogger. The code is embedded in your templates post section allowing it to grab specific information about each blog post.

How to set up Twitter Cards for your blogger blog ?

• Template > Edit HTML > Format Template and then search for the following

[<b:includable id='post' var='post'>]

• Paste the following code right underneath <b:includable id='post' var='post'> and change the coloured text to your own information before saving. 

[<meta content='TWITTER USERNAME OF BLOG' name='twitter:site'/>
<meta content='TWITTER USERNAME OF AUTHOR' name='twitter:creator'/>
<meta content='www.YOURDOMAIN.com' name='twitter:domain'/>
<b:if cond='data:post.firstImageUrl'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:post.firstImageUrl' name='twitter:image'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
</b:if>
</b:if>
<meta expr:content='data:post.title' name='twitter:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:post.snippet' name='twitter:description'/>
<b:else/>
<meta content='DESCRIPTION OF BLOG' name='twitter:description'/>  
</b:if>]

• Go to the Validator here, click Validate & Apply and paste the URL of your latest blog post. You may have to request approval which shouldn’t take too long and once you get a green light, you’re all set. You should receive a confirmation email. Share your blog post links as usual and they will automatically include the appropriate card. 

Hope you like this Post, Please like, share & comment

Read More

How to use Blogger/Blogspot Image URL Structure for Cropping and Resizing?

big size images takes time to load and slows your blogs, so here is the best way to crop and resize your blogger/blogspot images using image URL structure.

Original Image

After you upload image to your post, and choose to display it as original, your image URL will be like below:

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/s1600/rahul_kundu_blog_logo.jpg]

The text /s1600/ in the URL will tell with Blogger / Blogspot image hosting that you want the original size version of the image.

** NOTICE: However, in some special cases, Blogger will only show a small version at s1600 for very long / big images (example: infographic images). In that case, you must increase the size to equal your image height to access the real original version, example: s5000 if your image height is 5000 pixels.

Specific Max Width

If you want to load image which is NOT LARGER than 200px in width (height is auto), you will replace s1600 to w200 like below:

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/w200/rahul_kundu_blog_logo.jpg]

If the width you set in the URL is larger than the original width, Blogger / Blogspot image hosting will return the original size version. That’s why we call it “Max Width”.

Specific Max Height

Similar with the max width parameter, if you want to load the image which is NOT LARGER than 30px in height, you will replace s1600 to h30: 

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/h30/rahul_kundu_blog_logo.jpg]

If you set a height value that is larger then original height, the original size version will be returned.

Specific Max Width and Max Height

If you want to load a version with specific for both max width and max height, example:NOT LARGER than 200px  in width and NOT LARGER than 30px in height, you will replace s1600 to w200-h30:

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/w200-h30/rahul_kundu_blog_logo.jpg]

The return version will have width no larger than 200px and height no larger than 30px and also keeping scale ratio of original version.

Cropping Image

If you want to load image with EXACTLY width and height, example 300px in width and 100px in height, you must replace s1600 to w300-h100-c. The -c text at the end is “crop”. The final URL will be:

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/w300-h100-c/rahul_kundu_blog_logo.jpg]

If you want to crop image as SQUARE, example, loading size 300px in both width and height, you can replace s1600 to s300-c:

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/s300-c/rahul_kundu_blog_logo.jpg]

Savable Version

If you want to provide a download link for image, you can add -d at the end of size:

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/s1600-d/rahul_kundu_blog_logo.jpg]

XML Object

If you want to provide a XML object for image, you can add -g at the end of size:

[https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_iowfSfoUw-8eVA8odxqq1ufNwfX7jvXLSHHt2JoFIS-082-FozYJ6H6TbSb4hT29Qap1sr5Qb1KaHbr8505zGarDjj65PlfoescdrtEGlj-Hu9THrRhhnwZxRIpQ_c3bXxwta92xAA/s1600-g/rahul_kundu_blog_logo.jpg]

Hope those tips will help you optimizing your thumbnails better for your templates. Please Like, Comment, & Share.

Read More

How To Setup AdSense Matched Content Unit in Blogger blogs?

In 2005, Google Introduced Matched Content to help publishers/bloggers to promote their website content to their visitors. AdSense Matched Content is actually a content recommendation tool that shows related posts to your readers. It generates contextually relevant article recommendations from the pages on your blog by displaying thumbnails. In other words it helps your blog visitors to discover relevant articles on your blog. It is a Google version of the Related Posts Widget that we use in blogger and wordpress blogs.

By setting up matched content on our blogger blog, we did not only helped our readers to discover related content on our site but we also succeeded in generating more pageviews, lower bounce rate and some extra ad impressions thanks to its native ads option.Matched Content unit surely engages your website visitors to spend more time on your blog and thus helps you with higher page views and of course more ad revenue if you monetize it.

Matched Content Display Sizes

Matched content and Ads are displayed in two types either:

• Responsive Size: Related content is displayed horizontally inside a responsive carousel slider with Next/Previous buttons
• Fixed Size: A custom size matched content will display recommendations inside a Grid or fixed size slider.

Responsive Size:


Note: You can use responsive size only if your blogger template is mobile responsive. Make your template responsive by reading this interesting and easy guide:


Matched Content is displayed inside a responsive horizontal slider in Desktop/Laptop screens but displayed inside a vertical slider in Smartphone/Tablet/IPad screens. The Ads are distinguished from the related content using the "Ad" label.

Fixed Size:

A fixed size Matched Content Unit is displayed in Grid Style instead of a Slider. You will have to manually create different matched content units for different mobile screen sizes. I would prefer a responsive one though!


The thumbnails in fixed size can be displayed inside a fix grid or slider depending on the number of related posts AdSense can fetch out of your site.

How to Check Whether Your Blog Is Eligible For Matched Content ?

At present Matched content is available only for blogs with multiple pages and high volumes of traffic. You can easily find out if your blog is eligible for Matched content by checking the "My sites" section in your AdSense account.

Follow these steps to check the eligibility of your blog:

• Sign in to your AdSense account.
• Click the gear icon and then select Settings.
• In the sidebar, select My sites.
• Under "My sites", click Matched content.
• In the "Sites" section, check to see if your blog is listed:

1. If your blog is listed, you can surely place Matched content units on any of its pages.
2. If your blog isn't listed, then it's not currently eligible for Matched content.

Do Matched Content Count Towards ad limit per page?

No AdSense has clarified it quite clearly that Ads displayed inside a matched content unit does not count towards your Content Units and Link units per page. You can still publish 3 ad units, 3 link units and 2 search boxed per page.  Matched content units are bonus ads that you can display

How to Create AdSense Matched Content Unit ?

Lets first create a matched content unit and later we will discus how to setup and show matched content native ads in blogger blogs.

1. Sign in to your AdSense account.
2. Visit the My ads tab.
3. Click the button +New ad unit.
4. Select Native, then click Matched Content.
5. The drop-down in the upper corner of the preview area will tell you which of your blogs are eligible for Matched content.
6. From the right sidebar options, give your Matched content unit a suitable name.
7. Do enable "Monetize with ads" option to earn extra revenue by displaying native ads inside matched content. You will see this option only if you are eligible to monetize your match content unit with ads.
8. In the "Size" section, choose "Responsive" if your blogger template is mobile responsive else choose custom. When using a custom size, AdSense recommends to choose an ad size with a width:height ratio of around 2:1 for a horizontal layout, or 1:2 for a vertical layout.
9. Finally click SAVE AND GET CODE.

How to Display Matched Content in Your Blogger Blog ?

You can display several matched content units per page. It is advised to display just two units: one at the bottom of your articles and second on your sidebar. At present I have added just one unit at the bottom of my blog posts. You can use the same code for both the locations.

Follow these steps to Add Matched Content Unit widget in Blogger blog:

• Go To Blogger > Settings> Template
• Backup your template first.
• Click "Edit HTML"
• Search for this code:  <data:post.body/>   Note it will appear several times depending on your layout. Choose the last occurrence of this code.
• Paste your Matched Content Code just at the bottom/below of <data:post.body/>. Note if you are using the responsive code then kindly replace async with async='' inside your code to avoid getting errors in your blogger template editor. Edit your code as shown below:

[<script async='' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/> <!-- Matched Content --> <ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-format='autorelaxed' data-ad-slot='xxxxxxxxxxx' style='display:block'/> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>]

• Enclose your final code inside these conditional tags so that matched content is displayed in blog posts only and not the homepage or search pages.

[<b:if cond='data:blog.pageType == &quot;item&quot;'>
AdSense Matched Content Code
</b:if>]

• Save your template and you are all done! Visit your blog to see it in action :) 

Have You Used Matched Content?

Matched content have surely improved our AdSense earnings and blog pageviews. It is really slow at fetching your blog content but with time once AdSense is able to understand your content well enough, it will display more recommendations and less ads. Do add this new widget by AdSense on your blogs and see the difference for yourselves.

Hope you like this article, please comment,share & rate this post

Read More

How to submit your blogger blog static pages sitemap to google ?

Do you want to index your static pages of blogger to google search results ? Blogger introduced sitemaps for static pages (for ex. about us,contact,join us, etc.)

Blogger blogspot blogs have a sitemap file for all post published by a user, but the sitemap doesn't contains static pages (for ex. example.blogspot.com/p/about.html).These pages also don't appear in the sitemap generated at atom.xml or rss.xml and there is no way to make your own sitemap on blogger blogs.So to index static pages to google search results, blogger introduced sitemaps for static pages.The sitemap for blogspot static pages is located at  /sitemap-pages.xml. You can now easily submit your pages to search engines to properly get them crawled and indexed.

How to Submit Static Page of Blogger to Index in Google Search Results ?

First you must have to sign up for google webmaster & add your website, if you haven't signup for google website then signup for that first.

• Select blog website
• Click on Crawl > Sitemaps
• Click on ADD/TEST SITEMAP Button & type sitemap-pages.xml in the input text box & Click on Submit Button

If you don't want to index particular page (s), you can select the "noindex" option from page settings while publishing a Page using blogger editor then this page will be submitted to Google by the sitemap but it will not be indexed unless you uncheck this "noindex" box.

Note: You have to setup Custom Robot header tags first to set "noindex" option while publishing/editing the page.

Hope you like this Post, please share your views in below comment box

Read More