Search This Blog

Showing posts with label Tips. Show all posts
Showing posts with label Tips. Show all posts

Jun 6, 2014

[GIT] - Show Parent Commit

To understand better the merges that happens to a particular branch and to see how particular topic evolved in every single commit; just use "--first-parent" (with out quote) option in "git log" command.
git log --first-parent 

Mar 8, 2012

Speed Tips: Add Cache-Control Headers

The speed of the site is a crucial part of an SEO and user experience aspect. There a lot of ways on how to optimize your site in order to achieve your target loading performance. One of them is by adding expiration headers or cache-control header. Basically, it composed of two aspects.

1. For static components – these are fixed components of your site such as images that often set to “Never Expire” policy of expires header. Meaning, these components headers are set in a year so since they are not subject to change.

2. For dynamic components – for dynamic components such as contents that are driven in database, using appropriate cache control header help the browser to determine it caching request.

So, now that we understand the two aspect of cache-control. We will proceed on how to implement it on the httpd.conf or in htaccess file. But before you do that, please make sure that you enabled the mod_expires and mod_headers modules in your Apache.

Here is the sample code that you can add in your htaccess file.

<IfModule mod_expires.c>

ExpiresActive On
ExpiresByType text/html "access plus 10 days" 
ExpiresByType image/gif "access plus 60 days"
ExpiresByType image/jpg "access plus 60 days"
ExpiresByType image/png "access plus 60 days" 
ExpiresByType application/x-javascript "access plus 60 days"
ExpiresByType text/css "access plus 60 days"
ExpiresByType image/x-icon "access plus 360 days"

</IfModule>

<IfModule mod_headers.c>
<FilesMatch "\\.(ico|jpe?g|png|gif|swf|css|js)$">
Header set Cache-Control "max-age=2692000, public"
</FilesMatch>
<FilesMatch "\\.(x?html?|php)$">
Header set Cache-Control "max-age=600, private, must-revalidate"
</FilesMatch>
Header unset ETag
Header unset Last-Modified
</IfModule>
Note: Please don’t forget to back up your htaccess first. Just in case you messed up, you can easily revert it back.

Dec 30, 2010

Adding Floating Share button in blogger

Social Media gives a big impact with regard of getting traffic to your site. Facebook, Twitter, Google buzz, Stumbleupon and so on. Most of the site I visited such as Mashable has a floating share buttons within their post. Aside from it is easy to see the share buttons; it also looks organized and neat.
Here are steps on how to add floating share button in your blogger templates.

1. Login to blogger account.

2. Go to design --> page Elements






3. Click Add A Gadget.

4. In Add A Gadget window, choose HTML/Javascript .
5. Copy the code below and paste it inside the content box.

<style>
#sharebar {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;right:0;}
#sharebar .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div>
<div id="sharebar">
<a href="http://mushutricks.blogspot.com/">Source</a>

<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>
<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
</div>
<div class="sbutton" id="su">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script>
</div>
<div class="sbutton" id="digg">
<script src="http://widgets.digg.com/buttons.js" type="text/javascript">
</script>
<a class="DiggThisButton DiggMedium" href=""></a>
</div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a>

</div>
</div>
</div>

6. Save the gadget.
7. Click Save button on upper right corner.

If you like this post. Share it. Enjoy!

Dec 22, 2010

How to avoid Social Phishing?

Most of us teens and adults are both fond of joining social networking but sometimes we cant avoid that our account are being hacked. On the other hand, being a member of social networking sites does have its advantages too.

Image Courtesy of allspammedup.com
You will be able to connect and communicate to your long lost friends and even relatives. You can keep up with the lives of your friends even if you don’t see each other regularly. You can share news about your life without having to call each other contact personally or send out hundreds of text messages and lastly, you can be updated with your friends’ and relatives’ birthdays and can greet them at all hours.
How you manage your site and profile is entirely up to you.

Here are some tips that can help you more secure in your site.

1. Leave me alone :) - learn about privacy setting and customize your profile accordingly. Keep all your information’s within your circle of friends only.

2. Be sensitive with private info- don’t post info’s that is too personal like address, and phone no.

3. Picture perfect – be cautious about the types of picture you post. Don’t post picture showing you in embarrassing and unprofessional situation.

4. No phishing allowed-Make sure you are in the correct site when entering your password and other personal info.

5. Use your head – be suspicious of odd messages from your contacts.

6. Avoid the unknown links- think twice before clicking links that your friends send you in message.

7. Know your Friend First – before you accept a new contact make sure they are people you really know.

8. Know yourself- hackers really know what they are doing. In order to get into your account they study the personal information you entered. if possible make up your own password retrieval question.

