How to Add a Gadget Above the Header in Blogger

Blogger's Dashboard feature allows users to adjust the appearance of their blog with a few clicks of the mouse. Within the Dashboard, there is a " Layout " feature which lets bloggers add Gadgets such as RSS feeds, traffic counters, embedded media to their sites, adding beautiful widgets, showing notifications, pictures, etc.

Mainly by default in Blogger "Layout", you can see several places to add a Gadget. Such as:-

Right below the Title and above the posts, The Sidebars, The Footer, etc.

It is easy to identify them because all of them have a big linked title yelling " Add a Gadget ". Click on the link and you can choose the gadgets you want to add. After adding them, you can drag and rearrange them. You can also drag one from the side bar to the footer, above the post, below the post, etc.

Now, by editing your Blog's HTML code, you can allow for the addition of a Gadget above the header. Let's see some steps adding " Add a Gadget " icon above the header of your Blog.

Adding a Gadget Above the Header in Blogger

Step-1. Log into your Blogger account. Once logged in, you will be transported to your Dashboard.
Step-2. Select "Template", then click "Edit HTML".
Step-3. Scroll through the HTML code within the text box and locate this fragment:

<div id="header-wrapper">

Or you can press Ctrl+F and search below;

<div class="header-wrapper">

Step-4. Now you will find the detailed fragment. Just beneath the line <<div class='header-wrapper'> you will see below;

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 

From above change maxwidgets='1' to maxwidgets='5'.
Step-5. Just next to maxwidgets - in showaddelement='no', change 'no' to 'yes'.
Step-6. This is an important step - Hit the "Save" button, lol.
Step-7. After saving return to your Dashboard. Select "Layout". Above your header, there will be a link titled "Add a Gadget". Click this and add the Gadget of your choice.
Step-8. Save your changes and view your blog to ensure the widget was added correctly.

Hope this tutorial helped you. If you like our posts, share to your friends and comment below if you have any concern. Do not forget to subscribe us.

Enjoy !

How to List the Post Titles of all POSTS from your Blogger/Blogspot Blog [Tutorial]

In this Tutorial, we will show you how to list the Titles of your blog's more than 500 recent posts. If you are looking for an alternative to Blogger's gadget, then this might be very useful to you.

As we experienced, to retrieve the posts of a blog, you can use the URL like this:

http://***.blogspot.com/feeds/posts/default?alt=json&callback=mycallbackfunc&start-index=1&max-results=100

However, it does not work if your blog has more than 500 posts and you want to list them all. Our experiment showed that even you supplied a big number like (e.g.-10000) for max results, only up to 500 posts would return. To retrieve the list of more than 500 posts, we need a loop to do that. The following is how we implemented it for our several blogs.

We can also label all posts in a single page in another way, i.e. SITEMAP/Table Of Contents shows post titles with separated labels and a New! text with recently published posts.
Go through this link How to create a Sitemap/Table of Contents in Blogger to create a page of All Posts Titles for your information/use.
Click here >> SITEMAP to see our Sitemap / Table Of Contents.

Now lets come to the point,

Code goes here :-

<div><ul id="postList12"></ul></div>
<script type="text/javascript">
var startIndex = 1;
var maxResults = 100;
function sendQuery12()
{
var scpt = document.createElement("script");
scpt.src = "/feeds/posts/summary?alt=json&callback=processPostList12&start-index=" + startIndex + "&max-results=" + maxResults;
document.body.appendChild(scpt);
}
function processPostList12(root)
{
var elmt = document.getElementById("postList12");
if (!elmt)
return;
var feed = root.feed;
if (feed.entry.length > 0)
{
for (var i = 0; i < feed.entry.length; i++)
{
var entry = feed.entry[i];
var title = entry.title.$t;
for (var j = 0; j < entry.link.length; j++)
{
if (entry.link[j].rel == "alternate")
{
var url = entry.link[j].href;
if (url && url.length > 0 && title && title.length > 0)
{
var liE = document.createElement("li");
var a1E = document.createElement("a");
a1E.href = url;
a1E.textContent = title;
liE.appendChild(a1E);
elmt.appendChild(liE);
}
break;
}
}
}
if (feed.entry.length >= maxResults)
{
startIndex += maxResults;
sendQuery12();
}
}
}
sendQuery12();
</script>

Now you can put above code in two different ways anywhere in your blogger/blogspot blog. We would recommend to put the code in sidebars - left/right, that's the first way and you can put code in a html page which we can used it as a Sitemap of a blog or Archive or List of All post in a Single page.

DEMO

Lets see how we can insert above given code in blogger/blogspot blog.

