YourBloggerTipz

How to test Speed Blog Loading for better SEO and Indexed

noreply@blogger.com (Deniez Iskandar) — Sun, 28 Aug 2011 00:48:00 +0700

Yes, speed of your blog is very important to get SEO (search engine optimatization) and better indexed by search engines, the faster your blog's loading the better your blog will be indexed by search engines. Anyway, in earlier post about Blogging I have posted an article Test your blog/web speed using Stopwatch helps you identify which items are taking the longest to load. And now you can even test your blog/web speed even better using toold fromPingdom(dot)com with very detail results such as: Total loading time, Total objects (KB), (X)HTML, RSS/XML, CSS, Scripts, Images, Plugins, and more.

How does it works?

All you need to do is visit this link http://tools.pingdom.com/, then you type your blog/web URL address there then click "Test Now" button, afte that you will see your blog results which the Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars. You can view the list of objects either in load order or as a hierarchy. The hierarchy view allows you to see which objects are linked to in for example a CSS file. Every test also shows general statistics about the loaded page such as the total number of objects, total load time, and size including all objects.

Once you've typed your blog/web URL address on Pingdom, you will see the result I mentioned above with a very detail, as you can see in the screenshot below forbloggerclick.com

Well, if you think your blog/web get a slowly respond in loading, it is better for you to remove some of widgets, and also you can minimize your blog "home" by putting them at least about article posts max 5 posts in there.

Gossimer: Domain and hosting plan

noreply@blogger.com (Deniez Iskandar) — Mon, 22 Aug 2011 03:13:00 +0700

Domain Name Registration

Gossimer has a highly rated domain name registration service tailored to meet our clients personal and business website needs. We guarantee competitively priced top level domains backed up by a system that allows domain names to be registered, maintained and renewed quickly and easily.

Established in 2001 Gossimer has a reputation for providing excellent customer service with 24/7 support. Our server reliability is second to none with up-time at 99.99%. With each domain name registered we provide an unparalleled package of free extras which means that Gossimer's domain registration service can be considered the best value for money package on the Internet.

With every domain name we provide an Email Account (with 2GB storage), Free Privacy Protection (saving you up to $10 per year), a comprehensive DNS Management Service, Domain Forwarding, Unlimited Email Forwarding and Domain Theft Protection.

Not only that but we will never hike the cost of domain names up at renewal, our clients are guaranteed consistent and fair pricing.

Site Builder

Whether you are a website novice, an affiliate marketer or a store wanting to get your product to the market at Gossimer we have a Site Building tool that will help you get a professional looking website up and running in just a few clicks.

There are thousands of templates to choose from, which are easily selected and customized to get the look and feel that you want for your website. To make the site even more personalized you can upload you own images, photos and logos to help your site to stand out from the crowd.

What's more our website builder is fully portable you can use it with our website hosting packages or you can export your site an external hosting service.

Website Hosting

Gossimer's award winning website hosting packages are priced competitively to make sure that we provide our customers with the best value for money around.

Our hosting uses state of the art technology and is based in data centers in various locations around the world. Each data center is staffed and has round the clock server monitoring which is why our server uptime is 99.99%.

Security and integrity of your data is our number one priority and we use our expertize combined with the latest technologies to ensure that security levels consistently run at maximum.

Every hosting package comes with unlimited email accounts, unlimited database space, unlimited database deployments, unlimited subdomains, this we guarantee.

Email Hosting

Email Hosting could be the solution to help your business convey a more professional image than it does with one of the regular free email accounts that you commonly see used. Having your own email address has been shown to be perceived as more professional and to stimulate more trust than emails received from free services.

A standalone email hosting account from Gossimer allows you to set up unlimited email accounts with 2GB of storage each using a domain that you own, either purchased through our domain registration service or alternatively you can use a domain that you already own.

Email hosting comes with a very simple and easy to use interface that provides, file management, a search facility, online address book, mailing list functionality and email forwarding. This web-based email also comes with both spam and virus protection.

Digital Certificates

Digital Certificates are a way of making your website secure, they are more commonly known as SSL ( S ecure S ockets Layer) Certificates. They provide protection by encrypting your website and ensuring that any data transferred between your customers and your website is secure and free from snooping or tampering.

Gossimer provides Digital Certificates from a well know and trusted brand - Thawte®. There are several options to choose from which provide different degrees of security for various types of domain usage. There are certificates designed specifically for e-commerce usage, for business websites, for users that intend to have multiple subdomains and an entry level certificate that provides domain name verification.

Purchasing an SSL certificate is highly recommended as they help to make your customers feel that they are sharing their information in a safe environment with a trader who has been verified as authentic. Digital certificates go a long way to build trust with your potential customers and therefore help to convert prospects into sales.

Domain Name Resellers

Do you want to be able to provide domain registration and hosting packages to the public but don't want to have to make a huge investment in technology, space and personnel? In that case becoming a reseller maybe the answer that you have been looking for.

We have a service where you can sell our products and services under your own brand from your own domain. You have the option of either building your own site that integrates with our core engine or by using our SuperSite/PartnerSite options. Both options are fully customizable and provide you with an easy to use interface, content and customer demos enabling you to get the look and feel that you want whilst getting your business off the ground at a flying start.

The service is guaranteed to be completely private label and what's more we also guarantee that we will not snatch any of your customers.

About Gossimer

Website Hosting & Domain Name Registration Awards

Affiliate Program

We provide a full service reseller program for all of our services however should you not wish to go down this route then we also have a highly competitive affiliate program which is administered through AffiliateBOT.com.

Affiliate programs are a way to earn commissions from referred business. In Gossimers case we offer an affiliate program for referrals that convert to sales in relation to our Ultimate Hosting Plan. Signing up for the program is really easy all you need to do is go over to affiliateBOT.com, sign up as an affiliate and join our program. As soon as you have your affiliate link you can start your marketing efforts using software, email & newsletters, search engine marketing, blogging &forum posting and third party distribution/ad networks. We do not allow incentivization.

If you like our service and/or you are an affiliate marketer why not join our program and earn $90 commission for each valid referral sale of our hosting plans. We offer a 365 day cookie duration allowing for maximum potential of you referral to convert to a sale.

Domain Name Free Services

We provide a whole range of free services when you buy a domain name from Gossimer. In order to provide our customers with as much added value as possible, we include:

A Free Email Account – which comes with 2GB of space, spam, virus and fraud protection.

Unlimited mail forwards – redirect your email to new or existing email accounts to make management easier.

Domain Theft Protection – our system allows you lock your domain so that it cannot be stolen or transferred erroneously.

Bulk Tools – change, renew, transfer or register your domains all in one go.

Domain Forwarding – use our domain forward to redirect your visitors wherever you need to.

Chat and Collaboration Tools – you can use your domain to collaborate with others in your organization by setting up this feature.

DNS Management – full service set of DNS management tools.

Privacy Protection – protect your personal information from public display at WHOIS.

Control Panel – manage all your services with Gossimer with this easy to use interface.

Web Hosting Support

We take our customer support very seriously at Gossimer and we therefore provide a range of contact options for our customers:

Knowledge Base – we have a comprehensive knowledge base that can be found at http://support.gossimer.com/ . There are hundreds of articles in well-defined categories with a fully functional search facility meaning many of your questions can be answered at the click of a mouse button.

News Articles – the news section on our support pages provides our customers with updates about our organization as well as relevant industry updates that we feel should be brought to your attention.

Ticket System – If you are unable to resolve your issue using the FAQs and articles in our knowledge base then you can submit a ticket here for assistance.

Live Support System – just go to our home page at www.gossimer.com and click on the live support link. If it is unavailable for any reason please leave a message.

Email – please use the ticket system so that we can track your issue and ensure that it is dealt with in a timely manner.

Phone Support – technical support can be contacted by dialing 888-9024678

Gossimer Blog

Gossimer's blog can be found at http://blog.gossimer.com/

On our blog you will find a wide variety of information. We use it to notify our customers about scheduled server maintenance as well as any relevant information about the various domain registries scheduled downtime and industry news.

We also have articles and how-to guides to help you get started with some of the issues that can arise whilst you are managing your website for instance:

