SOFTWARE TIPS

What most of the experts skip...

TIP

. Avoid 'Overburn CD' option when Writing to any CD. Sometimes the data may not be read.
Showing posts with label Blogging Tips. Show all posts
Showing posts with label Blogging Tips. Show all posts

How to show related posts by category in blogger  

 

When a couple of Related posts are shown below the current post, it aptly shows the real and related stuff to the user so that the user could find all the necessary stuff especially of HIS INTEREST. This certainly drives the max. no. of page impressions.

Follow these steps

Log in to Blogger
Go to Layout, and click on "Edit HTML" tab. Check “Expand Widget Templates”, now find (CTRL+F) this code in the template:

 

<data:post.body/>

Copy and paste the below code after the above code.

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
            <div class='similar'>
                <div class='widget-content'>
                <h3>Related Posts</h3>
                <div id='data2007'/><br/><br/>
                    <div id='hoctro'>
                    </div>
                    <script type='text/javascript'>

                    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
                    var maxNumberOfPostsPerLabel = 4;
                    var maxNumberOfLabels = 10;

                    maxNumberOfPostsPerLabel = 100;
                    maxNumberOfLabels = 3;

                    function listEntries10(json) {
                      var ul = document.createElement(&#39;ul&#39;);
                      var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
                                     json.feed.entry.length : maxNumberOfPostsPerLabel;
                      for (var i = 0; i &lt; maxPosts; i++) {
                        var entry = json.feed.entry[i];
                        var alturl;

                        for (var k = 0; k &lt; entry.link.length; k++) {
                          if (entry.link[k].rel == &#39;alternate&#39;) {
                            alturl = entry.link[k].href;
                            break;
                          }
                        }
                        var li = document.createElement(&#39;li&#39;);
                        var a = document.createElement(&#39;a&#39;);
                        a.href = alturl;

                        if(a.href!=location.href) {
                            var txt = document.createTextNode(entry.title.$t);  
                            a.appendChild(txt);
                            li.appendChild(a);
                            ul.appendChild(li);  
                        }
                      }
                      for (var l = 0; l &lt; json.feed.link.length; l++) {
                        if (json.feed.link[l].rel == &#39;alternate&#39;) {
                          var raw = json.feed.link[l].href;
                          var label = raw.substr(homeUrl3.length+13);
                          var k;
                          for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
                          var txt = document.createTextNode(label);
                          var h = document.createElement(&#39;b&#39;);
                          h.appendChild(txt);
                          var div1 = document.createElement(&#39;div&#39;);
                           div1.appendChild(h);
                          div1.appendChild(ul);
                          document.getElementById(&#39;data2007&#39;).appendChild(div1);
                        }
                      }
                    }
                    function search10(query, label) {

                    var script = document.createElement(&#39;script&#39;);
                    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
                     + label +
                    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
                    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
                    document.documentElement.firstChild.appendChild(script);
                    }

                    var labelArray = new Array();
                    var numLabel = 0;

                    <b:loop values='data:posts' var='post'>
                      <b:loop values='data:post.labels' var='label'>
                        textLabel = &quot;<data:label.name/>&quot;;
                        var test = 0;
                        for (var i = 0; i &lt; labelArray.length; i++)
                        if (labelArray[i] == textLabel) test = 1;
                        if (test == 0) {
                           labelArray.push(textLabel);
                           var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
                                  labelArray.length : maxNumberOfLabels;
                           if (numLabel &lt; maxLabels) {
                              search10(homeUrl3, textLabel);
                              numLabel++;
                           }
                        }
                      </b:loop>
                    </b:loop>
                    </script>
                </div>

            </div>
        </b:if>

 

Now to test it, click any of the post title and check at the bottom of the post for Related posts by categories.

 

Features:

  • Above code is useful only when 3 nos. related categories are to be shown.
  • For better results change the code in red  to 10.
  • To check the functionality and if you dont see the related posts by categories in this blog , CLICK the post title and check it.

Read More...
AddThis Social Bookmark Button

15+ Blogger editors  

 

Bored with the default Blogger editor, check out the following more than 15 exciting Blogging editors. Ofcourse Windows Live writer stands exclusive.

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

       

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                 

                Read More...
                AddThis Social Bookmark Button

                How to show only Post TITLES when a label or month archive is clicked  

                 

                Generally when a label has more than 15 or above links of posts and if you happen to click the label, all the 15+ posts will be opening in the web page taking lot of time depending on the size of the posts.

                Follow the following simple tweak which lets user to view only Post titles when a label is clicked thus opening any no. of posts with in no time.

                Log in to Blogger
                Go to Layout, and click on "Edit HTML" tab. Check “Expand Widget Templates”, now find (CTRL+F) this code in the template:

                 

                 

                <b:include data='post' name='post'/>

                 

                And REPLACE that line with this code:

                 

                 

                <b:if cond='data:blog.homepageUrl !=
                data:blog.url'>
                <b:if cond='data:blog.pageType != "item"'>
                <a expr:href='data:post.url'>
                <li></li><data:post.title/></a><br/><br/>
                <b:else/>
                <b:include data='post' name='post'/>
                </b:if>
                <b:else/>
                <b:include data='post' name='post'/>
                </b:if>


                 

                You can check this tweak in this blog by clicking any label with morethan 1 posts or any monthly archive

                Read More...
                AddThis Social Bookmark Button

                Image slide show in blogger  

                Replace the image urls and your links in the below code and paste the code in
                Layout->Page elements->Add a gadget->HTML/Javascript, this is for left horizontal scrolling
                with scrollamount=9, direction="left"

                Title of imageTitle of imageTitle of imageTitle of imageTitle of image

                CODE:


                <marquee behavior="scroll"direction="left" onmouseover="this.stop()" scrollamount="9" onmouseout="this.start()"><a href="http://indiancinemaposters.blogspot.com"><img src="http://dearsridhar.googlepages.com/andhha_kanoon.jpg" alt="Title of image" height="Height of image" width="Width of image" /></a><a href="http://indiancinemaposters.blogspot.com"><img src="http://dearsridhar.googlepages.com/babul.jpg" alt="Title of image" height="Height of image" width="Width of image" /></a><a href="http://indiancinemaposters.blogspot.com"><img src="http://dearsridhar.googlepages.com/Amanat.jpg" alt="Title of image" height="Height of image" width="Width of image" /></a><a href="http://indiancinemaposters.blogspot.com"><img src="http://dearsridhar.googlepages.com/chaltikanaamgaadi.jpg" alt="Title of image" height="Height of image" width="Width of image" /></a><a href="http://indiancinemaposters.blogspot.com"><img src="http://dearsridhar.googlepages.com/guide.jpg" alt="Title of image" height="Height of image" width="Width of image" /></a></marquee>







                for direction="up" or "down"























                CODE:


                <div class="textwidget"><marquee direction="down" width="180" onmouseover="this.stop()" scrollamount="9" onmouseout="this.start()" height="200" align="center">
                <a href="http://indiancinemaposters.blogspot.com/"><img src="http://dearsridhar.googlepages.com/babul.jpg"/></a><br/><br/>
                <a href="http://indiancinemaposters.blogspot.com/"><img src="http://dearsridhar.googlepages.com/Amanat.jpg"/></a><br/><br/>
                <a href="http://indiancinemaposters.blogspot.com/"><img src="http://dearsridhar.googlepages.com/andhha_kanoon.jpg"/></a><br/><br/>
                <a href="http://indiancinemaposters.blogspot.com/"><img src="http://dearsridhar.googlepages.com/chaltikanaamgaadi.jpg"/></a><br/><br/>
                <a href="http://indiancinemaposters.blogspot.com/"><img src="http://dearsridhar.googlepages.com/guide.jpg"/></a><br/><br/>
                </marquee></div>

                Read More...
                AddThis Social Bookmark Button

                6 Ways to Back up your Blog Contents  

                 

                Check the following 6 ways to Back up your blog posts.

                 

                1. Blogger itlsef gives you the provision to back your blog posts. After signing into blogger.com, go to settings->Basic and click export blog.

                2. Blogger also provides a provision so as to send you the post right into your inbox whenever you update your blog. Go to settings –> Email –> Blogsend Address, enter your emailID, so that when ever you post a new one it will be sent to your emailID.

                3. Open an account in wordpress and after logging into it goto Myaccount, you can import the blogspot posts. The only disadvantage is that you can't import the pictures. This can be separtely downloaded and saved.

                4. If your blog was deleted accidently you can put a request to blogger besides check the cache by visiting go to google.com and type

                cache: BLOG_NAME. BLOGSPOT. COM
                If your blog pages are seen then you save.

                5. Use a free third party software called Blogger Backup Utility to download all the posts and comments in .xml format.

                blogger back up

                6. Use another third party free software called WinHTTrack to back all of your Blog contents including everything.

                I presume, out of all these above methods, WinHTTrack is the best software and way to backup your entire blog contents.

                Read More...
                AddThis Social Bookmark Button

                Drop down menu for BlogRoll  

                 

                Blogging Category

                Here I shall give a small piece of code with which BlogRoll could be made to work as a dropdown menu.

                dropdown box for blogroll

                After logging into Blogger.com , go to Layout section, then click on Add a Gadget/Add a page element, and select it as HTML/JavaScript.

                Now put the following code and Save it.

                <form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
                size=1 name=menu>
                <option>- Your Title - </option>
                <!-- change the links with your own -->

                <option value="http://yourlink.com">Title One</option>

                <option value="http://yourlink.com">Title second</option>

                <option value="http://yourlink.com">Title Third</option>

                <option value="http://bloggerstop.net">Blogger Widgets</option>

                </select></form>

                 

                You need a small change to affect the whole story.  place your blog url in the above ‘yourlink.com’ like places

                Now Check your blog in another window.

                Read More...
                AddThis Social Bookmark Button