Any Lessons and Tips Through Regular Posts

?max-results=10">Advertisement
');
    ?max-results="+numposts8+"&orderby=published&alt=json-in-script&callback=recentarticles7\"><\/script>");

Tuesday, December 23, 2014

How to Add Tabs in Blogger Blog


Tabs Style
In fact tabs in the sites and blogs are a way of managing bulk of content in a page easily. Tabs help to manage your bulky content easily. If you have lots of content in a single page then, there become difficulty to the viewers/visitors to read all of them content. Instead if you have put content in tabs then visitors can read all of them clicking tabs one by one.

Here is the step by step process of adding the tabs in the blogger blog's sidebar.

Add Tabs Button in the Sidebar and a single page of Blogger:


Step 1: Login to blogger and then go to template and click on edit html.
Step 2: Now just find the </head> code just press CTRL+F to find it.
Step 3: After finding the </head>, you just put the below code just above it.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
$(document).ready(function() {
$("#tab-content").tabs();
});
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" />
Step 4: Now you just have to put the html/javascript tabs code. To add the code, go to layout>>add widget and find html/javascript widget. Then just paste the below code on it and save it. If you want to add in a single page then just go to any page or posts and click html instead of compose then add it onto there.

<div id="tab-content">
<a href="http://allblogsolution.blogspot.com/" style="font-size:8px; color:#eee;" target="_blank" title="All Blogging Solution">All Blogsolution</a>
<ul><li><a href="#tabs-one">first Tab</a></li><li><a href="#tabs-two">second Tab</a></li><li><a href="#tabs-three">third Tab</a></li></ul>
<div id="tabs-one">  Write first tab content  </div>
<div id="tabs-two">  Write second tab content </div>
<div id="tabs-three"> Write third tab content </div>
<a href="http://allblogsolution.blogspot.com/" style="font-size:8px; color:#eee;" target="_blank" title="All Blogging Solution">All Blogsolution</a>
</div>
<!-- All Blog Solution provides this widget for blogger blogs only  -->
 Now you have successfully added the sidebar widget into your blogger blog. This is one of the easiest way to add the tab navs into a blogger.
Tabs blogger

Note:  You should add your own content in the blue color text "Write first tab content" which will be shown on you sidebar or a single posts or page.

If any difficulties occur, then comment us.

Wednesday, December 10, 2014

How to Add Twitter Feeds in Blogger Blog


Hi Friends, after long time I am here and I have brought a tip for you and I think you might have already known after seeing the title. Yes Indeed if you want to show your Twitter twits to show in your blogger, then adding twitter feeds widget can be a right way to do so. Actually, this is not difficult any more if you use twitter before. You just need one twitter account to put twitter feeds into blogger blog.


Adding Twitter Feeds in Blogger


Step 1: Login to your twitter account if you are an user otherwise create new.

Twitter Widget Option

Twitter Widget Option


Step 2: Now go to the Setting>>Widgets
Create New Twitter Widget
Create New Widget

Step 3: Create a new widget.
Step 4: Then fill all the necessary things there.
Step 5: Now Click Save Button
Step 6: Copy the widget code as shown in the figure below from your widget.
Copy the Codes

Step 7: Go to your blogger and layout>>add widget>>html/javascript.
Step 8: Now paste the copied code here in html/javascript widget.
Step 9: Save it. 

After completing these above steps, your twitter feeds will definitely appears in your blogger blog.

If you have any query, just comment now.
Thank you