How to turn prospects into buyers
How to plan a contest for your blog
How to build a website
How to create a world-class blog

These are just some of the fascinating articles that you will find over at the blog that are specifically written to help you get the most out of your domain, website and/or blog.

Remember that as with most blogs you are invited to comment and participate in the community, feel free to drop by and add your feedback, comments or any tips and tricks that you would like to share with our community at large.

To register click link/banner bellow

www.gossimer.com

Hostgator: Dedicated Webhosting

noreply@blogger.com (Deniez Iskandar) — Thu, 11 Aug 2011 23:20:00 +0700

HostGator.com LLC is a world leading provider of shared, reseller, VPS and dedicated web hosting. Privately held and based in Houston, Texas, the company was founded in 2002 by Founder and current Chairman Brent Oxley, who started the company from his dorm room at Florida Atlantic University. Since then, HostGator has grown from a small hosting company with just three servers into a world leading and industry recognized hosting provider with more than 12,000 servers under management. The over five million domains hosted by HostGator make up approximately 1% of the world's Internet traffic.

As a technology and product innovator, HostGator is able to provide its more than 400,000 customers with innovative products and services designed to complement their existing businesses. HostGator serves customers ranging from individual freelancers to Fortune 500 companies in more than 200 countries.

Because of the nature of reseller hosting, HostGator customers are frequently web designers and or developers who have chosen to provide hosting services to their clients. Businesses of all sizes and shapes frequently make use of HostGator's affordable, but still powerful shared, reseller, and dedicated hosting services. Customers range from complete novices to computer and technology experts.

In 2008, HostGator was recognized by Inc. Magazine as one of the fastest growing private companies in America. According to Inc. Magazine, HostGator is the 21st fastest growing private company in America, the second fastest growing private company in the "business services" sector, and the fastest growing private company in Texas.

In order to keep up with the company's rapid growth, HostGator moved from its original office in Boca Raton, Florida into a new 20,000 square foot office building in Houston, Texas. Since moving to Houston in January 2007, the company has added more than 200 employees. The company is growing rapidly and expects to add roughly 200 employees within the next two years.

In a June 2008 customer satisfaction survey, approximately 90% of HostGator customers reported being satisfied with HostGator and the services it provides. Industry-leading customer service and support is at the forefront of what HostGator does on a day-to-day basis. The company is constantly working to improve and refine that service and support and achieve its goal of becoming the world leader in the global web hosting market.

In addition to President and CEO, Lance Custen, HostGator's management team consists of web hosting and technology veterans working together to ensure HostGator continues to grow and progress.

To register click link/banner below

www.hostgator.com

Xtraorbit: Web hosting and domain

noreply@blogger.com (Deniez Iskandar) — Wed, 10 Aug 2011 23:13:00 +0700

www.xtraorbit.com


	Unlimited Disk Space		Unlimited Bandwidth
	Host Unlimited Domains		Unlimited Email Accounts
	Instant Account Activation		Free Whois Privacy Protection
	99.9 % Server Uptime		Free Blog Software
	30 Days Money Back Guarantee		Free Forum Builder
	24/7 Fast Customer Support		Free Account Setup
	Robust Network Infrastructure		Free Domain Parking Page
	Effective Spam Protection		Free Site Visitors Statistics
	Anti-Virus Protection		Unlimited Email Accounts
	ECommerce ready		Unlimited Email forwarding
	POP3 & Imap Email Access		Unlimited Email aliases
	FrontPage Extensions		Unlimited Autoresponders
	URL Redirect Feature		Unlimited FTP Accounts
	Awstats Stats-Webalizer Stats		Web-based Email Access
	Raw Access Logs-Error Logs		Web-based File manager
	Perl, PHP5 & MySQL ready		Zend Optimizer & Ioncube

Major payment methods are accepted, We accept major credit and debit cards, E-Gold, Paypal,Moneybookers, AlertPay,Liberty Reserve andGoogle Checkout.So, you are free to order or register single domain names, bulk domain names, web hosting, cPanel hosting, website design and website templates Instantly using any of the above payment methods.


	alas, I have only few lines to add testimonial actually I need pages. so let me make it brief. BEFORE using Xtraorbit; I suffered a lot because of SPAM, I didn't know what REAL TIME support mean. But with Xtraorbit.. LIFE beacme brighter,and business became REAL. Thank you Xtraorbit.. Thank you a lot.
	Yiehya Zakaria Yiehya.com Egypt

How to Create "About The Author Box" under the post

noreply@blogger.com (Deniez Iskandar) — Wed, 10 Aug 2011 22:51:00 +0700

Do you want readers to know about your profile, twitter account, facebook account or anything about you. The solution is very easy, you can easily add the "About the author" at the bottom of each post. You just have to add some html code into your template. Here I will explain the steps how to add a box about the author (About the author) at the bottom of the posting.

Here's an example:

Simply follow these steps:
1. Log into your blogger account.
2. Select "Design" in your blogger dashboard, click>> "Edit html" do not forget to tick the box 'Expand widget tempalte'

3. Find the following code (use ctrl + f to search bar to search faster code)

]]></ B: skin>

4. Copy the code below and paste the above code continues described in no. 3

. Author-box {background: # 00 000; margin: 20px 0 40px 0; padding: 10px; border: 1px solid # e6e6e6; overflow: auto}. Author-box p {margin: 0; padding: 0}. Author img-box {background: # fff; float: left; margin: 0 10px 0 0; padding: 4px; border: 1px solid # e6e6e6

5. Next find the following code

<div class='post-footer-line post-footer-line-1'/>

6. Replace the code at no. 5 with the code below

<div class='clear'/><div class='author-box'><p><img class='avatar avatar-70 photo' height='90' src='http://i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/Kamaitachi128.png' title='Deniez-Profile-Photo' width = '90' /><span style='font-size:15px; font-family:Georgia,"Nimbus Roman No9 L",serif; font-style: italic;'> <b> About the Author < / b> </ span> <br/><Div style = 'text-align: justify; font-size: 14px; color: # FFCC00; line-height: 20px; font-family: Georgia, "Nimbus Roman No9 L", serif; font-style: italic; color: # FFCC00; '> I'm Deniez, the owner of this site. I'm a simple guys. I'm blogging since 2009 and I'm currently a guest blogger on Blogging With Success.<span> "Make the Best" by Deniez. </ span> <br/><span style='font-size:15px; font-family:Georgia,"Nimbus Roman No9 L",serif; font-style: italic;'> <b> Follow Me On <a href = 'http:// twitter.com / deniezdayerz '> Twitter </ a> or <a href=' http://www.facebook.com/deniez.dayerz'> On Facebook </ a> </ b> </ span> </ div > </ p></div>

7. Seteleh enter the code above, we then edit some parts.

Replace the code that is pink with your profile photo url, size (128x128)
Replace the code that is green with the title of your profile photo.
The code that orange is the color code, you replace the color you want. To know the color code please look at the html color codes or Update: html color codes .
Code blue is something about you, then write a few words about you.
Red code is the code from the link twitter and facebook profile.

8. When finished editing, save the template you continue to see the results.

Hopefully this article useful to you. for suggestions and critiques please postkan your comment

How to create Print and PDF button on every post

noreply@blogger.com (Deniez Iskandar) — Wed, 10 Aug 2011 22:34:00 +0700

In this post I will explain in a very easy and Professionals for you to make your blog posts that are available to print and download in PDF (Portable Document Format) I'll add the option buttons are neat for your posts that readers can click . to view and print a PDF version on your blog.

Do Print and PDF?
If you try to print this page you will not only get the contents of the postings but also Advertising, Gadget and other matters.

Editing Pages
Most of the unwanted content will be deleted automatically when the reader clicks the Print or PDF reader can also delete the page by clicking a mouse. checkbox gives the option to delete all images from the page.

Adding the Print and PDF for your blog
This service is provided free of PrintFriendly.Com. All you need to do is choose the one you like, grab the code and add it to your blog. You can see the detailed instructions for Blogger Blog and WordPress Blog on this page - Install Instructions.

Adding a Print Button on the top post
Tutorial below shows how to add the button to the bottom of your posts, but you might want to have a button at the top of your post.

Step 1. In your Blogger Dashboard Design Click> Edit HTML> check the "Expand Widget Templates"

Step 2 Find the following code snippet in your blog: (Click Ctrl and F to search bar to help find the code)

<data:post.body>

Step 3. Paste the code that you can PrintFriendly.Com and save on / Before <data:post.body>

Float button to the right and left posts
To align your Friendly Print button to the right. Add inline CSS to code snippets PrintFriendly.

A: Find two <div class="pfbutton"> , in your code Print-Friendly button.
B: Add a style = 'float: right;' to the div tag as shown below.

That's a very cool and easy to let the print readers or see your post on PDF. Make we are sure to See more Gadget Blog .

add admin logo plus different color for admin in the blogger comments

noreply@blogger.com (Deniez Iskandar) — Thu, 4 Aug 2011 00:13:00 +0700

In the comments field, when I as an admin / author wrote a commentary in the bottom corner then there will be animated logo with the word "Admin". In this post I will explain about it.
As my previous post about how to use a different color on the comment author or admin in the comments field, the techniques we use are not much different but just a little added background image for the admin.

In addition to adding logos or images admin, we also add some style by adding a different background color for comments so it will look different authors with comments from visitors.

View Live Demo Here

Admin Logo for comment

Now I will describe two different methods:

1. Methods for the default template from blogger,

2. The method of the web design templates.

Admin add a logo plus a different color for admin in the comments bloggers

1. Log into your blogger account.
2. Select the "design" on the blogger dashboard you continue to click>> "Edit html" do not forget to tick the box 'Expand widget templates"

3. Find a piece of code ]]></ b: skin> and save the code below in the above / before the code ]]></ b: skin>

