Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

Wednesday, January 23, 2013

Blogger Trick hide the post/widget in main page

Well, I wanted to replace some of the widgets to invisible mode in nabinkm.com. Actually, wanted for long time...
<b:if cond='data:blog.pageType != "index"'>

the widget goes here...

</b:if>

Another trick is: replacing
]]></b:skin>


 by


]]></b:skin>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
.post,   #blog-pager {display:none;}
</style>
</b:if>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<style type="text/css">
body#layout .sidebar {display:inline;margin-top:200px;}
</style>
</b:if>
-->

Wednesday, September 7, 2011

Add Waving Nepali Flag widget in blogger







This post is about how to add a widget to blogspot blogs.


The code is:
<form method="POST" action="http://www.blogger.com/add-widget">
<input type="hidden" name="widget.title" value="NP Flag"/>
<input type="hidden" name="widget.content" value="<a style='display:scroll; position:fixed; bottom:100px; left:24px;' href='#'><img src='http://i1202.photobucket.com/albums/bb377/nabinkm/nepalflag.gif' alt='np flag' width='75' height='100' border='0' /></a>"/>
<input type="hidden" name="widget.template" value="<data:content/>" />
<input type="hidden" name="infoUrl" value="http://www.nabinkm.com"/>
<input type="hidden" name="logoUrl" value="#"/>
<input type="submit" name="go" value="Add NP flag"/>
</form>


Sunday, September 4, 2011

Twitter Follow badge for blogger with Nepal.gif Flag

Cool GIF flag in blogspot blog with twitter follow button

Add the following code in the html code of your blog before </body> tag

<!-- twitter follow badge by go2web20 -->
<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'><!--
tfb.account = 'nabinkm';
tfb.label = 'follow-me';
tfb.color = '#2f3192';
tfb.side = 'r';
tfb.top = 136;
tfb.showbadge();
--></script>
<!-- end of twitter follow badge -->



Now insert the html at any place in the body. For blogger blogs, I find it easy to add html element and add it there.



<a style="display:scroll;position:fixed;bottom:100px;left:1px;" href="http://www.twitter.com/nabinkm" target="_blank"><img height="97" style="border:0;" src="http://i.imgur.com/t2Iha.jpg" /></a>
<a href="http://www.twitter.com/nabinkm"> @nabinkm </a>



<a style="display:scroll;position:fixed;bottom:100px;left:24px;" href="http://www.twitter.com/nabinkm" target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWmpT3pwoLheK3o6ROc-nhiIZiiSkTnrSW0RRRM8xhY6H35AIjpcNmVsAOkAl1ayZ-i0ontoTjfmI6EyJIz8P0SQY_nCi-gY0zahpWg32ApxzSlHKQig8lBYIStO2MT0O4PDfiD2hX4ldH/s155/nepalflag.gif" height="100" width="75" /></a>