First Method: Putting the List in a Gadget

Inserting code in sidebars - left right, of a Blog.

Step:1. Go to Dashboard>>Layout

Step:2. Select add a Gadget Link

Step:3. Select HTML/Javascript gadget

Step:4. Enter the Title of your Widget, e.g. All Posts List

Step:5. Copy above code and paste the code inside the content box

Step:6. Now save and view your blog.

Second Method: Putting the List in a Page

Inserting code in a Page.

Step:1. Go to Dashboard>>Layout

Step:2. Select Page

Step:3. To create page click on New Page button

Step:4. Click Edit HTML tab to switch to HTML mode

Step:5. Copy and paste the code into the Editor

Step:6. Now publish and view your post. The list should appear inside the page.

We hope this Tutorial helps you to align list of all posts in sidebars and in a page as a content of table/sitemap. If you think this helped, subscribe us.

Enjoy !

Devcorner: Macros Are Evil

The joys of programming - hours spent scratching one's head whilst trying to figure out why the seemingly correct code does not produce correct results.

Hi, Charlie here. I used to post often.

Where was I? Ah, yes, this nugget of brain fudgery from the VDrift forums posted by NaN:

So I've spent some time today try to figure out why cars are still flying off in random directions when hitting curbs sometimes.

It turns out it is a bug in Bullet, to be more specific in the SIMD_DEGS_PER_RAD macro.

Code:

#define SIMD_PI           btScalar(3.1415926535897932384626433832795029)
#define SIMD_2_PI         btScalar(2.0) * SIMD_PI
#define SIMD_HALF_PI      (SIMD_PI * btScalar(0.5))
#define SIMD_RADS_PER_DEG (SIMD_2_PI / btScalar(360.0))
#define SIMD_DEGS_PER_RAD  (btScalar(360.0) / SIMD_2_PI)

The first one to spot it gets a virtual cookie.

For the answer visit the thread, I won't spoil it here. Instead, I'll post a screenshot, also sourced from said forums and taken by Stunt Rally author CrystalH.

 

For those who don't know, Stunt Rally is a friendly fork of VDrift.

Xonotic 0.8.1 released & related news

For those that are not keeping up to the latest development branch (via the autobuilds), the Xonotic developers have released a new version with various smaller changes and new official maps.

From the user "Antibody" (known for his duel commentary videos) comes this nice video overview of the new features:

(please note that due to video capture performance reasons the graphic settings are pretty low, and the game can look much nicer with different settings)

On the longer term horizon of Xonotic development, there is the very exiting news that they are currently porting their game to run on the same engine that Unvanquished uses. With this the future of Xonotic is indeed much brighter, as their current engine has not seem much development lately. See more details in this thread.

Oh and while we are talking about FOSS arena FPS: A short while ago Red Eclipse also released a new version. Changes include updated to the AI Bots and a build in universal updater to easily follow the latest releases.

How to Use Any Trial Software Forever Free Using Time Stopper

Time Stopper

You always wanted to use any trial software for free, but for that you had to find a Crack for it on internet, but if you failed then you weren’t able to use the trial software any more. But now, it’s possible !!

Time Stopper let you run Trial Softwares forever without expiration.If you don’t have enough trial period of any trial version software you can extend the trial period using Time Stopper.

How it Works ?

Function of the time stopper is to change the date and time by entering into the software. For this reason time stopper will extend the trial period of the program for an unlimited amount of time.
Time Stopper will not modify the time and date of the operating system.
RUN AS DATE will not convert your trial version software to full version but it will let you use your trial version software lifetime.

BUT We recommend you to buy the software which you like.

Time Stopper at a glance

• Time Stopper is a free software.
• It is easily installable.
• Time Stopper are not damaging any file.
• It will not modify the time and date of the operating system.
• Run trial software without expiration.
• Anti virus can’t detect or blocked Time Stopper 4.0 as a virus.

How to Use ?

1. User left click on “Browse… (push button)” in “Time Stopper”. Browse your installed trial version software in –> windows drive >> Program Files         >> then find out your installed trial version software and choose that .exe file which will run your program.
2. Now choose a date.This new date should include within trial period of the trial version software. We recommend to select tomorrow as the date.
3. Now you will able to create a desktop shortcut for future use. To create a desktop shortcut type the shortcut name and click on create desktop shortcut and use these shortcut to open the trial version software.

Note: After patching the trial version software by using Time Stopper, you must always use the desktop shortcut which created by Time Stopper to open that software otherwise the trial will end instantly.

Screenshot

Downloads

Time Stopper 4.02 (158 KB)