How to Turn Off Autoplay Videos On Facebook

Turn Off Autoplay Videos on Facebook

I have prepared this article for those who are being disturbed and want to turn off autoplay videos on Facebook. Remember that Facebook turn this setting on by default. But you can turn off this feature less than a minute on Facebook apps and Computer. Follow the below steps to disable autoplay videos on Facebook.

Desktop(Computer)

First, Login to your  Facebook account (that you wish to disable Autoplay videos) and Click on downward caret icon in the upper right hand corner of the home screen. And select "Settings" then choose "Videos" from the menu on the far left, then change the setting for "Auto-Play Videos" to "Off".

Mobile (iOS)

Open Facebook's iOS app, At the top select the icon of three lines in the lower right corner, then Settings>>Account Settings>>Videos and Photos>>Autoplay, and finally select "Never Auto-play Videos". You are done!.

Mobile (Android) 

Open Facebook's Android app, At the top select the icon of three lines in the lower right corner, then Settings>>App Settings>>Autoplay-play, and finally select "Never Auto-play Videos". You are done!.

Conclusion: I hope this article is helpful to  Turn Off Autoplay Videos On Facebook, Make sure you share it through all social networks or Leave a Comment below.

How to Add Contact US Form in blogger

How to Add Contact US Form in blogger 

Contact Form Widget its official version launched by Blogger. But, this contact form works only on the Blogger Sidebar. So that, if you searched many times to find out how to set up a Contact US or Contact Me form on your blog?. Do not worry, this article will lead you easily to Add Contact US Form in blogger.  As you know Contact form is very important for any blogger to have. There are two methods that can be used to Add Contact US Form in blogger. 

Add Contact Form Widget for Blogger Sidebar 

Remember that this works only on the Blogger sidebar. Lets go!

1. Login into your blogger dashboard(that you wish to add contact us form) and Go to Layout
2. Click on add gadgets
3. Choose More gadgets from the left side
4. Now, View your blog you will see Contact Form. Just add the same as below screenshot.You are done. but if you want Contact Form to appear on separated page proceed with another steps below

Hide Contact form in Sidebar

1.  Go to your template to hide this contact form and move it to separated page.
2. Click on Theme>>Edit Html
3. Search for ]]></b:skin> and Then,add below code just before above code

div#ContactForm1 {
display: none !important;
}

Adding Contact Form to Separated Page

1. Go to Pages and Create a new Page.

       

       2. Paste below Code into the HTML post editor

<div id=”custom_ContactForm1″ class=”widget ContactForm”>

<div class=”contact-form-widget”>

<p>Get in touch with us by filling out the form below.</p>

<div class=”form”>

<form name=”contact-form”>

<p></p>

Name

<br>

<input type=”text” value=”” size=”30″ name=”name” id=”ContactForm1_contact-form-name” class=”contact-form-name”>

<p></p>

Email

<span style=”font-weight: bolder;”>*</span>

<br>

<input type=”text” value=”” size=”30″ name=”email” id=”ContactForm1_contact-form-email” class=”contact-form-email”>

<p></p>

Message

<span style=”font-weight: bolder;”>*</span>

<br>

<textarea rows=”5″ name=”email-message” id=”ContactForm1_contact-form-email-message” cols=”25″ class=”contact-form-email-message”></textarea>

<p></p>

<input type=”button” value=”Send” id=”ContactForm1_contact-form-submit” class=”contact-form-button contact-form-button-submit”>

<p></p>

<div style=”text-align: center; max-width: 222px; width: 100%”>

<p id=”ContactForm1_contact-form-error-message” class=”contact-form-error-message”></p>

<p id=”ContactForm1_contact-form-success-message” class=”contact-form-success-message”></p>

</div>

</form>

</div>

</div>

<div class=”clear”></div>

<span class=”widget-item-control”>

<span class=”item-control blog-admin”>

<a title=”Edit” target=”configContactForm1″ onclick=”return _WidgetManager._PopupConfig(document.getElementById(“ContactForm1″));” href=”//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1″ class=”quickedit”>

<img width=”18″ height=”18″ src=”//img1.blogblog.com/img/icon18_wrench_allbkg.png” alt=””>

</a>

</span>

</span>

<div class=”clear”></div>

</div>

     3. Now publish your page as contact us page. You are done.

Conclusion: If this article is useful to  Add Contact US Form in blogger , Make sure you share it through all social networks or Leave a Comment below.

How to add In-feed ad unit to blogger

When you start a blog your goals is either to earn money through Ads or do it as a passion. Google Adsense is one of the best and largest online advertising network. Its free and offer you the opportunity to earn money by placing Ads on your blog or website. But to get approved by Adsense you must follow their quality guideline. Let's go to the business how to Add Native In-feed Ads to Blogger Blogspot Blog and Improve your Earnings. Follow steps by steps below to Add Native In-feed Ads.   