. Comment-body-author {background: url("http://spiceupyourblogextras.googlecode.com/files/admin.gif") no-repeat scroll right bottom #BFE3FE; border: 1px solid #80C8FE;-Moz-border- radius: 6px;-webkit-border-radius: 6px; padding: 3px 5px 3px 35px;}

Note:

Url of yellow you can change the image you want, while the blue is the color code the background.

To know the color code can be viewed here HTML colors code chart.

4. The next step save your template, but we are not finished.

In the next step, you must find the code snippets below and add some code between the code. As I explained above that I will explain the steps in the two methods ie. Methods for the default template from blogger, and Methods for the template from the web design.

The first method (Method for the default template from blogger)

1. Find the code snippet below. (Use ctrl + f)

<dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'> <data:comment.body/> </ span> <b: else /> <p> <data:comment.body/> </ p> </ b: if> </ dd>

2. Once you find the code above, now add the code below the above code on no. 1
<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p> <data:comment.body/> </ p> </ dd> <b:else/>
3. Next add the code </ b: if> below code at no. 1

So will be like this.

<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p> <data:comment.body/> </ p> </ dd> <b:else/><dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'> <data:comment.body/> </ span> <b: else /> <p> <data:comment.body/> </ p> </ b: if> </ dd></ B: if><dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='"#comment-" + data:comment.id' title='comment permalink'> <data: comment . timestamp /> </ A> <b:include data='comment' name='commentDeleteIcon'/> </ span> </ dd> </ b: loop> </ IN>

4. Save your template and see the results.

Second methods (Methods for the template from the web design)
1. Now we need to edit the following code in your template. Find the code below (Use ctrl + f to search methods). Keep in mind if you do not find the code below, look for code that is almost similar because each has a different encoding templates.
<dd class='comment-body' expr:id='data:widget.instanceId data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> + <span class = 'deleted-comment' > <data:comment.body/> </ span> <b:else/> <p> <data:comment.body/> </ P> </ b: if> </ dd>
2. Once you find the code above, now add the code below the above code on no. 1

<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p> <data:comment.body/> </ p> </ dd> <b:else/>

3. Next add the code </ b: if> below code at no. 1

So it will be like this

<b:if cond='data:comment.author == data:post.author'> <dd class='comment-body-author'> <p> <data:comment.body/> </ p> </ dd> <b:else/> <dd class='comment-body' expr:id='data:widget.instanceId data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> + <span class = 'deleted-comment' > <data:comment.body/> </ span> <b:else/> <p> <data:comment.body/> </ P> </ b: if> </ dd> </ B: if> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </ A> <b:include data='comment' name='commentDeleteIcon'/> </ span> </ dd> </ b: loop> </ IN> </ div>

4. Once satisfied to save your template and see the results.

I hope this post can be useful for you, See also other tutorials about the blogger's comments.

If you have questions please post your comment.

Dizaqyu Black Template

noreply@blogger.com (Deniez Iskandar) — Tue, 2 Aug 2011 21:34:00 +0700

Dizaqyu Black Template

is a free blogger template with 3 columns, right & left sidebar, space for ads, footer columns, twitter support, gradients, posts thumbnails, tabs and drop down menu.

This template also finally finished after a quite long enough to manufacture. here I will share an ugly template that where theappearance is very simple.

I will launch an updated version for this theme in some future time. step by step to customize every part of this theme will be updated in the coming weeks-including the encoding for each widget.

Hit the demo link above to check out a live demo of the Dizaqyu Black template.

DOWNLOAD DIZAQYU BLACK TEMPLATE

FEATURES OF THIS TEMPLATE:

1. TOP NAVIGATION BAR

2. HEADER WITH 468x60 BANNER ADS

3. SUB NAVIGATION BAR

4. (300x250) & (125x125) ADS BANNER IN SIDEBAR

5. AUTOMATIC READ MORE

5. RELATED POSTS

7. AUTHOR WIDGETS

8. RETWEET AND FACEBOOK SHARE BUTTONS

9. SEXY SOCIAL BOOKMARKING BUTTONS BELOW POST

10. SEARCH BAR

11. SIDEBAR SUBSCRIPTION WIDGET

12. NEWER/OLDER POSTS/HOME BUTTONS

13. FOOTER (For Blog Categories and Logo)

14. BACK TO TOP BUTTON

All those which carry the text coding will be posted soon or article coming soon mean the articles are yet to be published. Once I publish the article for customization, I will be updating the list here. You can also send me suggestions via comments about various other features which you wish to have on this theme - for example, a featured content or an ad unit at the end of the post that will facilitate 125x125 ad banners, etc..

More over, if you feel some portion of the template is little bit different from that of the original shoutmeloud thesis theme, you may leave your opinions via comments. I will answer to all your queries. So, share your thoughts via comments!!! We would love to hear from you!!!

Note: Template best viewed on Firefox. IE does not support curved CSS. So, I suggest you to view it on Firefox.

Advertise Here

noreply@blogger.com (Deniez Iskandar) — Tue, 2 Aug 2011 20:31:00 +0700

Ad Packages

Banner 125 X 125:
1. Price: $5/month
2. Explanation: your ad will be in pairs in the sidebar and will be visible on all pages.

Banner 175 X 175:
1. Price: $7,5/month
2. Explanation: your ad will be in pairs in the sidebar and will be visible on all pages.

300x250 banner:
Price: $10/month
Explanation: Ads will be placed under the navigation menu, in every post and the sidebar appears on every page and in pairs in a do-follow.

Banner 468x60:
Price: $12/month
Explanation: your ad will appear just above the posts, appears on every page and in pairs in a do-follow.

VIP Banner (size according to Order)
Price: $15 / month
Explanation: The location of installed your own ads, appear on each page, installed by the do-follow and will get auto click.

Review Ads
Price: $15/post
Explanation: Your ad will we write here and direct links in these postings to the website / blog and link in the do-follow.

Note:
prices change sesaui changes in traffic, can go up and down without your notice.

Rights and Obligations as Advertise

No right to put ads containing racial intolerance, pornography, lies, and all things contrary to law.
You are responsible for the ads that you install.
Banner ads created by advertisers / advertise.

Rights and Obligations as Admin

Entitled to remove the ads containing racial intolerance, pornography, lies, and all things contrary to the law
Admin is not responsible for the ads that you attach
Admin entitled to recover the costs of advertising that has been deleted by Admin.

Payment System
Payment can be done via paypal:
===================================================
Paypal: deniez.kamaitachi@gmailcom
===================================================

Confirmation your payment can be made via email to admin@mybuxx.com.

How to add a reply to blogger comment

noreply@blogger.com (Deniez Iskandar) — Sun, 31 Jul 2011 16:35:00 +0700

Generally the default blogger comment no choice to repond or reply to comment to each different comment. Therefor i will discuss how to make a reply button on the blogger comment. This is a trick blogger are relly helpful and you have a choice of reply comments in just view steps.

This is an example screenshoot

To view the demo of the screenshoot you can see on this blog: Blog demo-Reply comments

How to add a reply to blogger comment

1. Select "Design" in your blogger dashboard, click>> "Edit html" do not forget to tick the box 'Expand widget tempalte "

2. Find the following code ( Use ctrl+f to find a code )

<data:commentPostedByMsg/>

<data:comment.body/>

3. Once you find the code, copy the code below and faste it under the code above:

<a href='http://www.mybuxx.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghev6CuaZ9GBi02aEhYUp1YbNZv91pyFfh9QEs5C4xkGGBRHXWTRUjFNPwW4d2CJRhFgoKyD-fJLLN_pdWYdQUnVeuMkvZd719UdPvBe9orxy6gLGH_QJTr9Mk0xOZX32Xl-sQtk82tZd9/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span><a href='http://www.mybuxx.com'><img alt='Best Blogger Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghev6CuaZ9GBi02aEhYUp1YbNZv91pyFfh9QEs5C4xkGGBRHXWTRUjFNPwW4d2CJRhFgoKyD-fJLLN_pdWYdQUnVeuMkvZd719UdPvBe9orxy6gLGH_QJTr9Mk0xOZX32Xl-sQtk82tZd9/s1600/best+blogger+tips.png'/></a>

4. Next, on the red code. you must enter your blog id to the code. BLog ID is a number that appears in the url, look the following example.

Once you find your blog id, then add your blog id in the html code above in red colour.

5. Save the template. Look your comments.

Hopefully this article usefull for you. For suggestions and critiques please post your comment.

How to change fonts on the blogger

noreply@blogger.com (Deniez Iskandar) — Sun, 31 Jul 2011 16:11:00 +0700

After fiddling with html and css code to change font in blogspot/blogger and i found a way to chage the font bloggers. For years, bloggers and web design using a simple font styles and templates for their blogs. But now google has launched their new service the google web fonts. This service allow us to use custom fonts on the font of blogger to the google directory for use on our blog/website.

I'l give you the steps to change the fonts on the blog so your blog looks more beautiful.

How to change fonts on the blogger

1. Log into your blogger account.
2. Select the "design" the blogger dashbosrd you continue to click>> "Edit html" do not forget to tick the box "Expand widget template "

3. Find a piece of code <head> and save the code below after/below code <head>

<link href='http://fonts.googleapis.com/css?family=Ubuntu:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Smythe' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Philosopher' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Holtwood+One+SC' rel='stylesheet' type='text/css'/>

4. Next, find the

font-family: 'arial', Georgia, Times, serif;

Note:
Change the blue code with the green font code

Fow example:
font-family: 'arial', Georgia, Times, serif; (arial change to Smythe)
the change like this
font-family: 'Smythe', Georgia, Times, serif;

You can also set the font to appear on:

Header
Blog title
Post artices
Sidebar
Footer
Or wherever you like

Hopefully this article can help you to make your blog beautiful.

Acrobatic + CSS Horizontal Menu With jQuery

noreply@blogger.com (Deniez Iskandar) — Fri, 29 Jul 2011 02:24:00 +0700

Acrobatic HORIZONTAL MENU

Once before I explain about the Light Horizontal Hover Menu , now I will give you another new tips that make a horizontal menu at sisipi effect jQuery.

That is, when the mouse cursor highlight of this menu, then one of these menus will be tucked away or turned upside down.
And also I made this post is actually at the request of one of my blogger friends:

The following stages make acrobatic HORIZONTAL MENU:

1. Login to your Blogger
2. Select Plan ---> EDIT HTML
3. Save the following CSS code above ]]></ b: skin>

