tag:blogger.com,1999:blog-8096611529119137875Thu, 22 Sep 2011 22:40:49 +0000WidgetGoogle CodeBlogger TipsFree Source Code for Bloggerfree source code | blogger widgets | free blogger template codes | blogger templateshttp://sourcecode4.blogspot.com/noreply@blogger.com (admin)Blogger18125tag:blogger.com,1999:blog-8096611529119137875.post-3695066453159977281Sat, 15 Jan 2011 04:23:00 +00002011-01-14T20:23:00.110-08:00Blogger TipsHow to remove Newer posts - Home - Older posts from BloggerHow to remove "Newer Post" "Home" "Older Post" Link from Blogger Template Log into your Blogger account and go to Dashboard > Design > Edit HTML. Check the Expand Widget Templates check box. Back up your template first. Find the HTML code below: <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'>http://sourcecode4.blogspot.com/2011/01/how-to-remove-newer-posts-home-older.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-3983181464845767905Sun, 26 Dec 2010 09:38:00 +00002010-12-26T02:23:59.039-08:00WidgetTwitter Badge | Follow us on Twitter BadgeGet a Twitter badge for my website This Twitter badge calls your users to start following your twitter account. Twitter has proven itself to be a great communication channel with your site/blog visitors. This Twitter badge can be installed almost on any site/blog. How to make a Twitter badge on Blogger/website Log into your Blogger account and go to Dashboard > Design > Edit HTML. Copy http://sourcecode4.blogspot.com/2010/12/twitter-badge-follow-us-on-twitter.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-791176964079051866Thu, 11 Nov 2010 19:39:00 +00002010-11-11T13:04:43.713-08:00WidgetBlogger Twitter WidgetsBefore you install this Blogger Twitter Widgets you must have a Twitter account to log in. If you don't have a twitter account yet please create new account here! With this Twitter widget you allowed to join conversation with other Twitter members. If you want to get this widget for your blog just copy and paste this code into your HTML page and replace some codes according to your Twitter http://sourcecode4.blogspot.com/2010/11/blogger-twitter-widgets.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-3718186674830573105Thu, 11 Nov 2010 17:56:00 +00002010-11-11T10:24:04.578-08:00Google CodeHow to request multiple Google Font API families in a CSS StyleIn ordinary text you can change how Google Font API looks by using CSS Style. Example in HTML format: <html> <head> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster"> <style> body { font-family: 'Lobster', serif; font-size: 48px; } </style> </head> <body> <h1>Lobster goes here!</h1> </body> </html> If you open this HTML file in a modern web browser, youhttp://sourcecode4.blogspot.com/2010/11/how-to-request-multiple-google-font-api.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-5756710387138376983Tue, 09 Nov 2010 08:19:00 +00002010-11-11T08:19:11.495-08:00Google CodeMake Your Blog Beautiful by Using Google Font APIMaking The Blog Beautiful with Google Font API. The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. Applying a font is easy: just add a special stylesheet link to your blog, then use the font in a CSS style. Google Font API gallery. To start using the Google Font API on our Blog can be done in just two steps: Add a stylesheet http://sourcecode4.blogspot.com/2010/11/using-google-font-api-in-blogger.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-4528929123302198156Tue, 09 Nov 2010 05:25:00 +00002010-11-08T23:14:14.317-08:00WidgetCreate Table of Contents (TOC) or Sitemap Page for BloggerDo you want to make a sitemap or Table of Contents page for your blog in blogger engine? Now I try to show you how to create a sitemap with Google Feed control. This widget only index of your blog posts by only show title of blog. If you have so many posts in your blog and if you used TOC it will be very long and make you difficult to read your posts. So this widget was designed to make it easy http://sourcecode4.blogspot.com/2010/11/create-table-of-content-toc-or-sitemap.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-1743354559297329789Mon, 08 Nov 2010 15:38:00 +00002010-11-08T08:29:13.163-08:00Blogger TipsAdding SEO Friendly Meta Tags to Blogger TemplateWhat are Meta Tags Meta tags are a great way to provide search engines with information about our blogs/sites. Meta tags can be used to provide information to all sorts of clients, and each system processes only the meta tags they understand and ignores the rest. Meta tags are used for Search Engine Optimization (SEO). The two most critical meta tags used in SEO are: description and keywords. http://sourcecode4.blogspot.com/2010/11/adding-meta-tags-to-blogger-template.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-2859568507050950063Mon, 08 Nov 2010 09:12:00 +00002010-11-08T02:37:35.900-08:00Blogger TipsHow to make auto read more of our BlogIf you want to be able to set up your Blog posts to automatically add a "Read More" link for articles in Category Blog or Section Blog Layouts like on this Blog so that the articles would all be the same length and they would line up just as pretty as you please. Here we show you how to create it in a simple steps. How to make Auto read more with Thumbnails of our Blogger Posts? Log intohttp://sourcecode4.blogspot.com/2010/11/how-to-make-auto-read-more-of-our-blog.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-3695479256466727387Sun, 07 Nov 2010 15:25:00 +00002010-11-07T07:31:02.156-08:00Blogger TipsRemove 'Showing newest posts with label' messageWhen we click on a label or do a search in a blogger blog we get a list of posts using that label or search term. Above the list of posts you will see a small message and link like this : "Showing newest posts with label .... Show older posts" How to Remove 'Showing newest posts with label' message? Log into your Blogger account and go to Dashboard > Design > Edit HTML. Check the Expand http://sourcecode4.blogspot.com/2010/11/remove-showing-newest-posts-with-label.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-1123561134640708099Sun, 07 Nov 2010 10:25:00 +00002010-11-07T02:29:53.283-08:00Blogger TipsHow to Remove Navbar from BloggerHow to hide or remove the Blogger navbar with simple CSS. If you have a blog on Blogspot or Blogger, by default Blogger automatically inserts a little navigation bar or Blogger Navbar between the top edge of the browser window and your blog content. There are some bloggers who want to customize his blogger page by hiding or removing its blogger navigation bar. Since it is not mentioned http://sourcecode4.blogspot.com/2010/11/how-to-remove-navbar-from-blogger.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-7344737255443209972Fri, 05 Nov 2010 11:04:00 +00002010-11-05T04:49:06.962-07:00WidgetAddThis widget for BloggerIf you want to get more traffic for your blog with the most popular sharing platform in the world you can try to install AddThis button into your blog post template. It can help your users share your content everywhere. AddThis is one of some popular social bookmarking widget type which most bloggers use it on their blogs. See also our post about how to Add best social bookmark widget to Bloggerhttp://sourcecode4.blogspot.com/2010/11/addthis-widget-for-blogger.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-2980362627255896279Fri, 05 Nov 2010 03:55:00 +00002010-11-05T03:09:24.006-07:00WidgetAdd Stylized Page Navigation Widget For Blogger (Blogspot)If you want to add a Stylized Page Navigation Widget For your Blogspot template as mentioned in the main page of Google Most Wanted News page that it has a Page Navigation Widget that is an alternative to Recent Posts, Home and Older Posts links at the bottom of blog posts. In order to add the stylized version of Page Navigation Widget into your blog just follow these steps below. Log into http://sourcecode4.blogspot.com/2010/11/add-stylized-page-navigation-widget-for.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-1068277961687000931Thu, 04 Nov 2010 16:45:00 +00002010-11-04T09:47:40.962-07:00WidgetRelated Posts with Thumbnail widgetRelated Posts with Thumbnails widget. Widget Preview In the previous post we have posted a Related Posts widget for Blogspot (Blogger) in text only. But now, How about to add a Related Posts with Thumbnail widget for Blogger template? The answer is just follow this guide to apply it into your template. Log into your Blogger account and go to Dasboard > Design > Edit HTML. Click the Expand http://sourcecode4.blogspot.com/2010/11/related-posts-with-thumbnail-widget.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-7183467405386274125Thu, 04 Nov 2010 07:43:00 +00002010-11-04T19:56:01.112-07:00WidgetAdd Best Social Bookmark Widget to Blogger TemplateHow to add a Sexy social Bookmark button on my Blogger template? Social bookmarking is a method to organize, store, manage and search for bookmarks of resources online. Users save links to web pages that they want to remember and/or share. Most of the best share and social bookmarking sites like del.icio.us, digg.com, technorati.com, stumbleupon.com, reddit.com, furl.net, facebook.com, http://sourcecode4.blogspot.com/2010/11/add-best-social-bookmark-widget-to.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-6397789705563012646Wed, 03 Nov 2010 17:50:00 +00002010-11-07T07:49:28.815-08:00Blogger TipsHow to remove "Subscribe to Posts (Atom)" Link from BloggerTemplateDo you want to remove "Subscribe to Posts (Atom)" link from your Blogger template? If you dislike "Subscribe to Posts (Atom)" link to appear in your blog just follow these steps to remove it from your template. Log into your Blogger account and go to Dashboard > Design > Edit HTML. Click the Expand Widget Templates check box. Search for the following code in your template: <b:include name='http://sourcecode4.blogspot.com/2010/11/how-to-remove-subscribe-to-posts-atom.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-1758909891304676275Tue, 02 Nov 2010 04:57:00 +00002011-02-01T07:29:06.160-08:00WidgetRelated Posts Widget for Blogger (Blogspot)Widget Preview As mentioned in the HOSTUX page that it has a Related Articles Widget that is an alternative to Related Posts, in this post we show you how to add a Related Posts Widget for Blogger template. In order to add a Related Posts Widget for Blogger, follow the steps below! Log into your Blogger account and go to Dashboard > Design > Edit HTML. Click the Expand Widget Templates checkhttp://sourcecode4.blogspot.com/2010/11/related-posts-widget-for-blogger.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-7789646412791596790Sat, 09 Oct 2010 10:48:00 +00002010-11-11T08:29:17.254-08:00Google CodeFree Fonts from GoogleHere are some examples of Google font API which you can find from Google Font Directory. These fonts are available for use on your blog under an open source license and are served by Google servers. These fonts are some of more beautiful Google Font API i like very much. How about you? Lobster Cuprum IM Fell DW Pica Josefin Sans Std Light Neucha Philosopher Reenie Beanie Tangerine http://sourcecode4.blogspot.com/2010/11/free-fonts-from-google.htmlnoreply@blogger.com (admin)tag:blogger.com,1999:blog-8096611529119137875.post-4400661886276624424Sat, 09 Oct 2010 01:18:00 +00002010-11-08T18:46:50.351-08:00Sitemap .judul-label{ background-color:#E5ECF9; font-weight:bold; line-height:1.4em; margin-bottom:5px; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; http://sourcecode4.blogspot.com/2010/10/sitemap.htmlnoreply@blogger.com (admin)