Posts

Showing posts with the label Blogger tricks

Google blogger has released new version on 14-nov-2019

Image
Now blogger Blogspot has announced updated Google blogger now released newly updated blogger.com announced and developed new features. How to update your new blogger Go to the  blogger dashboard. You will find a button Try the new blogger. Click on it. You will get notify like blogger  is gradually introducing some fresh pages that wok well on mobile keeps an eye out in the coming months these are rolled out. to start, check status, comments, and theme. Click on the continue button. Check the latest updates. What are the features updates Theme tab Stats tab Supports excellent in the mobile version You can also edit Html in the mobile version You can also post articles through mobile versions and more Which tabs are updated status comments theme new theme tab new edit Html tab Thank you for visiting share this new and updated article to bloggers check more latest updates on metechtricks.blogspot.com

Add mobile browser theme color to blogger (colorize address bar)

Image
Adding color to browser address bars to blogger Do you know how to add or set a color theme to browser address bar many bloggers have not using this opportunity yet? Learn now, When visitors reach your blog in browsers like chrome in mobile they maybe go back if your site not so attractive to get attract you can add color to your address bar see the way to add color to your address bar. See the top bloggers have added it shoutmeloud.com blog.hubspot.com See the top website added it m.facebook.com After seeing above top bloggers have added a theme to browser address bar learn now how to add it to your blogger.com Blogspot Meta code to add Step1 Now go to your blogger.com dashboard and click on theme option in then you can see the edit HTML button, Click on it inside the template Html editor hit on keyboard ctrl+f now you open a search bar, then paste the <head> tag in that and click on enter you will find that code in yellow hig...

4 ways to add meta tags to google blogger blogspot (search engine optimization)

Image
Add meta tags to blogger Many bloggers are leaving Blogspot due to the reason for google search ranking but it has simple ways to rank the major key role in search engine optimization with Meta tags. Here you can learn 5 easy ways to add meta tags to Blogspot blogger see below tips and tricks. First of all Learn, What are Meta Tags?  Meta tags are also a form of HTML which is placed in the head of the webpages. many search engines use these tags to rank. Step1. Now, adding meta tags on blogger. Go to the blogger.com dashboard click on settings settings go to the option search preferences. Now you can see an option like Meta tags in that you can observe the option is disabled click on edit option and then choose enabled option. The image looks like below Step2. Adding search description meta tag to blog posts or page. Before your Blogspot has no search description option when you have enabled that in settings it will appear on pages as well as post. ...

Adding twitter cards on blogger blogspot (open graph)

Image
Learn how to add twitter cards to blogger Blogspot In nowadays SEO search engine optimization became a major key role to get more traffic from twitter and to rank on google search you must have to place twitter meta tags ion Blogger Blogspot. A step by step guide how to add twitter cards Visit Blogger.com in the left menu click on settings . Your new window opens.  Then click on Edit Html button.  You will be taken to the HTML page.  Then find <head> tag in that by using ctrl+f. Add below code just after it. Note: replace the @1gssm with your twitter username. It looks like the below image after placing If you have not added the facebook open graphs visit now and add link https://metechtricks.blogspot.com/2019/10/facebook-open-graph-blogger.html To get more blogger tricks and tips subscribe to Metechtricks below

What is draft blogger and how to use it

Image
Introduction to draft blogger Draft bogger is a blogger which is in beta version which is used to test a new feature before releasing it to blogger.com . In 2007 google blogger has introduced draft blogger services, Now present google blogger team is working on making the website mobile-friendly. Latest features of draft blogger Mobile friendly edit & design Html on mobile Blog posting in the mobile version Earnings tab Status Steps How to use blogger draft Visit blogger.com  Go to the settings which are in the left menu Click on the user settings  In general you can find the option use blogger draft Click on it and choose option yes  Heres the image looks like When you have enabled the option Blogger draft you can see the live test, newly updated features That's all you can use draft.blogger.com Subscribe to get more latest updates

Best way to add Facebook open graph for blogspot

Image
Adding Facebook open graph on Blogspot blogger Many websites & blogs have used facebook open graph But Blogspot bloggers don't know how to add it properly. Its looks like below image How to add or implement it follow below instructions Go to blogger.com and click on the theme in that go-to option edit Html  Search for following code by using ctrl+f  </head> Just before it add the following code cond ='data:blog. url == data:blog.homepageUrl'> expr :content='data:blog.title' property='og:site_name'/> Facebook profile Id]' property='fb:admins'/> cond ='data:blog. pageType == "item"'> facebook .com/username' property='article:author'/> After placing the above code in head tag then replace the values like below 1.(Home page image URL) In the place of home page, image URL replace with your home page image URL. Don't forget to remove brackets. 2.(Home page...

How to add scroll back to top button in blogger blogspot

Image
Scroll to top button blogger Many of bloggers want to add back to top button in Blogspot but they don't know how to add and use it properly in this article you can learn how to add a scroll to top button with code provided below. Steps to add back to top button Go to the blogger and click on the layout option on the left menu. Now click on add gadget. A new window appears next click on Html/javascript that is in 4th place. Now place the below-provided java/Html script. After placing click on save option. Top After placing You get a button like below image Now if you want to edit colors, text follow below simple steps To edit back to top button color stylish Background: Find below tag in above-provided code background-color: green; In the place of green replace with your favorite color If you want to do coloring deeply use Html color code by visiting this link.   https://www.w3schools.com/colors/colors_picker.asp Afte...

Easy way to convert your blogger template to a blank page

Image
Making a blank blogger template First of all, we have to know HTML tags to make a blank or plane Blogspot template, tags needed to add in Blogspot template is Html Head Body to start a tag, we have to start with <html>, to end the tag we have to end with </html> sample HTML code Below code is a just sample for Html This is sample and reference Steps to install the blank page First, go to blogger click theme on left menu then new window appears, now click on Edit Html select all & delete the code. Paste the above Html code , and click the save theme option then it says  " There should be one and only one skin in the theme, and we found 0" The reason why alert appeared is  In blogger, the skin tag must be present that is b:skin its looks like <b:skin> or </b:skin> the above tags are used to place the CSS code to look the design stylish and responsive ...