Owner: Blogpowered - Power up your blog URL:www.blogpowered.blogspot.com Join Date: Sun, 04 May 2008 02:34:24 -0500 Rating:0 Site Description: Blogpowered is a guide on blog customization and step-by-step procedures on how things done in blog making Site statistics:Click here
About the site 2008-05-04 00:18:45 What is Blogpowered?Blogpowered is a guide on blog customization and step-by-step procedures on how things done in blog making. The author of the blog is finding new ways on how blogging become more easier.In blogpowered, you will find...- Tips and guides on how to customize your blog- Blogging tools and hacks- Blogger Templates (soon!)- and much MORE!
Using background image for you blog 2008-05-03 11:13:34 Applying a background
image is a simple and quick customization which can apply volumes to the style of your fixed width blog.For my demonstration template, I decided to use a blue patterned background image which blends well with the colors in the header. There is a wonderful selection of patterned background images available for free download at SquidFingers (in fact, this selection is among the best I've ever seen!); though a Google search for tileable background images will bring you some alternative downloads to try.*Choose your background imageThe first step to using a background image for your blog is to find one which you like. I chose this pattern from Squidfingers, though you could choose any image you prefer. You will need to save the background image to your computer as we will
Making a header for your blog 2008-05-03 11:13:23 *Finding the width of the header
Before creating a header image, we need to know the width of the header section in the existing Blogger template. This prevents the header image from being clipped or malformed when it appears in the completed design. To find the width the header image should be, go to Layout>Edit HTML in your Blogger dashboard, and look for the following line:#header -wrapper {Just below this line, you should see the CSS statement for the overall widthof the header. In the default Minima template, this appears as follows:#header -wrapper {width:660px;margin:0 auto 10px;border:1px solid $bordercolor;}From this information, I know I need to make my header image 660 pixels wide. This may differ for your own template, so be sure to check the width of the header wrapper in your
Blogger Hacks:Summarizing your posts 2008-05-03 11:12:39 The hack i use in my blog is the "Ramani's selective expandable posts
". This hack enables me to choose whether my posts are summarized or not, and provides a "Read full post" link only for those which I have chosen to summarize. By the use of this hack, you can save space in your blog,A summarized post looks like this:Clicking the "read more..." will allow you too see the rest of the post.So here's what you need to do.1. Before anything else, back-up your template first. Click on the "Download full template" under Edit HTML page.2. Check the "Expand widget template" box.3. Copy all the code in this page and search for the tag</head> and paste all the code you've copied BEFORE this line.4. Then locate the DIV section which contains the line Read more:Blogger
Blogger Hacks:Remove label number count 2008-05-03 11:11:02 By default, the Labels will have an automatic count
of the number of posts bearing that label tag.It looks like this:To remove the label count, follow these simple instructions:1. Before anything else, don't ever forget to "Download full template" for backup when you accidentally ruined your HTML code and got errors. :)2. Next is to click the "Expand Widget Template" box.3. Search for the line in red color written below and delete it.<b:widget id='Label1' locked='false' title='' type='Label'><b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'><ul><b:loop values='data:labels' var='label'><li><b:if cond='data:blog.url == data:label.url'><data:label.name/><b:el Read more:Blogger
Blogger Hacks:How to add "Print Page" option for your blog 2008-05-03 11:10:50 Almost all readers will bookmark the stuff they like, however some of them prefer to print posts or articles rightaway for future reference and reading. So here's a hack to enable your blog visitors to be able to print your blog posts. HP has provided a hack. But before anything else, make a backup of your template.1. Locate </head> in "Edit HTML" box.2. Paste this code before the tag </head><style type="text/css" media="print">#noprint {display: none;}// Hide unwanted elementsbody {background:fff; color:000;}// Black text on White backgrounda {text-decoration: underline; color:00f;}//Underline Hyperlinks in blue}</style> 3. Before saving, preview first to check errors.4. To add a "Print
Page" option
, paste this code on the bottom of your post.<a href="javascript: Read more:Blogger
Blogger Hacks:How to post HTML tags in blogger 2008-05-03 11:07:54 Do you need to post HTML tags in your blog like </head> but you can't because of some pesky and stinky errors.There is a perfect solution for this.Example, you want to post <body></body>all you need to do is to replace the angle brackets:You can use "Notepad" for replacing:The HTML code should be like this:Done! you can now post HTML codes :D
Blogger Tips:Shortcut keys in blogging 2008-05-03 11:07:25 Shortcut keys are really useful and give us less effort doing commands. In blogging, it is really good for us to know this shortcut keys. Here are some useful shortcut keys that i recently use in blogging in a Mozilla Firefox browser. Shortcut Keys Command Windows MacintoshLinux 1.Find in this page CTRL+FCMD+FCTRL+F 2.Cut CTRL+X CMD+XCTRL+X 3.Copy CTRL+C CMD+CCTRL+C 4.Paste CTRL+V CMD+VCTRL+V 5.Next tab CTRL+TABCTRL+PageUp CTRL+TABCTRL+PageUpCTRL+TABCTRL+PageUp 6.Previous tab CTRL+SHIFT+TAB CTRL+SHIFT+TABCTRL+SHIFT+TAB 7.New Window CTRL+N CMD+NCTRL+N 8.Bookmarks CTRL+BCTRL+ICMD+BCTRL+B 9.Add Bookmark CTRL+DCMD+DCTRL+D 10.Undo CTRL+ZCMD+ZCTRL+Z 11.Redo CTRL+SHIFT+ZCTRL+YCMD+SHIFT+ZCTRL+SHIFT+ZCTRL+Y
Read more:Blogger
Blogger Tips:Tips on how to get your blog on Google 2008-05-03 11:06:52 Have you tried searching your blog on Google
but there's no search results?I think your happy there and excited how to put your own blog on Google. But how it is important? If you're planning to make money with your blog, you must have a good traffic in your site(Ofcourse your site should have ads on your page). Like TV advertisements, TV networks are also paid. Like us, bloggers we can also do it . But first our aim is to put our blogs on the first page in Google Search.Tips on how to get your blog in Google1.Uniqueness. Try to make a post on your own idea without copying other's article. Do not steal others' article. This is called "plagiarism". If your going to copy someones post, you can paraphrase it or give credit to the author. Your content must be super unique, means that you on Read more:Blogger
Monetize:Adding Google Ads between posts 2008-05-03 11:05:40 Blogger has a cool feature that will allow us to monetize are blog to the fullest. That is putting Google
ads between posts
and it can be done "Without any knowledge about HTML" . Just follow these steps below.NOTE: YOU SHOULD ALREADY HAVE A GOOGLE ADSENSE ACCOUNT BEFORE DOING THESE STEPS. Steps in adding google adsense between posts:1. Go to Page Elements under the Layout tab.2. On the Blog posts element, Click "Edit" (it is located on the bottom-right corner of each page element)3. A pop-window should come out. Check the "show ads between posts" check box.
Read more:Monetize
Blogger Tools:Useful widgets for your blog 2008-05-03 11:05:14 A widget is a like a gadget your blog that you can move into, out of and anywhere inside the sidebar area of your blog. Widgets are simple to use and gives art to your blog. I don't recommend you to put it all in your blog but atleast, choose what is useful for you and your readers. Remember, do not overuse it because your blog posts are your emphasis! :DHere are some useful widgets
that i recommend to put in your blog.1.aStore - Create a mini-store on your site provided by Amazon.com2.Clocklink - displays various timezones of different places3.del.icio.us tagometer - displays the number of hits del.icio.us users saved your page.4.Digg News - News about the latest Digg Stories.5.Feedcount - Displays the number of visits in your blog.6.Flickr Flash Photo Stream Badge - it displays the image Read more:Blogger
, Tools
, Useful
Blogger Hacks:How to hide the Blogger Nav Bar 2008-05-03 11:04:04 Are you bothered when you and other people open your blog and see blogger navigation bar on your site? There is a way of hiding or removing it. I don't know if it is legal becauseit's like removing a copyright without permission. Do this at your own risk.Removing the Navbar:1. Go to edit HTML under Layout tab.2. Search for the tag </b:skin>3. And before this tag. Paste the following code.#navbar-iframe { height:0px; visibility:hidden; display:none}
Read more:Blogger
Blogger Hacks:How to remove borders in header 2008-05-03 11:03:30 There is a simple hack to remove borders in your header
image. Borderless headers will make your blog clean and will help blend your header well with your template. So here's how to do it.Removing borders form image:1. Go to edit HTML under layout tab.2. Search for the this line: #header3. Change the value of border to 0.#header {margin:5px;border:0px;text-align:center;color:#000000;}Done!
Read more:Blogger
Blogger Hacks: How to add 3 Column Footer 2008-05-03 11:01:44 Want to add widgets but you lack space in your sidebar? This hack will help provide more valuable space for blog widgets. An example of this is this blog. Try going back to front page and go to the bottom part. You'll see my widgets compressed all in one footer. This gives more pleasing look unlike putting all this widgets to one sidebar.So here's how to do it.1. Go to page elements and move all the widgets to your sidebar. This is temporary just to ensure you won't lose your widgets in your footer.2. Make a back up of your template. To do this, download full template in Edit HTML under layout tab.3. Search this tag:<div id='footer-wrapper'><b:section class='footer' id='footer'/></div>4. Then will replace the tag colored in RED above with this code below:<div id='foote Read more:Blogger
, Column
Blogger Templates 2008-04-28 05:23:20 3 Column Blogger
Template: Comptech blue by IsnainiTemplate code:Tech-blue3 Column Blogger Template: Computer Template by IsnainiDownload Template
Read more:Templates
Twitter for bloggers 2008-05-05 10:20:38 What is Twitter
? Twitter is a community of friends and strangers from around the world sending updates about moments in their lives. Friends near or far can use Twitter to remain somewhat close while far away. Curious people can make friends. Bloggers can use it as a mini-blogging tool. Developers can use the API to make Twitter tools. Possibilities are endless!(www.twitter.com)To display your Twitter updates in your blog's sidebar, follow the link below:(You must be a registered user in Twitter to get this feature)
Read more:bloggers
Bloggar Hacks: Get rid of uppercase headings 2008-05-05 10:01:06 Blogger makes your post footer, blog footer, profile widget and header text turn out in uppercase letters by default. If you don't want this setting, there is simple solution for this.This post is somewhat similar to my previous post about removing borders - How to remove borders.1. Simply search for the line:text-transform:uppercase;2. Simply delete the line or you may want to change uppercase into lowercase if you want.
Blogger Hacks: Adding background image to sidebar titles 2008-05-04 11:01:53 If you have already read my post about putting background
color on your sidebar - Adding background color to sidebar, You may also want to put a background image on sidebar titles that will blend to your header image or your template in whole. This technique will make your sidebar titles more readable and recognizable.So here's how to do it. :D1. First is to make your own image which measures 200px wide and 100px in height.(I recommend Photoshop for doing this but if you dont have this software, you may want to download a software similar to Photoshop - Gimp )Samples:1.Gradient Effect2.Solid Color2.Upload it in your hosting website of your choice.(Photobucket(Recommended), Imageshack and etc)3.Locate this line in your edit html box..sidebar h2 {background:url( _bg.gif) no-repeat center l Read more:Blogger
Blogger Hacks: Adding background color to sidebar 2008-05-04 10:02:47 Many of us blogger believes that its useful to separate the sidebar from the body of blog posts. This helps draw attention and gives emphasis to the primary content of your blog. In my opinion, the simplest way to achieve this is to add a different background
color to your sidebar. This technique is very similar to that of adding background color to the body of your blog.1.To get started, locate this section of this code in the : section.#sidebar -wrapper {width: 220px;float: $endSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}Note:If you cannot find this exact code on your template, search #sidebar-wrapper instead.2.To put a color on your sidebar, simply add this line colored in Read more:Blogger
Blog Directories: Submit your blog 2008-05-06 04:39:29 One way of improving traffic here getting visitors to your site is by submitting your blog to some directories. Here's a list of sites where you can submit your blog. AllAfrica Blogs All-Blogs.net Answers AustralianWeblogs Aviva Blawg Blizg://blo.gs/ping.php Blogarama -a-site/ Blogbib Blogbunch BlogCatalog BlogCensus Blogcode Blogdex Blogdigger BlogDump Blogflux Bloggernity -bin/add.cgi Bloghop Bloghub -bin/add.cgi Blogintro BlogLines://blogmatcher.com/u.php%20 BlogPulse Blogstreet://www.blogtree.com/Blogwise Universe Blog-search -submission.html BoingBoing BOTW Blog Directory BritBlog Bulletize Canadian BlogDirectory Chordata ContentsMatter CorzBlog Crayon Deskfeeds Diarist EastonWeb Feeds4all Feedage Feedboy Fee Read more:Directories
, Submit
Entrecard: Mini exchanging traffic ads widget 2008-05-05 13:06:26 Recently, i found a new site while surfing the net. Entrecard - A traffic
exchange related site. When i first saw it, i begin to ask myself what this card is all about. So i decided to register at that site. After trying it, finally found out that this card is not an ordinary card. What Entrecard really is? Entrecard is your business card 2.0. It's a 125x125 image which represents you and your blog. Its part advertisement, part business card. It comes with a widget
you place on your blog, so that others can leave their Entrecard for you. You can also use Entrecard to promote your blog and launch free advertising campaigns.()In Entrecard, you will encounter the term "drop" or "drop your card". It's simply like dropping by other sites and click the drop button in his/her Entrecard. It is one
Monetize: Make money with your blog by putting ads 2008-05-05 12:13:54 Almost all of the internet users today are familiar to blog. Many used it as an online diary or personal blogs. Some for business, art, food, religion and etc. But have you ever think of making money with it? As long as you have good traffic or many users visiting your site. You can earn money. If your not familiar with "google adsense", let me explain it to you. :DGoogle adsense is feature in google wherein you can earn money by putting ads provided by google to your site. To explain more clearer, Google ads is like TV advertisements and your blog is the TV Show. The more page views and ad clicks, the more money you will earn. Important note: Do not click your own ads! It might cause account suspension.If you haven't registered yet, register now at It may take 2-5 business days because t Read more:Monetize
Blogger Hacks: Add addthis button to your blog 2008-05-05 11:47:47 The AddThis button
spreads your content across the Web by making it easier for your visitors to bookmark and share it with other people, again…and again…and again. This simple yet powerful button is very easy to install and provides valuable Analytics about the bookmarking and sharing activity of your users. AddThis helps your visitors create a buzz for your site and increase its popularity and ranking.(www.addthis.com)This very cool button is very powerful for boomarking and sharing your valuable posts with other people in the internet.Adding Addthis button on the bottom of your posts:1. Go to Edit HTML under layout and tick the "Expand Widgets box"2. Search for the follwing line: <div class='post-footer'> or <data:post.body/>NOTE: If you have chosen the first code, the ad Read more:Blogger
Blogger Hacks: New blogger comments hack 2008-05-05 10:47:07 Recently, i found a site that provides a blogger comments hack like wordpress. That is www.disqus.com. Disqus makes your comments more interactive for readers and easier to manage for you — all while connecting your community with other blogs. This makes your posts much easier to comment on. So if your confused with blogs offering comment hacks but you can't fully understand well, why not try this third-party commenting system.Just 3 steps to follow:1. Go to discuss.com and make an account.2. Click on get started3. And follow the instruction disqus will give you. :D
Blogger Widgets: Translations by Google widget 2008-05-07 11:30:16 This cool widget
let other countries with different languages discover the content of your blog. This is your chance! A very useful widget powered by google. Follow the instructions below to have one! :DThis widget is highly recommended to put on the top portion of your sidebar so that it would be easily be seen by foreign readers.1. Copy the code in this page Click here2. Then make new page element in "Page Elements" under layout tab.3. Click HTML/JavaScript, and paste the code on the text area below title.4. Save changes and preview! :D
Read more:Blogger
, Google
Cool header background images for your blog 2008-05-07 11:26:30 I made some header
images for your blog, You may download them if you like and make your header background
. If you dont know if the background images here are larger or smaller than your header wrappper, see this post- Knowing the width of your header wrapper.Here are some Cool header background images!Dimensions(600x136 headers)DownloadDownloadDownloadDownloadDownload
Knowing the width of your header wrapper 2008-05-07 10:45:14 If your going to put a header
image or background for your blog, It is very important to know the width of your header wrapper. For best results and 0% errors, match the width of your header wrapper and the image that your going to upload. For those bloggers who don't know where the size of their header wrapper, ill show you where you will find it. Just go to edit HTML under layout tab and locate the lines below:(from default minima template)#header -wrapper {width:660px;margin:0 auto 10px;border:1px solid $bordercolor;}As you can see, the width is 660px. You can change it if you like depends upon you. If you have fixed width for your wrapper, you make the necessary changes on your header image/background or vice versa.
Blogger Hacks: Hide blog title and description 2008-05-07 03:52:29 Blog title and description
is very important in every blog. Search engines when indexing your blog use the title and description tags. But sometimes, there is a need of hiding them especially when you are using a header image. So here are two ways in doing this.1st OptionThis option is only applicable if your going to put a solid header image that will completely hide your title and description.1. Go to "Page Elements" under the layout tab.2. Click "Edit" on the title page element usually found BELOW the navbar page element on the top.3. Upload your header image if haven't done it already and click on the radio button "behind title and description" under placement. 4. Save changes and view your blog. Note: If this option doesn't work for you. You may use the 2nd option below.2nd Option1. G Read more:Blogger
Blogger Hacks: Deleting the Older and Newer posts link text 2008-05-07 02:46:53 If you don't where this links are located, they are usually at the bottom part of the post. If you have enough links in your sidebar or somewhere in your blog you can delete this if you want. To completely delete this follow this simple steps below.Steps in Deleting
the Older and Newer posts
link text:1. Go to edit HTML under layout tab and tick the "Expand Widgets template" box.2. Locate the code below and simple delete it. <!-- navigation --> <b:include name='nextprev'/>3. Done! :D
Read more:Blogger
Recommend Site To A Friend