ul # topnav { margin: 10px 0 20px; padding: 0; list-style: none; font-size: 1.1em; clear: both; float: left; width: 100%; } ul # topnav li { margin: 0; padding: 0; overflow: hidden; float: left; height: 40px; } ul # topnav a, ul # topnav span { padding: 10px 20px; float: left; text-decoration: none; color: # fff; text-transform: uppercase; clear: both; height: 20px; line-height: 20px; background: # 1d1d1d; } ul # topnav a {color: # 7bc441;} ul # topnav span { display: none; } span {ul # topnav.v2background: url (http://lh5.ggpht.com/_7ZIYPUkIUEw/TL0HX2yw0sI/AAAAAAAAAB4/5tZqAjpcOnE/menu.png) repeat-x left top; } ul # topnav.v2 a { color: # 555; background: url (http://lh5.ggpht.com/_7ZIYPUkIUEw/TL0HX2yw0sI/AAAAAAAAAB4/5tZqAjpcOnE/menu.png) repeat-x left bottom; }

4. Then find the following code

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> </ B: section> </ Div>

Notes:

To store this menu, you are not required / required to keep it just below the above code, you can keep them in place to suit your template.

5. Save the following code right after the above code (optional)

<ul class='v2' id='topnav'> <a href='/' title='HOME'> HOME </ a> </ li> <a href='#' title='MENU 1'> MENU 1 </ a> </ li> <a href='#' title='MENU 2'> MENU 2 </ a> </ li> <a href='#' title='MENU 3'> MENU 3 </ a> </ li> <a href='#' title='MENU 4'> MENU 4 </ a> </ li> <a href='#' title='MENU 5'> MENU 5 </ a> </ li> <a href='#' title='MENU 6'> MENU 6 </ a> </ li> </ Ul>

6. Now you save the following script above </ head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $("#topnav li").prepend("<span/>"); //Throws an empty span tag right before the a tag $("#topnav li").each(function() { //For each list item... var linkText = $(this).find("a").html(); //Find the text inside of the a tag $(this).find("span").show().html(linkText); //Add the text in the span tag }); $("#topnav li").hover(function() { //On hover... $(this).find("span").stop().animate({ marginTop: "-40" //Find the span tag and move it up 40 pixels }, 250); } , function() { //On hover out... $(this).find("span").stop().animate({ marginTop: "0" //Move the span back to its original state (0px) }, 250); }); }); </script>

7. Save your Template

^ ^ Additional:
Menus I described above is the appearance when the mouse to highlight a back somersault + Background is writing it, if you just want the writing is turned upside down, Please Use the code below:

<ul id='topnav'> <a href='/' title='HOME'> HOME </ a> </ li> <a href='#' title='MENU 1'> MENU 1 </ a> </ li> <a href='#' title='MENU 2'> MENU 2 </ a> </ li> <a href='#' title='MENU 3'> MENU 3 </ a> </ li> <a href='#' title='MENU 4'> MENU 4 </ a> </ li> <a href='#' title='MENU 5'> MENU 5 </ a> </ li> <a href='#' title='MENU 6'> MENU 6 </ a> </ li> </ Ul>

May be useful and please try. Thanks

COMPLEMENTARY:

Please ENTER above you replace text with text that will show you the menu, and do not forget to also fill Linknya

Light Hover With CSS Horizontal Menu For Blogger

noreply@blogger.com (Deniez Iskandar) — Fri, 29 Jul 2011 01:38:00 +0700

Light Hover With CSS Horizontal Menu For Blogger. This post I will try to give you tips on the menu bloggers . The title that I take is Light Horizontal Hover Menu meaning Menu Horizontal / Horizontal to be shiny as the highlight by the cursor.

To make it please you follow the stages below:

1. Blogger Log Into You
2. Select Design
3. Select Edit HTML
4. Save the following CSS code above </ head>

