Five Useful Codes for Your Blog

Posted on
This is my base on my personal thoughts. So let's start.
1. How to remove or hide Navbar in Blogger?
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
Paste the code above before ]]></b:skin> 
or under
Blogger Template Style
Name:****
Designer: ****
URL:****
Date: *****
Updated by: Blogger Team
----------------------------------------------- */

credits goes to Blogbulk.com

2. Adding Related Articles on your Post

<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:5px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 16px;
font-weight: bold;
color: #343434;
font-family: &quot;Trebuchet MS&quot;, sans-serif;
margin-bottom: 7px;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
 color:#516a6a;
}
#related-posts a:hover{
color:#4b4b47;
}
#related-posts ul{
list-style-type:none;
margin:0;
padding:0;
font-size:15px;
text-color:#343434;
}
#related-posts ul li{
display:block;
list-style-type:none;
padding:0 0 0 10px;
margin-bottom:3px;
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts:&quot;;
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

Paste the code before </head>, then find <div class='post-footer-line post-footer-line-1'>  after this line paste this code:

<!-- Related Posts Code Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
<!--Remove--></b:if>
<!-- Related Posts Code End-->
credits goes to BloggerPlugins 

3. Do you like this story? 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background:#deded7;height: 100px; margin: 10px 0 10px 0; padding:10px;'>
<div style='color: #343434; font-family:&quot;Trebuchet MS&quot;, sans-serif;font-size:16px; font-weight:bold;margin: 0pt 0pt 5px;'>
Consume less; share better.</div>
<div id='fb-root'>
</div>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'>
</script><fb:like send='true' show_faces='false' width='450'/> <a class='twitter-follow-button' href='http://twitter.com/idsilmat' rel='nofollow'/>  <script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script> </div></b:if>
 change the twitter username to yours. Paste the code below <data:post.body/>. For the full tutorial go to MyBloggerTricks.com

4. Back to Top Button
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="ADD URL OF BACK TO TOP BUTTON HERE"/></a>

 credits goes to MyBloggerTricks.com

5. Archive Page

<script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script>
<script src="http://YOUR BLOG URL/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
 credits goes to Abu-Farhan.com

Comments

  1. Unknown4/16/2012

    useful codes I have heard some of them before but archive page is something I haven't heard about for blogger really a nice information.

    ReplyDelete
  2. Stephen Young7/03/2012

    That second code looks interesting. Related post suggestions? I just can't find the <div class='post-footer... part of the code on my template.

    ReplyDelete
  3. Matt Morales7/03/2012

    @Stephen M. Young II
    Be sure to check the "Expand Widget Templates" at the top left

    ReplyDelete

Post a Comment

Feel free to ask, suggest and comment regarding this post/blog. You can also contact me through e-mail, just always use the contact page. Thank you for visiting this blog.

Popular posts from this blog

Creating heat map using GeoDjango

Posted on Post a Comment
Image
  GeoDjango is a Django module that turns it into a web-GIS app. It is powerful as it uses geospatial engines such as GDAL, GEOS and PostGIS.  In this post, we'll be creating heat map using leaflet plugin https://github.com/Leaflet/Leaflet.heat . From our views.py , we need to create a function that can return JSON object with this format: [[ 50.5 , 30.5 , 0.2 ] , // lat, lng, intensity [ 50.6 , 30.4 , 0.5 ] , ] Below is an example: Basically, the proposed_roads query uses the Centroid function of GeoDjango, also intensity is obtain by getting the sum (change this depending on your specification or needs) based on the subquery. The output of this query is intensity and the Point object derived from Centroid which is named as "cent". To turn it into the desired format, we need to convert it into list and append the intensity (which is the 3rd value). The function returns a JSON data similar to the required format of leaflet heatmap. You can then use AJAX in ...
Read more

Setting Up 404 Page Not Found in Blogger

Posted on 2 comments
Image
Blogger has featured "404" page customization. Just a fact: The 404 or Not Found error message is a HTTP standard response code indicating that the client was able to communicate with the server, but the server could not find what was requested. The web site hosting server will typically generate "404 - Not Found" web page, when users attempts to follow a broken or dead link, hence the 404 error is one of the most recognizable errors users can find on the web To start this,  you need to upgrade your Blogger  to a new look . Then, follow the instruction below:   Inside the black border is where you can add your custom 404-Not Found Page  You can use this conditional tag to hide the widgets for your 404 page. <b:if cond='data:blog.pageType == "error_page"'> <style type="text/css"> PUT YOUR CSS CODE HERE </style> </b:if>  or this code <b:if cond='data:blog.url != &quot;YOUR BLOG URL...
Read more

Publish PostGIS Layers in GeoServer Automatically using cURL and REST

Posted on
Disclaimer: The idea came from this blog . So, what's the difference? I'm using Windows.  cURL should be installed already. If you have lots of tables in your database that you wanted to publish in GeoServer, you can use this method. Just prepare a list of tables (separated by new line) you want to publish in a text file format. Before proceeding in publishing layers, you need to setup a workspace and store in your GeoServer first. Although this can be done using cURL and REST API, but it is more convenient in that way. After a minute.... :D :D Create ".bat" file Use the code below but (of course) change the necessary inputs for /f %%a in ( <list of tables you want to publish> .txt) do  curl -v -u <username> : <password>   -XPOST -H "Content-type: text/xml" -d "<featureType><name>%%a</name></featureType>" http://localhost:8080/geoserver/rest/workspaces/ <name of workspace> /datastores/...
Read more