Sunday, October 7, 2012

Add Links In Blogger Dynamic Views Comments

Here's the simple tips on how to add comments "href tag" blogger dynamic views.

In writing your comment, you find that you need to post a link. Just how does one go about doing that? Well, it is fairly simple. This is the code you drop into the comment box:

The href attribute specifies the link's destination:

<a href="http://alljectsart.blogspot.com/">Alljectsart</a>

Take a look at my href html comments below.

blogger dynamic views
Share:

Display Gadgets Blogger Pages or Blogger Post and Website link

Hello guys here's the steps on how Display Gadgets Blogger Pages or Blogger Post and website link codes.

Post Specific Gadgets In Your Blog

Step 1. You must first have the post published and then add the gadget as normal dont forget to add the name example "alljects gadget."

Once the gadget is added you can move to the next step.

Step 2. In your dashboard Click 'Layout' > 'Edit Html' > Tick the 'Expand widget templates' box

Step 3. Now you want to find the gadget in your template so you look for the title of your gadget or "alljects gadget" if you used that name.

(The easiest way to do this is to click 'CTRL and F' for a search bar to help find the code - for more info on this Click Here.)

Step 4. Once you find the gadget it will look similar to the code below you can see the title "alljects gadget", the code displayed here is the entire code for the gadget:

<b:widget id='HTML1' locked='false' title='alljects gadget' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>

Copy the code in blue below and add it to the positions as shown:

<b:if cond='data:blog.url == "PUT-THE-POST-URL-HERE"'>

<b:widget id='HTML1' locked='false' title='alljects gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "http://alljectsart.blogspot.com/2012/10/display-gadgets-blogger-pages-or-blogger-post-and-website-link.html"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>

Note you need Converts special characters to HTML entities. here

If you ever have a question or a suggestion for a post you can use the comments or the 'Contact me' form I'm always looking for suggestions.

How to Display Blogger Gadgets/Widgets in Labels - Homepage
Share:

Fastest Steps to Creat Blogger XML Sitemap

Here's the fastest way on how to create an xml sitemap for Blogger/Blogspot.

ctrlq.org XML Sitemap for Blogger is the answer, thanks to labnol.org

The steps is just put the link of your blogger site to ctrlq.org

example: http://alljectsart.blogspot.com

XML Sitemaps help search engines better index your blog or website. Sitemaps are supported by all major search engines including Google, Bing and Yahoo.

With the Blogger Sitemap Generator, you will be able to create a valid and complete XML sitemap for your blog. Just type the full web address (URL) of your blogger blog, press the Create button and then add the sitemap to Blogger.

The tool can generate Google XML Sitemap for Blogger hosted blogs (like labnol.blogspot.com) as well as self-hosted Blogger blogs (like postsecret.com) that run on Blogger.com but with a custom domain.

Internally, the tool parses the default XML sitemap to determine the total number of blog posts in your blog and splits them into multiple sitemaps each having 500 entries.


ctrlq.org XML Sitemap for Blogger, labnol.org
Share:

How to Active: Lightbox Image Viewer for Blogger

Here's oh how to activate light box for blogger.

Check out the very useful tutorial.

Blogger has recently added a new feature for image light box and photo light box on the blogger posts.

With the new Light-box feature, the images can be clicked and be displayed with a darkened background with in the smooth way.

About light box for blogger:

When clicked, your images will open in an overlay on top of your blog. If your post has multiple images, they will appear as thumbnails along the bottom.

How to Active: Lightbox Image Viewer for Blogger

How to configure "images showcase with Lightbox".

Currently, Blogger blogs in default have "Open images with Lightbox" setting enabled. Go to Dashboard > Settings > Formatting.

Then you'll see the setting mode for Lightbox. Either yes or no.

images showcase with lightbox

It could seem rather annoying if readers unintentionally click on it. But if your blog is a photography blog, it's definitely suitable.

Have you try this?
Share:

How to Resize Blogger Wrapper Width

Here' the tips on how to change Blogger Blog Width.

Before you do this please take a backup of your Blogger Template.

To adjust the width size of your blog according to your preference, you can do so at the HTML section:




#header-wrapper {
width: 750px;
}

#outer-wrapper {
width: 750px;
}

#main-wrapper {
width: 490px;
}

#sidebar-wrapper {
width: 230px;
}

Header-wrapper and outer-wrapper determines the maximum width of your blogger template.

Main-wrapper determines the width of your blog content and sidebar-wrapper determines the width of your sidebar.

Have a look at the image below:

How to Resize Blogger Wrapper Width

Make sure that the total pixel (px) allocation for the main-wrapper and sidebar-wrapper is not more than the outer-wrapper's size.
Share: