Tuesday, 6 March 2018

Blogger-How To Create Tabs

Blogger-How To Create Tabs

Tabs bar in a website display is tab page menu consisting of several bar column blocks with subtitles based on website pages. Tabs serves as a navigation for web visitors, to make it easier to open the page you want to view. Layout tabs are generally created above the page body and under the head. In the blog view can be added tabs bar page which example can be seen in the video above.








By adding tabs to the page on the blog, the look of a blog will be like a website, both in desktop and mobile tabs. How to add page tabs, it's easy, you just add a gadget. Because now blogs have added tabs feature pages although in the basic view but this is enough if you want to blog with desktop look like website.


Steps to add gadgets and make font / text color changes, background tabs, tabs font color in the click, how as in the video above is as follows;


  1. Open Chrome browser.


  2. Open your blogger by typing: https://blogger.com


  3. Then click "Layout".


  4. Edit "CrossCol".


  5. Once the gadget page opens, select "Page" by double-clicking it.


  6. Then add the page, create a title for example profile, you can empty url by typing "#". You can make it based on the page you want to create.


  7. Then save.


  8. Next to see the results, by changing the look of mobile blogs to the desktop blog view.









To change or edit the tabs view of a page, you can do so by going to the "Designer Themes" feature on the "Layout" page, whose position is on the right side of the "Layouts" page. The next step is as follows;


  1. Once you open "Designer Themes" page, at the bottom of the page is a preview of the guide when you make changes to the view.


  2. Click "Advanced"


  3. Click "Tabs Background", if you want to change the background color of tabs.


  4. Click on the "Tabs Text" feature, if you want to change the font size, clicked font color and which are not blocked / clicked.


  5. Once you've searched, click the block "apply look" and it's done.

To test the actual results, you open your blog post in desktop view. Now the blog page has tabs bar page appear. To add url tabs to a page bar, you must create a post on the "Page" feature. The trick as follows;


  1. Open the "page" feature, located under the "Campaign" feature above the "Layout" feature.


  2. Then click the new page.


  3. Create titles and content just like you make posts. Suppose the title of the page "Profile", then create the content about the blog profile, after finished click "Publish".


  4. Then copy the url page "Profile", how press column address bar in post profile view.


  5. Go to the "Layout" feature.


  6. Click "Edit" on block "Crosscol".


  7. Delete the first created Profile, click to add page.


  8. Fill Title with "Profile".


  9. Paste the url earlier in the url column and save.


Similarly tutorials how to create tabs on blogs.


Hope useful.









Artikel Terkait:




No comments:

Post a Comment