<style type='text/css'> # Nav { width: 100%; margin-left:-40px; background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH4Nv_4AjdRuag1FS-nHdyxMzTMpaJziIT0ZQz5r7weOE4mg1o9tvsC_Oy-fS4ug-oSnYmsfUHepmZK_xbF6aixxCGdaip4Ok2ytHiL9wAAkemBASjrHLCZgj-58yqQN6S3fmELFVVJP_s//) repeat-x; }
# Nav li { float: left; display: block; }
# Nav li a { float: left; display: block; padding: 12px 18px 12px 18px; text-transform: uppercase; text-decoration: none; background: url (http://lh3.ggpht.com/_7ZIYPUkIUEw/TNWkoQFUrEI/AAAAAAAAAFA/3RlsV_UOXlo/navi-bg.jpg) no-repeat top right; color: # ffffff; }
# Nav li a: hover { background: url (http://lh3.ggpht.com/_7ZIYPUkIUEw/TNWkoQFUrEI/AAAAAAAAAFA/3RlsV_UOXlo/navi-bg.jpg) no-repeat right-40px; color: # ffffff; text-decoration: none; }
ul # nav li.activee a, ul # nav-cat a {li.current color: # fff; background: url (http://lh3.ggpht.com/_7ZIYPUkIUEw/TNWkoQFUrEI/AAAAAAAAAFA/3RlsV_UOXlo/navi-bg.jpg) no-repeat right-80px; }
# Nav li ul { display: none; } </ Style>

5. Now you find the following code:

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> </ B: section> </ Div>

6. Save the following code after the code above

<ul id='nav'>
<li class='activee'> <a href='/'> Home </ a> </ li>
<a href=' # 'title='MENU 1'> MENU 1 </ a> </ li>
<a href=' # 'title='MENU 2'> MENU 2 </ a> </ li>
<a href=' # 'title='MENU 3'> MENU 3 </ a> </ li>
<a href=' # 'title='MENU 4'> MENU 4 </ a> </ li>
<a href=' # 'title='MENU 5'> MENU 5 </ a> </ li>
<a href='#' title='MENU 6'> MENU 6 </ a> </ li>
</ Ul>

Description: Please replace the word MENU on the menu are you going to show, do not forget to also fill out a link that will be addressed by your menu.

Example:

<a href='http://www.mybuxx.com/' title='Blog Tutorial'> Blog Tutorial </ a> </ li>

7. Save the template you
Hopefully useful and Thanks

Create and Modify Breadcrumb Navigation In Blog

noreply@blogger.com (Deniez Iskandar) — Fri, 29 Jul 2011 01:07:00 +0700

MAKE MODIFICATIONS TO BLOG NAVIGATION breadcrumb

actually post that discusses the breadcrumb navigation is already widely known, but I'm sure of many who know it, still more who do not know about making this breadcrumb navigation.
With the breadcrumb navigation makes it easier for readers because they will know where their current position (was reading an article page). Usually the storage location of the breadcrumb navigation is located above the title of our posts that will appear only on post pages only.

To make this breadcrumb navigation you can follow the steps below:

1. Login to your blogger
2. Select Plan ---> EDIT HTML (check expand widgets template)
3. Save the following CSS code above ]]></ b: skin>

. Breadcrumbs { padding: 5px 5px 5px 0; margin: 0; font-size: 95%; line-height: 1.4em; border-bottom: 4px double # cadaef; }

4. then leaving you to find the following code:

<div class='post hentry uncustomized-post-template'>

5. Save the following code after the code No.. 4

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse »<a expr:href='data:blog.homepageUrl'> Home </ a>» <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </ a> <b:if cond='data:label.isLast != "true"'>, </ b: if> </ B: loop> </ B: if> »<data:post.title/> </ Div> </ B: if> </ B: if>

6. Save your template

The result will be like this:

Browse »Home» Labels, labels, labels »Post Title

Notes:

You can replace the word Browse and Home on the above code, for example pake your word here, Houses, etc.
color on the bottom line for breadcrumb navigation you can change the CSS code above exactly code # cadaef

Actually making the navigation is complete, but I'll share a little to modify this breadcrumb navigation:

^ ^ Changing the Home with Pictures

To change the word HOME to the picture you can add the following code:

<img alt='Home' src=' HOME YOUR IMAGE URL'/>

Paste in the HTML above to replace the word HOME, so the result is like this:

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse »<a expr:href='data:blog.homepageUrl'> <img alt='Home' src=''/> YOUR HOME IMAGE URL </ a>» <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </ a> <b:if cond='data:label.isLast != "true"'>, </ b: if> </ B: loop> </ B: if> »<data:post.title/> </ Div> </ B: if> </ B: if>

The result will be like this:

May be useful, can be practiced and thank you.

How to make a banner ad on the sidebar

noreply@blogger.com (Deniez Iskandar) — Fri, 29 Jul 2011 00:26:00 +0700

This time I will discuss how to create a banner ad on the sidebar.

box serves banner ads to advertise, with a banner ad this blog will look more professional. There is also the possibility of visitor / visitors to the blog you would like to put ads on your blog. you stay put tariffs.

Here's an example

Live Demo Here

How to create a banner ad on the sidebar
Ok, immediately wrote tough steps below.

1. Log into your blogger account.

2. Select "Design" in your blogger dashboard, click>> "Edit html" do not forget to tick the box 'Expand widget tempalte "

3. then look for the code snippet below Find the following code (use ctrl + f to search bar to search faster code)

]]></ B: skin>

4. You must copy the code below the above code on no. 3