Publish Post

A big NO to heart attack these holidays

Two Holidays are in sight. The much awaited Christmas and of course the New Year celebration. Regardless of the celebrations itself the favorite part of almost everyone is the food part. Eating is fun and satisfying but we must all take note of the calories we have consumed.
"I experienced being sick on the Christmas night and slowing down on my food for the New Year. That is no fun at all."

We want lots of laughing, all the meals gourmet, and everyone a picture of health. In other words, we think life will take a holiday. But it won’t. You want to believe that slight pain in the chest is just heartburn and not worth making a fuss over. Right? Wrong.
Precisely because heart attacks are so common around the holidays, you should be especially alert to these warning signs:
  • Chest discomfort, including pain, pressure, squeezing, or a feeling of fullness in the center of the chest. The symptoms may wax and wane.
  • Pain or discomfort that radiates to one or both arms, the back, neck, jaw, or stomach.
  • Sudden onset of shortness of breath, even without chest discomfort.
  • A cold sweat, nausea, or lightheadedness.
If you think you’re having an attack, call 911. Then chew and swallow a regular-strength aspirin.
Of course, it’s even better to avoid heart attacks in the first place. So take these common-sense steps:
  • Avoid over indulging in food or alcohol. The risk of an attack appears to double in the two hours after a particularly large meal.
  • Get a flu shot and treat any respiratory illness immediately. In frail folks, those infections can sometimes precipitate an attack. 
  • Minimize emotional stress. Negative emotions, such as anger or stress, trigger the release of hormones that can threaten your heart.
  • Bundle up outside, since cold temperatures can increase blood clotting and cause blood vessels to constrict.
And take it easy when exerting in the cold, too.

Be wise this Holidays and enjoy the rest of the year to come.

*Health Facts from Yahoo News

Dec 21, 2010

Flashy new bills full of errors

Benigno Aquino III

Money is a medium of exchange, a unit of account, a store of value and occassionally a standard of deferred payment. Indeed money is important, very important. With money's value is design still an issue? Philippine Peso bills' new flashy design faces criticts as one of the Yahoo News Articles implies. 

MANILA (AFP) – The Philippines on Monday defended its new peso notes, mocked by critics for featuring error-strewn maps of the country and apparently inventing a new species of parrot.
The central bank started shipping the bills to banks last Friday and they should be publicly available by Christmas, deputy governor Diwa Gunigundo said.
He defended the artistic rendition of Philippine maps appearing on the 20-, 50-, 100-, 200-, 500-, and 1,000-peso notes (45 US cents-22.59 dollars), which excluded the Batanes islands near Taiwan and misplaced some of the country's top tourist draws.


"If we want to make the Philippine map that specific and accurate we would have had to draw all 7,000 islands," Gunigundo said in an interview on DZBB radio.
"What we wanted to do was abstract the general location of all these important parts of the Philippines," he said.
Map makers, including one of the experts drafted to delineate the boundaries of the Tubbataha Reefs natural park in 1994, have pointed out that the spectacular coral formation was misplaced by hundreds of kilometres (miles).


Gunigundo also defended the rendering of a rare native bird, the blue-naped parrot, on the 500-peso bill, saying it was patterned after the yellow colour scheme of the denomination.
The Wild Bird Club of the Philippines, a birdwatchers' organisation, has insisted the yellow-beaked parrot on the note does not exist anywhere in the country, since in real life the blue-naped parrot has a red beak.
"It took us three years to research (the design)," Gunigundo said, brushing off allegations of slipshod preparation.


The head of the government's National Historical Institute was an adviser to the bank's numismatic committee, he added.
"Our local artists who designed our six denominations also did research and they consulted many of our experts in the Philippines."
More important than the design are the new bills' security features to make their duplication by counterfeiters much more difficult, Gunigundo said.
It is not the first time the central bank has been left red-faced over currency design. It was forced in 2005 to withdraw bills that misspelled the name of Gloria Arroyo, the predecessor of current President Benigno Aquino, whose signature appears on the new legal tender.
The 2005 bill, which called her Gloria Arrovo, became a much sought-after collectors' item.

Hiding Navigation Bar in Blogger

Hosting your blog site with free hosting like blogger must consider the TOS (Terms of Service), Agreement and Terms of Condition of the said host. Most of blogger templates have navigation bar in default because Blogger has started advertisement above the navbar on a random basis. Please see the screenshot.

Blogger Navigation

This navigation bar looks OK if you were using a blogname.blogspot.com as a domain because it is obvious that you’re using blogger. There are various ways to do that yet using is CSS to make it is simple.

Here is my interpretation:

1. Sign in to your blogger account.

2. Go to LAYOUT > EDIT HTML to open the template editor.

3. Look for and paste the following after that:


div.navbar {
opacity:0.0;
display:none;
}

4.Save your template and hoola its done.

Dec 13, 2010

Emphasizing Keywords

Dealing with Search Engine Optimization game can give you all fundamental axioms. One of these axioms is emphasizing keywords in your content.

Things need to know before emphasize keywords:


In terms of search engine optimization, keyword is the greatest key for putting you on top of search engine indexing. Please remember this, No matter how many articles you add per day or just we say your adding article in a daily basis but without optimizing it can also turn into poor indexing.

Before emphasizing keywords you must do the following.

1. Develop and understand the prospects of your site.

- Planning and understanding prospects of your site is the very first thing you might do to have a smooth tuning of your target keywords and users. In most cases, website or blog which didn’t have a well planned prospects resulting to a scrambled of content and out of the topic category..

2. Keyword Research

- Keyword research refers to a method of doing step by step precision giving of what keywords will work preeminent in your site. Keyword research done along with tools: Adwords Keyword Tool, Free keyword Tracker etc. Along with this method you can create keyword master lists which serve as your keyword guide. It is reasonable to have a keywords list since you will need as a basis in which keywords are giving a great hit compare to other.

Image courtesy of http://ex3-consulting.com/
Let’s assume that you list down all your keywords, the question now is on how we going to emphasize your keywords as part of your content. Emphasizing keywords is one of the strategy uses by well know site especially sites dealing with news events and reviews. This type of strategy is frequently used to boost their indexing in search engine.

You have your option on how many keywords / keywords phrase you want to emphasize in a particular content. But always remember, avoid so much emphasis which your content leading to a keyword spam.

How to emphasize Keywords / Keywords Phrase?


1. Making the keyword bold / italic

- Making your keyword bold / italic can tell the search engine robots that words or phrase is the spotlight of that page.
2. Putting Keywords in Header (H1, H2, H3 and so on).

- Proper usage of Header tags is also best way to emphasize keywords. Basically the behavior of user in searching like Google. They click the index link which contains related /exact keywords they use in search.

If you find this article helpful? Share it…

Dec 10, 2010

How to Boost Alexa Ranking?

For a new blogger It is really difficult to raise you page ranking for both google and alexa if you don’t have any knowledge regarding with SEO, content writing, keywords and an extra of dedication,. I was looking for several tips on how to increase my ranking in alexa. My current ranking is about 9 Million plus, it is reasonably though because I was not updating my content in a daily basis.


Why alexa ranking is eligible?


Even though there are some several bloggers that are not so supportive with alexa ranking result. Like SEOBOOK, It is quietly most of bloggers are keeping their blog rank high as they can so they can attract advertising company. That the real deal with Alexa. If advertising company is a big fan of alexa top sites and make his/her ads appear for those who are in top. You must think twice to make an effort with regards to your ranking.

How can I move to the top?

1. Great Content
- Yes, great and valuable content. I know it’s quite self- intimidating to see yourself to as best blogger like Steve Pavlina, Darren Rowse or Yaro Starak. But it’s quite fulfilling in your part if you say that I want to be unique and I want to be on top too by posting my great ideas.

2. Share your Ideas
- Arguments is superb, you can get new ideas from other bloggers and reader as they argue you. So accept argument and encourage them to comment in your work. Another thing that is outstanding in terms of sharing ideas is to be guest blogger. Guest blogger is one way of building reputation to your name and blog. It will also gain trust with your reader that you’re sincere in giving information and not just by making money out of it.
-
3. Make blogging a daily habit.

- If you want to achieve a big goal! You might need also a large amount of effort. Make blogging as your daily habit. For a newbie blogger like me, forget money for the meantime just focus on how we can compile a bundle of post and optimize it so we can be great for the near future.

Great Stuff from other Blogger:
20 Tips from -
http://www.doshdosh.com/20-quick-ways-to-increase-your-alexa-rank/
7 Proven Strategies for Improving Your Alexa Ranking -
http://www.marketingscoop.com/improving-alexa-ranking.htm

Nov 29, 2010

Creating Rounded corner using CSS

What is Rounded Corner?
 
Rounded corners in the first sense gives a site stunning and elegance look especially when there is rounded navigation menu The CSS border radius property will allow developers to use rounded corners in their design elements without the need of a rounded images or use of several elements to met the rounded design.

Even it was released since 2005 the border radius property has discrepancy with regards to browser compatibility especially with IE browsers.

Basic example:

This box should have rounded corners for Firefox, Safari/Chrome, Opera and IE9.