Vtube all about Technology

Wednesday, 19 August 2015

Create Shadow and Round Border with Simple CSS

By creating shadow and round border (border radius) is quite useful to decorate your site template, and also it is easy to do that. You can see how it looks in blockquote and ads banners from this site for the example.

For specific example, We'll give example how to create shadow and round border in blockquote.

Open your CSS from your site template and replace the existing code or opened with the CSS style below (you can customize the size, color, etc, to match your template later):

blockquote{width:90%;background:#FFF;padding:5px 15px; margin:5px;color:#555;
line-height:150%;font-size:12px;border:1px solid #eee;
-webkit-box-shadow:8px 8px 16px 4px rgba(0,0,0, 0.4);
-moz-box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4);
box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}

Save your template and you will see the changes of your blockquote like the one used in this blog (if you don't change anything), but offcourse you can customize it yourself.

If you prefer to use separate style of shadow and round border, here is the code you can use:

/*CSS code to create box shadow*/
border:1px solid #eee;
-webkit-box-shadow:8px 8px 16px 4px rgba(0,0,0, 0.4);
-moz-box-shadow: 8px 8px 16px 4px rgba(0,0,0, 0.4); box-shadow:8px 8px 16px 4px rgba(0,0,0, 0.4);

/*CSS code to create round border*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;}

REMEMBER: This code can also be used for any other part of your template. Not only on blockquote, but also image border, banners, image caption and so on.

Tuesday, 18 August 2015

How to add Facebook Like/Fan Box to Blogger

Today we are going to talk about Facebook Like/Fan Box to Blogger. A Facebook Like Box or Fan Box is a great plugin that allows Blog visitors to subscribe to your blog updates via their Facebook accounts, without leaving your blog. Once subscribing (by pressing the like button), visitors will receive your most recent blog updates on their Facebook page. This box also displays faces of the "likers" on your blog.Before creating a Fan Box, you should already have a Facebook Fan Page. If you haven't yet created, just click here to learn How To Create a Facebook Fan Page.

To create a Facebook Like Box/Fan Box, just follow the below steps;

CREATE A FACEBOOK LIKE BOX

Step-1. Find out your Facebook Fan page URL by visiting your Facebook Fan page and copy the URL in the address-bar, now you can see how your URL should look like in below screenshot;

Step-2. Then visit this page: http://developers.facebook.com/docs/reference/plugins/like-box.

Now you can see that - LIKE BOX, With the release of Graph API v2.3, the Like Box plugin is deprecated. Please use the new Page Plugin instead. The Page Plugin allows you to embed a simple feed of content from a page into your websites.

If you do not manually upgrade to the Page Plugin, your like Box plugin implementation will automatically fall back to Page Plugin by June 23rd 2015.

Step-3. Go to Page Plugin. You can see the following screenshot;

Step-4. Now, put your page URL - like ours pages/Blogger-Addict/1534960050079169 on Facebook Page URL option;

Step-5. Once reloaded your Facebook Page URL, you will find a CODE. Shown as below;

Step-6. Clicking on Get Code above, you will get the Codes which needs to be put on your site as instructed below and You are done;

A. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.<div id="fb-root"></div><script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>

B. Place the Code for your Plugin wherever you want the plugin to appear on your page.<div class="fb-page" data-href="https://www.facebook.com/pages/Blogger-Addict/1534960050079169" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pages/Blogger-Addict/1534960050079169"><a href="https://www.facebook.com/pages/Blogger-Addict/1534960050079169">Blogger Addict</a></blockquote></div></div>

IF ABOVE DOESN'T WORK, FOLLOW THE STEPS BELOW:

Step-1. Go to Blogger Layout -

Step-2. Click on ADD A GADGET, you will see below screenshot -

Step-3. Now click on HTML/JavaScript. You need to insert below Facebook Fan Box CODE given below. Remember you need to replace blue highlighted "pages/Blogger-Addict/1534960050079169 with your own Facebook Fan Page URL.

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages/Blogger-Addict/1534960050079169&width=300&height=900&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:210px;" allowtransparency="true"></iframe>

You are done, your Facebook Fan Box has been created successfully. Enjoy.

Hope it helped you to create a Facebook Fan Box. If you have any concern regarding above tutorial, please comment below. Like Us On Facebook as well. Enjoy!

Monday, 17 August 2015

How to Create SEO Friendly Permalinks For a Blogger Posts

Permalinks are the permanent links to a post page. Blogger automatically generates a permalink based on the title of your post. Permalinks provide information to the viewer about the kind of content being pointed to.

Permalinks create permanent links to your Blogger posts which are indexed by search engines such as Google. Search engines use permalinks to categorize posts. Browsers use permalinks to help navigate to your posts. When you hover over a permalink in your browser you can read the post name in the status bar.

The permalink for this article is:
http://addictofblogging.blogspot.com/2015/08/How-to-Create-SEO-Friendly-Permalinks-For-a-Blogger-Posts.html

Tips For Working With PERMALINKS In BLOGGER

While other blogging software such as Wordpress allows the user to edit permalinks Blogger has no such feature. For this reason care needs to be taken when creating titles for your posts as the permalink generated from the title can't be changed later. While your article is in draft form you can continue to change the title as many times as you like. However, once the permalink is assigned at the point that the post is published it remains the same no matter how many times you change the title of your post.

Before in Blogger, you had only AUTOMATIC PERMALINKS which allowed you to add character less than 35-40 automatically. For an instance a Long Title such as the one below would result in a shortened permalink which would lose the important fact that this post is related to working with Blogger:
Example:
http://addictofblogging.blogspot.com/2015/08/How-to-Create-SEO-Friendly-Permalinks

Should be like this !

http://addictofblogging.blogspot.com/2015/08/How-to-Create-SEO-Friendly-Permalinks-For-a-Blogger-Posts

Fortunately now Blogger recently has a facility of adding longer Title detail (more than 35-40 characters) as a permalink. It is a CUSTOM PERMALINK. You can add Title characters manually as many as you want.

Once the post is published you can change the title "How to Create SEO Friendly Permalinks For Your Blogger Posts." as many times as you like. The permalink, however has remained the same even though the title has changed.

You can use this trick to create eye catching and memorable titles. It will also ensure that the permalink reflects a concise title and that unnecessary details in the permalink are removed. Creating concise permalinks is important for Search Engine Optimization. Read more about Search Engine Optimization in the blog tutorial Tips for Search Engine Optimization.

Share it if it helped you. Also like us on facebook too. Enjoy!

Remove All Web History from Google

You may don't know that Google is Tracking your search keyword you hit on Google. If you open your google account when you search anything on Google Search Engine, secretly Google track your all of search term you hit on Google. If you don't stop the Web history it can be automatically saved in your Google Web History. It track data from all Google Products. So, take a minute to read this Post and remove all web history from Google that in fut Google won't able to track your data from Google Porducts.

We already know that Google is the Top Ranked site over the Internet world at the time with High rated Services like Youtube, Adsense and Adwords, etc. Google also have a feature to record your Web History like what Keyword you search on Google. If your Google Web History is on, it means your search Keywords is tracked by Google and save into your Google Web History. You can also download your entire Google web history and also delete entire history at one click. If you want to off this feature or remove all of your Web history from Google web history, you can apply below steps.

Steps To Remove All GOOGLE Web History:

Step-1. Login to your Google Account and go to Google History PAGE HERE.

Step-2. On Right Top corner, you can see the option MENU. Clicking on it, you will found a list of options - Delete Options, Settings, Download Searches, Help and Send Feedback. In Setting option, you can find - a, Manage Activity and b, Show More Controls. Clicking on Show More Control, you can manage all these options - YOUR SEARCHES AND BROWSING ACTIVITY, PLACES YOU GO (PAUSED), INFORMATION FROM YOUR DEVICES (PAUSED), YOUR VOICE SEARCHES AND COMMANDS (PAUSED), VIDEOS YOU SEARCH ON FOR ON YOUTUBE, VIDEOS YOU WATCH ON YOUTUBE, ETC.

Step-3. Select Delete Option, You will get below screenshot;

Step-4. Now select Advanced option from above screenshot and click on delete. A pop box will appear as below;

Step-5. You Drop down Menu, just select drop down menu of your need. Click on DELETE button.

Step-6. Once deleted you will be promp to login again.

Step-7. After inserting Password your All web history from Google will be deleted and the deleted data can't be recovered back. Please see below screenshot.

Sunday, 16 August 2015

5 Epic Ways to Get More Traffic to Blog/Website

As all of us know we have many Newbie Bloggers who don't know about SEO and also don't know how they rank their Blog/Website at the Top of Google Search result. So we love to explain the 5 Epic Ways to get More Traffic to Blog/Website that definitely work and increase your Blog/Website Traffic and we know that all our Visitors Traffic means "Money". So, here we reveal the Top 5 Epic ways to get more Traffic to Blog/Website that can help you to improve your Off Page SEO.

To learn more about Off Page SEO, please visit this LINK.

1. Yahoo Answers:

Yahoo answers is basically a Platform where Individual Ask any Questions that can be answered by Many Individual peoples. It is Owned by Yahoo and also called YAHOO Q & A. Yahoo Answers can help million of People via Comments and References, So YAHOO ANSWERS is one of the best place to divert traffic on your Blog/Website. This is our first recommended Tips because it can also help you to Indexed your Web pages in Yahoo Search Engine.

Yahoo Bing

You know that Yahoo Answers have daily millions of Visitor and Daily New Q/A will updated. So whatever your Blog/Website niche and search on similar topic in Yahoo Answers and give suitable solutions in your answers and also give your Blog/Website link where User can get the answer of his Problem.

2. YouTube Videos:

YouTube is the Best Video Sharing Site and have Billions of Views as Per day Basis. YouTube has #3 Alexa Rank means third most Viewed website in the World. So, now straight up to our Topic. Create a Youtube channel and post Videos on whatever you write in your post and create a link to your post. When a User Watch your Videos, obviously they can also check your Blog/Website as well as and Redirected to your Blog/Website. This can also make a SEO Benifit to get Traffic from the Most influenced Websites.

3. Facebook:

Facebook is the Best way to connect peoples on the Internet and World's number-1 Social networking Websites. Facebook plays a very important Role in SEO because many of popular Websites get a Referral Traffic from Social Media giant Facebook. It is the greatest platform to drive Traffic to Websites and other Social media. In SEO it is also a first recommended Social media to promote your Blog/Website via Facebook Ads, Facebook Pages, and through other ways. Now what we suggest is, just post regularly on your Facebook Page and Interact with your Fans and Solve their Problems.

Secrets of Facebook Marketing

4. Commenting On Other Websites And Blogs:

Commenting on other's Blogs and Websites is the most used and Epic method to get Traffic to your Blog/Website. It can improve your Search Engine Performance because of Google Juice. Don't worry about no-follow Backlinks, just leave useful Comments on High Quality Blog/Websites or comment on Blog/websites having more Traffic.

Note: Do not Comment to get only Traffic and Insert your URL, but just leave a suitable Comment that is usefull for the Readers. Your Comments should have Value to Someone.

5. Forum Comment:

Comment on popular forum are very Elite way to get Do-Follow Back link as well as Traffic. Because it has free registration and allow you to comment in Forum's Post according to your Answer Score. There are many popular Forums like Digital Forum, Black Hat World, and more. So search topic in forum that is similar to your blog/website niche and comment in forum and get more Traffic to your Blog/Website.

Dear readers, many of successful Bloggers/Website holder use their Own methods for SEO and get Traffic on their Blogs/Websites. Here we discussed about the Traffic, and the Top 5 best Tips for SEO. We think the tips is Simple and Easy and you can apply it to your Blog/Websites to Drive a Massive Traffic to your Blogs/Websites. If you at least try above 5 killer SEO Tips to get more Traffic to Blogs/Websites, definitely you can see improvement in your Blogs/Websites.

Share if you like our post and like us on facebook and subscribe us. Enjoy !