These are Types of In-Feed Ads

1. Image Above
2. Image on the side
3. Title Above
4. Test Only
5. In-Feed Ads Theme Selection
6. Light Background
7. Dark Background

How to create In-feed ad unit Adsense dashboard

1. Login to your Adsense Account then Go to Ads Units>>> New Ad Unit
2. Then, Select In-Feeds ads
3. Choose the style
4. Save your In-Feed Ad Code
5. Lastly, Copy Code snippet

How to add In-feed ad unit to blogger

1. Login to blogger.com then choose a blog that you want to add In-feed ad
2. Then, Go to Theme >>> Edit HTML
3. Search this code <b:loop values='data:posts' var='post'>
4. Replace above code under the <b:includable id='main' var='top'> to the below code      <b:loop values='data:posts' var='post' index='x'>
5. Now search <div class='post-outer'>
6. Lastly, replace above code with below code

<div class='post-outer'>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<b:if cond='data:x==1'>

<div class='post'>

YOUR IN-FEED ADSENSE CODE

</div>

</b:if>

<b:if cond='data:x==3'>

<div class='post'>

YOUR IN-FEED ADSENSE CODE

</div>

</b:if>

</b:if>

Be Carefully: Remember to replace YOUR IN-FEED ADSENSE CODE to your Adsense In-feed code that you have copied from Adsense ad units.

Conclusion: But do not depends on Ads only, you can create your own product and sell it through your blog. And If this article is useful to add In-feed ad unit to blogger, Make sure you share it through all social networks or Leave a Comment below.

How to Remove Blogger Navigation Bar

Did you ever try to remove blogger navigation bar and you could not succeed. So do not worry I will let you know how to remove blogger navigation bar. Also this navigation bar can be removed easily by making some changes in your CSS code. Here I have written and provide to you two methods that can help you to remove blogger navigation bar.

Remove Blogger Navigation Bar

1. Layout 
You can remove blogger navigation bar with these below steps.
i) Login to your Blogger account that you wish to remove navigation bar and then Go to Layout at your blog.
ii) At the top side bar you will see Navbar text then click on the edit link(Navigation bar can be found anywhere either at the top,footer,side bar or anywhere)

iii) Now a pop up window will be appeared when you click on edit link. Then go to scroll down and select off then save

2. Make on Your Template
This is the second method that also can remove navigation bar by adding CSS code in your template. I give to you easy steps to remove navigation bar.
i) Login to your Blogger account
ii) Go to Theme/Template and click to edit HTML
iii) Then, search ]]></b:skin> in HTML code
iv) Now insert following code before  ]]></b:skin>

#navbar-iframe,#navbar { display: none !important; }



Save your Template and view your blog. You are done!

Conclusion: If this article is useful to remove blogger navigation bar , Make sure you share it through all social networks or Leave a Comment below.

Delete Google Account Permanently

Have asked yourself how to Delete Google Account Permanently?. Here I have explained step by step to on how delete Google account and account history. So that if you are looking to delete your Google account or just Gmail account. Just follow the instructions given in the below with screenshots examples then you can easily succeed deleting Gmail account.

Steps to Delete Google Account Permanently

1. Click on "My Account"

Click on Google plus log at the top right corner of the Gmail page. then click on "My Account"

2. Then, Click on Delete your account or services.

3. Delete Google services or the entire Google account

You will see two options , Deleting Google services or the entire Google account.

i) Delete Products

Google Account offers their users many services like YouTube,Gmail and e.t.c. So that if you want to delete Google services like YouTube or any other Google service  click on Delete products.

ii) Delete Google Account and data

Click on Delete Account and data to delete your entire Google account.

I strongly suggest you to download all your data before permanently deleting your account or do not delete your account keep staying along Google.

Conclusion: If this article is useful for Deleting Google Account Permanently, Make sure you share it through all social networks or Leave a Comment below.

How to Add Facebook Share Button to Blogger Posts

Facebook share button is one of the best tricky to generate more visitors to your blog through Facebook, So that you should add Facebook share button into each and every blog posts that can helps to spread the post to increase the number of visitors to your blog. Here I have written and share to you a step by step to add Facebook share button to your blogger template. Adding share button in blogger its different than adding in custom sites. Such kind of code you could not find in Facebook plugin documentation.

Add Facebook share button in each and every blogger posts

1. Login to your blogger dashboard and go to theme>>edit HTML

2. Then, search for <data:post.body/> If you want to put Facebook share button just below post title, then add below code just above this code <data:post.body/>.

<div class="facebook-share">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='BUTTON-TYPE'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

Facebook has provided six types of button that you can choose to add. Remember to replace BUTTON-TYPE with one of the following as shown below.

• link
• icon_link
• icon
• box_count
• button_count
• button

Conclusion: If this article is useful for Adding Facebook Share Button to Blogger Posts , Make sure you share it through all social networks or Leave a Comment below.