/ *** *** 125x125 Advertising / . Deinieziklan { margin-top: 10px; margin-bottom: 10px; padding: 10px 0 5px 5px; border: 1px solid # FFF; text-align: center } . Denieziklan img { margin: 0px 4px 0px 4px; padding: 3px; text-align: center; border: 1px solid # c0c0c0 } . Denieziklan img: hover { margin: 0px 4px 0px 4px; padding: 3px; text-align: center; border: 1px solid # 99CC00; }

5. After saving the above code, then save your template. After the save search code snippet below.

<div id='sidebar-wrapper'>

6. Copy the code below just below the code above.

<div class='deniezsiklan'> <a href='http://www.mybuxx.com/2011/07/advertise-here.html' target='_blank'> <img alt = 'Photobucket' border = '0 'src =' http:// i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/advertise-here125.png'/></ a> <a href='http://www.mybuxx.com/2011/07/advertise-here.html' target='_blank'> <img alt = 'Photobucket' border = '0 'src =' http:// i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/advertise-here125.png'/></ a> <a href='http://www.mybuxx.com/2011/07/advertise-here.html' target='_blank'> <img alt = 'Photobucket' border = '0 'src =' http:// i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/Banner300x250.jpg'/></ a> <a href='http://OneDollarRiches.com/3036 'target='_blank' title='OneDollarRiches'> <img height = '125px' src = 'http://i1125.photobucket.com/albums/l593/ Deniez_Kamaitachi/onedollarriches-125x125.jpg 'width = '125px'/></ a> <a href='http://ity.im/?ref=24444' target='_blank'> <img src='http://ity.im/promo/getpaid125-2.gif'/> </ a > <a href='http://signup.clicksor.com/pub/index.php?ref=161095' target='_blank'> <img src='http://signup.clicksor.com/publisher/images/pub/125x125_1.gif'/> </ a> <A src = 'http://tracking.hostgator.com/img/Shared/125x125.gif'/></ a> </ Div>

7. Or it could also "add gadget">> continue to add "html / javascript" enter the above code.
8. Next we edit the code above.

Replace the red code with your ad html code

9. Save your template, then Continue to see the results.

Hopefully this article useful to you. for suggestions and critiques please post your comment

How To add Subscribe & Follow Widget

noreply@blogger.com (Deniez Iskandar) — Thu, 28 Jul 2011 14:03:00 +0700

How To add “Subscribe & Follow” Widget

Here's and example

Live Demo Here

1. Go to "Design->Add a gadget"

2. Copy the following Code:

<center>
<form style="padding-top:6px;" id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mybuxx/sFvZ', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" value="Enter your email address..." id="subbox" onfocus="if (this.value == 'Enter your email address...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email address...';}" name="email" style="width:170px;" />
<input type="hidden" value="Make money online name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input style="
padding-left:5px;
padding-right:5px;
padding-top:1px;
border: 1px solid #198DC9;
cursor: pointer;
-moz-border-radius: 15px 15px 15px 15px;
background-color: #198DC9;;
color: #FFFFFF;
font: normal 15px Times New Roman;"
type="submit" value="Subscribe" />
</form>
</center>
<center>
<table border="0">
<tr>
<td>
<a href="http://twitter.com/deniezdayerz" target="_blank" title="Follow Me On Twitter">
<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitstBeV6lfutURdfq4D6dWsRVJAYOrI3aMhrjZ_AfmdomG6KQQyd9YM5SGrQMrbS8YlKGyMy9bQ65AezXo5HVoLxVDtuCY06Ih8mCVkBfy364M93Ob4reIX_7dYn6r6O7WAM34ehQqgA0/s800/EAB_twitter%20icon.png" /></a>
</td>
<td>
<a href="http://feeds.feedburner.com/mybuxx/sFvZ" target="_blank" title="Subscribe Via RSS">
<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Ayx3nVVttQqTRFUAuOsYg5L5lT-AhP4Uqt67qryCy7gHWruGzf5gO9g1IOdDSZqCPW7wiAkvxVPFHEBXRxfFx5rWqztK53NCCUqePqiaiOr6Blz-CE5CHJ8f_5I_Rlt2B6peEgUXf58/s800/EAB_rss.png" /></a>
</td>
<td>
<a href="http://www.facebook.com/pages/deniez.dayerz" target="_blank" title="Find Us On Facebook">
<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hTJui2S85oDoVXPElwmS144BI_j2Nmd98of4aM0UlhZP9U2IxOZcMa2XcQmcP3l6VWgE-5Co9-DM9O0AghRl2X9IIg-caMLOycn6cXv-sunqn6Oril-NAj_zTcjNkuXTe1gzQhcdSE0/s800/EAB_facebook icon.png" /></a>
</td>
<td>
<a href="http://technorati.com/faves?sub=addfavbtn&add=http://www.mybuxx.com" target="_blank" title="Add To Technorati">
<img style="width:42px; height:42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eMe5vilftPj8BtPwYrG3qtOpyBOw-0NjxyVnrPiTNXfcQc8VJjlzeCcjlZT7lgWkhWx8OdM48TzuvQJmAe4-evJCWRWWXxpjy7mwk-uv9ax9-C6NGAUL_c5EHmd7WIqfUsV_VRbric8/s800/EAB_technorati%20icon.png" /></a>
</td>
<td>
<td>
</td>
</td>
</tr>
</table>
</center>

3. Change the blue highlight "width:170px;" change the widht change according to your wishes.

4. Change the red highlight with your url link.

5. Save template, Done and look the widget!!!

Html colours codes charts

noreply@blogger.com (Deniez Iskandar) — Wed, 27 Jul 2011 10:37:00 +0700

Color Codes Chart

COLOR NAME	COLOR CODE	COLOR PREVIEW
Black	#000000
Gray1	#150517
Gray2	#250517
Gray3	#2B1B17
Gray4	#302217
Gray5	#302226
Gray6	#342826
Gray7	#34282C
Gray8	#382D2C
Gray9	#3b3131
Gray10	#3E3535
Gray11	#413839
Gray12	#41383C
Gray13	#463E3F
Gray14	#4A4344
Gray15	#4C4646
Gray16	#4E4848
Gray17	#504A4B
Gray88	#544E4F
Gray19	#565051
Gray20	#595454
Gray21	#5C5858
Gray22	#5F5A59
Gray23	#625D5D
Gray24	#646060
Gray25	#666362
Gray26	#696565
Gray27	#6D6968
Gray28	#6E6A6B
Gray29	#726E6D
Gray30	#747170
Gray	#736F6E
Slate Gray4	#616D7E
Slate Gray	#657383
Light Steel Blue4	#646D7E
Light Slate Gray	#6D7B8D
Cadet Blue4	#4C787E
Dark Slate Gray4	#4C7D7E
Thistle4	#806D7E
Medium Slate Blue	#5E5A80
Medium Purple4	#4E387E
Midnight Blue	#151B54
Dark Slate Blue	#2B3856
Dark Slate Gray	#25383C
Dim Gray	#463E41
Cornflower Blue	#151B8D
Royal Blue4	#15317E
Slate Blue4	#342D7E
Royal Blue	#2B60DE
Royal Blue1	#306EFF
Royal Blue2	#2B65EC
Royal Blue3	#2554C7
Deep Sky Blue	#3BB9FF
Deep Sky Blue2	#38ACEC
Slate Blue	#357EC7
Deep Sky Blue3	#3090C7
Deep Sky Blue4	#25587E
Dodger Blue	#1589FF
Dodger Blue2	#157DEC
Dodger Blue3	#1569C7
Dodger Blue4	#153E7E
Steel Blue4	#2B547E
Steel Blue	#4863A0
Slate Blue2	#6960EC
Violet	#8D38C9
Medium Purple3	#7A5DC7
Medium Purple	#8467D7
Medium Purple2	#9172EC
Medium Purple1	#9E7BFF
Light Steel Blue	#728FCE
Steel Blue3	#488AC7
Steel Blue2	#56A5EC
Steel Blue1	#5CB3FF
Sky Blue3	#659EC7
Sky Blue4	#41627E
Slate Blue	#737CA1
Slate Blue	#737CA1
Slate Gray3	#98AFC7
Violet Red	#F6358A
Violet Red1	#F6358A
Violet Red2	#E4317F
Deep Pink	#F52887
Deep Pink2	#E4287C
Deep Pink3	#C12267
Deep Pink4	#7D053F
Medium Violet Red	#CA226B
Violet Red3	#C12869
Firebrick	#800517
Violet Red4	#7D0541
Maroon4	#7D0552
Maroon	#810541
Maroon3	#C12283
Maroon2	#E3319D
Maroon1	#F535AA
Magenta	#FF00FF
Magenta1	#F433FF
Magenta2	#E238EC
Magenta3	#C031C7
Medium Orchid	#B048B5
Medium Orchid1	#D462FF
Medium Orchid2	#C45AEC
Medium Orchid3	#A74AC7
Medium Orchid4	#6A287E
Purple	#8E35EF
Purple1	#893BFF
Purple2	#7F38EC
Purple3	#6C2DC7
Purple4	#461B7E
Dark Orchid4	#571B7e
Dark Orchid	#7D1B7E
Dark Violet	#842DCE
Dark Orchid3	#8B31C7
Dark Orchid2	#A23BEC
Dark Orchid1	#B041FF
Plum4	#7E587E
Pale Violet Red	#D16587
Pale Violet Red1	#F778A1
Pale Violet Red2	#E56E94
Pale Violet Red3	#C25A7C
Pale Violet Red4	#7E354D
Plum	#B93B8F
Plum1	#F9B7FF
Plum2	#E6A9EC
Plum3	#C38EC7
Thistle	#D2B9D3
Thistle3	#C6AEC7
Lavender Blush2	#EBDDE2
Lavender Blush3	#C8BBBE
Thistle2	#E9CFEC
Thistle1	#FCDFFF
Lavender	#E3E4FA
Lavender Blush	#FDEEF4
Light Steel Blue1	#C6DEFF
Light Blue	#ADDFFF
Light Blue1	#BDEDFF
Light Cyan	#E0FFFF
Slate Gray1	#C2DFFF
Slate Gray2	#B4CFEC
Light Steel Blue2	#B7CEEC
Turquoise1	#52F3FF
Cyan	#00FFFF
Cyan1	#57FEFF
Cyan2	#50EBEC
Turquoise2	#4EE2EC
Medium Turquoise	#48CCCD
Turquoise	#43C6DB
Dark Slate Gray1	#9AFEFF
Dark Slate Gray2	#8EEBEC
Dark Slate Gray3	#78c7c7
Cyan3	#46C7C7
Turquoise3	#43BFC7
Cadet Blue3	#77BFC7
Pale Turquoise3	#92C7C7
Light Blue2	#AFDCEC
Dark Turquoise	#3B9C9C
Cyan4	#307D7E
Light Sea Green	#3EA99F
Light Sky Blue	#82CAFA
Light Sky Blue2	#A0CFEC
Light Sky Blue3	#87AFC7
Sky Blue	#82CAFF
Sky Blue2	#79BAEC
Light Sky Blue4	#566D7E
Sky Blue	#6698FF
Light Slate Blue	#736AFF
Light Cyan2	#CFECEC
Light Cyan3	#AFC7C7
Light Cyan4	#717D7D
Light Blue3	#95B9C7
Light Blue4	#5E767E
Pale Turquoise4	#5E7D7E
Dark Sea Green4	#617C58
Medium Aquamarine	#348781
Medium Sea Green	#306754
Sea Green	#4E8975
Dark Green	#254117
Sea Green4	#387C44
Forest Green	#4E9258
Medium Forest Green	#347235
Spring Green4	#347C2C
Dark Olive Green4	#667C26
Chartreuse4	#437C17
Green4	#347C17
Medium Spring Green	#348017
Spring Green	#4AA02C
Lime Green	#41A317
Spring Green	#4AA02C
Dark Sea Green	#8BB381
Dark Sea Green3	#99C68E
Green3	#4CC417
Chartreuse3	#6CC417
Yellow Green	#52D017
Spring Green3	#4CC552
Sea Green3	#54C571
Spring Green2	#57E964
Spring Green1	#5EFB6E
Sea Green2	#64E986
Sea Green1	#6AFB92
Dark Sea Green2	#B5EAAA
Dark Sea Green1	#C3FDB8
Green	#00FF00
Lawn Green	#87F717
Green1	#5FFB17
Green2	#59E817
Chartreuse2	#7FE817
Chartreuse	#8AFB17
Green Yellow	#B1FB17
Dark Olive Green1	#CCFB5D
Dark Olive Green2	#BCE954
Dark Olive Green3	#A0C544
Yellow	#FFFF00
Yellow1	#FFFC17
Khaki1	#FFF380
Khaki2	#EDE275
Goldenrod	#EDDA74
Gold2	#EAC117
Gold1	#FDD017
Goldenrod1	#FBB917
Goldenrod2	#E9AB17
Gold	#D4A017
Gold3	#C7A317
Goldenrod3	#C68E17
Dark Goldenrod	#AF7817
Khaki	#ADA96E
Khaki3	#C9BE62
Khaki4	#827839
Dark Goldenrod1	#FBB117
Dark Goldenrod2	#E8A317
Dark Goldenrod3	#C58917
Sienna1	#F87431
Sienna2	#E66C2C
Dark Orange	#F88017
Dark Orange1	#F87217
Dark Orange2	#E56717
Dark Orange3	#C35617
Sienna3	#C35817
Sienna	#8A4117
Sienna4	#7E3517
Indian Red4	#7E2217
Dark Orange3	#7E3117
Salmon4	#7E3817
Dark Goldenrod4	#7F5217
Gold4	#806517
Goldenrod4	#805817
Light Salmon4	#7F462C
Chocolate	#C85A17
Coral3	#C34A2C
Coral2	#E55B3C
Coral	#F76541
Dark Salmon	#E18B6B
Salmon1	#F88158
Salmon2	#E67451
Salmon3	#C36241
Light Salmon3	#C47451
Light Salmon2	#E78A61
Light Salmon	#F9966B
Sandy Brown	#EE9A4D
Hot Pink	#F660AB
Hot Pink1	#F665AB
Hot Pink2	#E45E9D
Hot Pink3	#C25283
Hot Pink4	#7D2252
Light Coral	#E77471
Indian Red1	#F75D59
Indian Red2	#E55451
Indian Red3	#C24641
Red	#FF0000
Red1	#F62217
Red2	#E41B17
Firebrick1	#F62817
Firebrick2	#E42217
Firebrick3	#C11B17
Pink	#FAAFBE
Pink2	#E7A1B0
Pink3	#C48793
Pink4	#7F525D
Light Pink	#FAAFBA
Light Pink1	#F9A7B0
Light Pink2	#E799A3
Light Pink3	#C48189
Light Pink4	#7F4E52
Rosy Brown	#B38481
Rosy Brown1	#FBBBB9
Rosy Brown2	#E8ADAA
Rosy Brown3	#C5908E
Rosy Brown4	#7F5A58
Lavender Blush4	#817679
Light Goldenrod4	#817339
Lemon Chiffon4	#827B60
Lemon Chiffon3	#C9C299
Light Goldenrod3	#C8B560
Light Golden2	#ECD672
Light Goldenrod	#ECD872
Light Goldenrod1	#FFE87C
Lemon Chiffon2	#ECE5B6
Lemon Chiffon	#FFF8C6
Light Goldenrod Yellow	#FAF8CC

How To Replace Newer, Older & Home Navigation Link

noreply@blogger.com (Deniez Iskandar) — Wed, 27 Jul 2011 10:19:00 +0700

In this tutorial i show you How to replace the Newer, Older and Home Navigation links with image buttons. These Navigation links are located at Beneath of Post(s) Section. If you are using the Numbered Page Navigation widget, these links are visible on each post only. because the numbered page navigation is not works on single post page. and by adding these image buttons, there is no effect takes on page navigation widget.

The Icons are used in this tutorial is Designed by David Lanham - Amora Icons, You can use you own icons.

How To Replace Newer, Older & Home Navigation Links With Image Buttons?

Important!!! Back Up your Template before Making any changes in Template.

1. Go to Blogger Dashboard -> Design tab -> Edit HTML tab
2. Click on Expand Template Widgets checkbox

Replacing The Older Link

Search for <data:olderPageTitle/> and replace with below code

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCdPvOilEhJvW6SvBXQN49zkkihD_rrtq3BVqSXSXL2ybhN63sQMXcOP79dIbT37YAKEizUCKEDrtbiYZEKAXE9Veayme6NS-aDxQ_O3tA5MC5ZxRbzLpiK8E1hcFkqIQ55dKYVGFGyOrg/s1600/w2b_next.png' style='border: 0 none;vertical-align: middle;'/>

Replacing The Newer Link

Search for <data:newerPageTitle/> tag and replace with below code

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi93dF6BHSpuIoI65ZEUvs6nvCb1g81dz7csvWeh7ovA6OcCYQruNFT6MWNSKydGBl5xNfqT33KupxMkI_F1xmXoPHry6kQXP1cBHsrKtdqBTnG08c8PEBMcgzlz9jvAwcLYWvlsUEbJ9v1/s1600/w2b_prev.png' style='border: 0 none;vertical-align: middle;'/>

Replacing The Home Link

Search for <data:homeMsg/> tag and replace with below code

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPc_8Ra9j-0wNZ2E67d51xQP_HqtMxMvTj5H23V88q3-eyLIWspyap2lnHRgP6lhOmZTfddUxRIRcWn98z3fKEao9L7MhNKyoH2DtLLfrtQ7R_N2fHHSqQsqkPVeF1C7r7ldFAn693Hhm/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

You can change your own icons by replacing the image Url in the above three codes.

Download The Attractive Shiny Buttons Set

The icons set is designed by MyBloggerTricks.com. You can download this set for Free on MyBloggerTricks.com

Download

Hope this will help you and Drop your Comments.

How to customization "BLOG CATEGORY" section

noreply@blogger.com (Deniez Iskandar) — Tue, 26 Jul 2011 12:51:00 +0700

However, when it comes to the "Blog Categories" section, you need to manually alter the footer section. This article will provide you a step by step guide for doing the same. If you are not clear about what section of the footer I'm talking about, just check the following picture.

So, follow these instructions to have a "Blog Categories" Section of your choice.

1. Go to "Design->Edit HTML. Make a backup of your template before modifying the HTML by clicking on the "Download full template" link at the top of the page.

2. Once the backup is made, search for the following line in your template. Use "CTRL+F" to fasten your search results.

<li class='cat-item cat-item-68'><a href='http://www.mybuxx.com/search/label/Blogger%20Tutorial' shape='rect' target='_blank' title='Blogger Tutorials'>Blogger Tutorials</a></li>

3. You will find the links that point to my labels. So, it is pretty clear that these labels (categories) should point to your blog labels. To do so, first remove all the links that point to my blog.

4. To remove the links that point to my blog, you need to remove the following codes highlighted in RED and BLUE.

<li class='cat-item cat-item-68'><a href='http://www.mybuxx.com/search/label/Blogger%20Tutorial' shape='rect' target='_blank' title='Blogger Tutorials'>Blogger Tutorials</a></li><li class='cat-item cat-item-387'><a href='http://www.mybuxx.com/search/label/Blogger%20Tips' shape='rect' target='_blank' title='Blogger Tips'>Blogger Tips</a></li><li class='cat-item cat-item-874'><a href='http://www.mybuxx.com/search/label/Online%20Business' shape='rect' target='_blank' title='Online Business'>Online Business</a></li><li class='cat-item cat-item-34'><a href='http://www.mybuxx.com/search/label/Ptc' shape='rect' target='_blank' title='PTC'>PTC</a></li><li class='cat-item cat-item-307'><a href='http://www.mybuxx.com/search/label/ptc%20referral%20cashback' shape='rect' target='_blank' title='RCB PTC'>PTC Referral Cashback</a></li><li class='cat-item cat-item-2555'><a href='http://www.mybuxx.com/search/label/Tips%20and%20tricks' shape='rect' target='_blank' title='Tips And Trick'>Tips And Trick</a></li><li class='cat-item cat-item-215'><a href='http://www.mybuxx.com/search/label/Matrix%20money%20online' shape='rect' target='_blank' title='Matrix Online'>Matrix Money Online</a></li><li class='cat-item cat-item-77'><a href='http://www.mybuxx.com/2011/06/link-exchange.html' shape='rect' target='_blank' title='Link Exchange'>Link Exchange</a></li><li class='cat-item cat-item-64'><a href='http://www.mybuxx.ucoz.com' shape='rect' target='_blank' title='PTC site offer'>PTC site offer</a></li><li class='cat-item cat-item-64'><a href='http://www.mybuxx.com/2011/07/advertise-here.html' shape='rect' target='_blank' title='Advertise'>Advertise</a></li>

5. Next, Change the RED higlight with you link And BLUE Highlight with your link tittle. Then you may save your template temporarily.

6. After you save your template. Next, you need to design a footer logo with the following dimensions - 166x120 pixels. (Note: The logo should have a transparent background or should match the background color of the footer.) You can contact me via email or hit the services page if you need a footer logo - design charges ($5.00).
7. Upload your logo to a website such as PICASA and get the URL for the logo you uploaded. Now, find the following link in your template (found in the CSS part of your template).

http://i1125.photobucket.com/albums/l593/Deniez_Kamaitachi/Graphic2.jpg

8. Replace this link with the URL of your logo (obtained after uploading your logo).

9. That's it!!! Save your template and have a look the footer.

I hope you enjoyed this customization. I will be posting more and more customizations for the shoutmeloud thesis theme in the upcoming weeks. I recommend you to subscribe to my blog so that you don't miss out any article. You can share your views about the post via comments. Your comments are always welcome!!!

Guest Book

noreply@blogger.com (Deniez Iskandar) — Fri, 22 Jul 2011 00:00:00 +0700

Add Yahoo Smiley Emoticons Above Blogger / BlogSpot Comment Form

noreply@blogger.com (Deniez Iskandar) — Wed, 20 Jul 2011 23:37:00 +0700

Yahoo smileys on blogger comments. Yahoo smileys are Now available in blogger comments. Using with a simple JavaScript Hack, smiley characters are replaced with Yahoo Smiley images. I used yahoo smileys in Yahoo emotions site and implemented this script. I changed some smiley characters for our requirement. You can try this in bellow comments form.

Add Yahoo! smileys On Blogger Comments

There are three simple steps in this...
1.Adding CSS Code
2.Adding Html Code
3.Adding Javascript

Adding CSS Code

a. Go to Blogger Dashbord > Design > Edit HTML
b. Click on Expand Widgets tick box
c. Search for ]]></b:skin> tag and add bellow code before It.

.way2bloggingcsmly { background: none repeat scroll 0 0 #EFF5FB !important; border: 1px dashed green !important; font-size: medium !important; padding: 5px !important; text-align: left !important; font-weight:bold !important; width:100% !important; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } background: none repeat scroll 0 0 #EFF5FB !important; border: 1px dashed green !important; font-size: medium !important; padding: 5px !important; text-align: left !important; font-weight:bold !important; width:100% !important; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}img.w2bsmly { height: auto !important; vertical-align: middle !important; width: auto !important; border:0px !important; } height: auto !important; vertical-align: middle !important; width: auto !important; border:0px !important;}

Adding Html Code

a. Search for bellow two tags

<b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/>

b. Add bellow code in between above two tags

<div class="way2bloggingcsmly"><img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" alt="" class="w2bsmly"/> :) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" alt="" class="w2bsmly"/> :( <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" alt="" class="w2bsmly"/> ;) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" alt="" class="w2bsmly"/> :D <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" alt="" class="w2bsmly"/> ;;-) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" alt="" class="w2bsmly"/> :-/ <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" alt="" class="w2bsmly"/> :x <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" alt="" class="w2bsmly"/> :P <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" alt="" class="w2bsmly"/> :-* <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" alt="" class="w2bsmly"/> =(( <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" alt="" class="w2bsmly"/> :-O <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" alt="" class="w2bsmly"/> X( <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" alt="" class="w2bsmly"/> :7 <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" alt="" class="w2bsmly"/> B-) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" alt="" class="w2bsmly"/> :-S <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" alt="" class="w2bsmly"/> #:-S <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" alt="" class="w2bsmly"/> 7:) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" alt="" class="w2bsmly"/> :(( <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" alt="" class="w2bsmly"/> :)) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" alt="" class="w2bsmly"/> :| <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" alt="" class="w2bsmly"/> /:) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" alt="" class="w2bsmly"/> =)) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" alt="" class="w2bsmly"/> O:-) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" alt="" class="w2bsmly"/> :-B <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" alt="" class="w2bsmly"/> =; <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif" alt="" class="w2bsmly"/> :-c <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" alt="" class="w2bsmly"/> :)] <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" alt="" class="w2bsmly"/> ~X( <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif" alt="" class="w2bsmly"/> :-h <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" alt="" class="w2bsmly"/> :-t <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif" alt="" class="w2bsmly"/> 8-7 <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif" alt="" class="w2bsmly"/> I-) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif" alt="" class="w2bsmly"/> 8-| <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif" alt="" class="w2bsmly"/> L-) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif" alt="" class="w2bsmly"/> :-a <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif" alt="" class="w2bsmly"/> :-$ <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif" alt="" class="w2bsmly"/> [-( <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif" alt="" class="w2bsmly"/> :O) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" alt="" class="w2bsmly"/> 8-} <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif" alt="" class="w2bsmly"/> 2:-P <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif" alt="" class="w2bsmly"/> (:| <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif" alt="" class="w2bsmly"/> =P~ <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif" alt="" class="w2bsmly"/> :-? <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif" alt="" class="w2bsmly"/> #-o <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif" alt="" class="w2bsmly"/> =D7 <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif" alt="" class="w2bsmly"/> :-SS <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif" alt="" class="w2bsmly"/> @-) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif" alt="" class="w2bsmly"/> :^o <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif" alt="" class="w2bsmly"/> :-w <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif" alt="" class="w2bsmly"/> 7:P <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif" alt="" class="w2bsmly"/> 2):) <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif" alt="" class="w2bsmly"/> X_X <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif" alt="" class="w2bsmly"/> :!! <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif" alt="" class="w2bsmly"/> \m/ <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif" alt="" class="w2bsmly"/> :-q <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif" alt="" class="w2bsmly"/> :-bd <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif" alt="" class="w2bsmly"/> ^#(^ <img src="http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif" alt="" class="w2bsmly"/> :ar! <a href="http://www.way2blogging.org" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxR44tomaEGXyfYwgI6tDX1a6xZWvXUpkJeT0axRdp0XFX1Sf05TRzKOE4-xL0eYg6_szUDmrAAD-NaztiJFZILTPSH6MZP55nhgY4HVM8Os86GVH5zLW6RetfzJbpa6d-dixGwbWUUxn//" border="0"/></a> </div>

Adding JavaScript Code

a. Search for </body> tag place bellow code before it and Save Template.

<script src='http://bloggerblogwidgets.googlecode.com/files/way2bloging-ysmileys-for-bloggercomments.js' type='text/javascript'></script>