>

8/23/2010

Catalog page - Page Navigation

Tricks to create a list of pages add Page Navigation for Blogger Mohamed Rias is one of the tricks on the list page - Page Navigation most common. Because this is a useful procedure, so you can find them anywhere, most famous Blogger Blogspot are using this procedure, such as:

* Bloggerbuster
* Bloggertricks
* Deluxetemplates
* Blogger Pluggin


But if you notice the comments in the tutorial, then you'll make a lot of questions because comments are not showing the list page. The main cause of this error is due to:

1. Domain name in the beginning of the script is only used for the blogger (. Blogspot.com) and has been explained in detail in the article: Amanda give explanation about this.

2. There will be some no name id Blogger template 'blog-pager.

- VnBlognet [dot] com: To solve these problems, abu-Farhan had changed the script and detailed instructions complete implementation of (the correction of errors) as follows:



1/ Access to Blogger:

- Access to Blogger Dashboard (Dashboard)>> Layout (Layout)>> Edit HTML (Edit HTML).


2/ Insert code in form CSS Template:

- Find (Ctrl-F) the tag ]]>

- Change ]]> with the following code:

.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}


]]></b:skin>

3/ Insert code shown:

The next step you find the code (no need to click the Expand Widget Templates) or similar commands in the templates as below:
<b:section class=’main’ id=’main’ showaddelement=’yes’>

<b:widget id=’Blog1′ locked=’true’ title=’Blog Posts’ type=’Blog’/>

</b:section>

Add the following code:
<script type='text/javascript'>

var home_page_url = location.href;


var pageCount=10;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';


function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

htmlMap[htmlMap.length]='/';
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;

}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};


for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html += '<span class="showpageNum"><a href="/">1</a></span>';

}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

htmlMap[htmlMap.length]=labelHtml;
postNum++;

for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;

itemCount++;
}

var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};

for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

</script>

<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>
on the bottom tag </ b: section>.

Tip: If you can not find code to search, you can search (ctrl + f) for key: id = 'main' to find.

Or if really hard you can paste them before the </ body>

In the code above, you can edit the following lines:

pageCount var = 10;

var displayPageNum = 6;

Of which:

PageCount showing the number of posts displayed on a page. Change the intention to set the number of articles on a number of your pages.

displayPageNum: show page number will display for you to choose in the list list.

4/ Edit page displays with errors Label:

However, if you see the label selection is displayed incorrectly, with abu-Farhan also change the display in the Label.

To make you do the following:

Step 1: Add Label Gadget (Layout -> Page Elements -> Add Gadget -> Select Labels)

Step 2: Blogger>> Layout>> Edit HTML. Do not forget to backup template (Download full Template) Step 3: Search the code below:
<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’><data:label.name/></a>

and replace them with the code:
<script type='text/javascript'>
var lblname = "<data:label.name/>";

lblname2 = encodeURIComponent(lblname);
var feedlink = '/search/label/' + lblname2+'?&max-results=10';
document.write('<a href="' + feedlink + '">'+lblname+'</a>');
</script>
and click "save template" that you've done excellent list of tips page.
You can click to view Demo;
»»  read more

Say Goodbye To Skin Impurities With Blackhead Remover

Do you have a black or yellow small bump on your face? If you do, chances are you have a blackhead.
Blackhead is kind of acne vulgaris and it is not acquired by the common notion that it is caused by poor hygiene.
It is usually caused by excess oil in the face’s gland duct which consists of keratin and sebum oil. One effective to get rid of them is by using a blackhead remover.
You will be surprised to find out that these stubborn blackheads do not essentially need to be removed, because the body often does this natural process. However, if they are alarming, a number of blackhead remover treatments and tools will do the trick.

Blackhead remover treatments

The use of blackhead remover treatments may take several days to become noticeable. Here are some common treatments:
1. Benzoyl Peroxide helps in the reduction of the cause of the blackhead. Its anti-bacterial effect is the effective blackhead remover since it decreases the chemical reaction which transforms the lining of the hair follicle.
2. Tretinoin is a vitamin A derivative which reduces stickiness and returns the pore to its normal condition. It can be irritating, so it is advisable to follow the instructions on how to use it.
3. Salicylic acid exfoliates the skin which opens the pores and makes the blackheads come to the surface for easier removal.
4. Dermatologist prescribed topical or oral antibiotics may be used if the blackheads are infected.

Blackhead remover using extractions

  • The blackhead removal strip is the most famous way of removing blackheads. It is usually done by wetting the strip and placing it in the blackhead area for about 10 minutes. Its adhesive tape like strip removes the blackheads out of the pores. Those with sensitive skin are advised to be cautious in using this, because it might cause veins to appear in the face.
  • Another tried blackhead remover is the use of tweezers. Be sure to buy aligned pointed tweezers to effectively remove the blackhead from your pore and to reduce squeezing accidents which may lead to further skin damage.
  • Tissue papers can also be used as effective and cheaper blackhead remover. You just have to cover both your index fingers with tissue and work on each side of the blackhead by gently pushing it until it pops out. If the blackhead don’t come off easily, discontinue your prodding, it might lead to skin damage.
  • Going to a skin care provider which uses a number of blackhead remover tools like metal loop or double spoon extractors. They are small, circular metal instrument used by gently pushing down the surrounding skin area causing the blackhead to extrude.
Blackheads indeed cause skin impurities and may affect you in one way or the other. These blackhead remover treatments and tools are ideal for mild to moderate cases.
Should your blackheads become infected or out of control, it is best to consult your dermatologist for the proper medication and treatment.
»»  read more

Distressed With Your Acne Problem? Determine Your Skin Type For The Best Acne Treatment!

Acne is the most common skin disease affecting a huge number of teenagers and adults today.
Acne most commonly affects the neck, face, shoulders, and upper back.
No matter whether you are a teenager or adult, there are thousands of acne treatment options to control your acne.
However, there is no best acne treatment that works effectively for everyone.
This is because everyone’s skin is unique. So, the best acne treatment for you depends only on your skin type.Best Acne Treatment
The skin type of yours can fall into one of the three categories: oily skin, dry skin, or combination skin. So, before finding the best acne treatment for you, identify your skin type.
The majority of people that suffer from acne have oily skin. You can determine your skin type as oily with these characteristics.
The face appears oily with open pores, the skin tends to be thicker, noticeable blackheads [Remove Blackheads] and breakouts due to blockage of pores with oil and t-zone area becomes oily very quickly after cleansing.
It is a common tendency of people that the best acne treatment for oily skin is to dry out the pores with the products that eliminates oil.
However, it is not the best acne treatment for oily skin because it makes oil glands go crazy in producing all the oil that was lost. Thus, oil production increases and the face becomes even oilier than before.
So, the best acne treatment for oily skin is to use an acne treatment product containing an oil free moisturizer. On the other hand, while using soaps or cleansers that contain no moisturizer, try to finish off your regular skin care by applying moisturizing cream (very lightly) to your face.
On the other hand, dry skin can be identified with the characteristics such as tight and dryness in the skin, absence of oil in the t-zone, skin appears dull and rough, and skin tends to be thin. [Dry Skin Care]
It is not that only oily skin can cause break outs (because of oil clogged pores); even dry skin can result in break outs with extreme dryness of the skin. Over dryness in the skin can make the skin get irritated easily and also cause blemishes.
The best acne treatment for the dry skin is a good moisturizer in addition to your acne skin care products. Remember that dry skin needs more moisturizer. So, apply moisturizer at least twice a day. However, always use oil-based moisturizer instead of oil free moisturizer.
The most confusing skin type is combination skin, as it can be normal/dry or normal/oily. A normal/dry skin shows noticeable blackheads on nose and chin, cheeks dryness, skin tightness, and limited oil in the t-zone whereas a normal/oily skin will have cheeks oily or dry, blackheads in the T-zone and the t-zone gets oil at the end of the day.
The best acne treatment for combination skin would be an oil free moisturizer with other acne skin care products. If cheeks are too dry, concentrate on applying more moisturizer to the dried area of your face.
Therefore, don’t lose your hopes, identify your skin type and follow the best acne treatment for you.
»»  read more

7 Best Natural Ways To Heal Acne Scars

Acne is very difficult to deal with and the scars that acne caused can be quite a frustrating and embarrassing problem for any one.
Laser treatment can be helpful for eliminating embarrassing acne scars. But, not everyone can afford to have a laser treatment, so here is the good news for you. There are many ways to eliminate acne scars.
However, you will require lots of patience because it will consume some time to completely get rid off the scars and strong determination is required, followed by conscientious measurements to eliminate the acne scars .


acne scars

Natural ways to deal with acne scars

  1. Drink lots of water: Drinking water is one of the most recommended measures to reduce acne scars. It improves blood circulation in your body and increases the chance of wound-healing-ability to your body. So, you should drink at least 7 to 8 glasses of water everyday, each glass should be around 300ml.
  2. Apply honey: It is believed that honey is a great skin builder and wonderfully heals acne scars. You can directly apply honey to acne scars and leave it to settle for about 10 minutes. There after rinse your face with cold water.
  3. Eat tomatoes: Tomatoes are rich source of vitamin A and has excellent healing properties to reduce appearance of acne scars. You can eat fresh raw tomatoes everyday to help heal and decrease the appearance of acne scars.
  4. Apply Aloe Vera gel: Gel or juice of Aloe Vera is highly useful in fading of acne scars. You can grow Aloe Vera plant in your home and apply freshly taken pure Aloe Vera gel to your scar. Otherwise many branded cosmetic companies manufactures pure Aloe Vera gel, so you can choose the best cosmetic companies to get Aloe Vera gel.
  5. Drink lemon juice: Lemon essentially contains good amounts of citric acid, which is a part of AHAs group that has amazing properties to reduce acne scars. Drink lemon juice as often as possible or as much as you want to get rid of acne scars.
  6. Apply ice cubes: This is one of the easiest and simplest ways of healing acne scars. Even though it may not give you immediate results, regular application can give you effective results. Apply ice cubes on acne scars for at least 10 to 15 minutes everyday.
  7. Reduce stress level: Stress is one of the major causes for acne and it might also disable the healing process of acne. Try to stay away from stress as much as possible. If it is not possible for you, at least explore different stress management techniques to eliminate stress.
Apart from following these particular healing ways, limit your intake of alcohol drinks and include more healthy diet with lots of antioxidant diet along with fruits and vegetables to successfully get rid of acne scars.
»»  read more

5 Easy Ways To Avoid Acne Scars

Acne scars can be considered as one bad dream from many people.
The pain and discomfort of having acne during the teenage or puberty years may be temporary and can be healed with treatment and time.
However, the scars brought by the acne can remain and become a bitter reminder of the past.
Not all outbreaks caused by acne can leave acne scars, usually these scars are due to the tissue damage which happen only when an infected acne lesion run deep under the skin’s surface.

Age, ethnicity and heredity are also determining factors when considering the extent of scarring that a person can have from acne.
Acne scars can be permanent and you cannot completely erase it, so it is imperative that you find ways to avoid getting them or minimize their appearance. If scars do happen, there are ways that you can do to lessen their size or appearance.
1. Do not prick or “pop” pimples.
Fight the urge to pop, squeeze or pop your pimples that come out on your face.   Doing this can push the infection deeper into the skin, spread the inflammation and even worsen the damage into the skin tissue.
Pricking, popping and squeezing may also cause the infection to spread to other areas of the face and even worsen the breakout. It is better to just let pimples heal naturally and avoid getting acne scars.
2. Prevent Inflammation
Inflamed pimples wounds are more likely to leave acne scars as this shows how the skin underneath is experiencing stress or the tissues are already damaged.
An inflamed condition shows dark red skin which is hot and painful. Always remember that a pimple is an irritation and it is essential that further irritation must be avoided.
Scrubbing or applying harsh ingredients which are not medically tested should be best avoided when dealing with pimples to avoid        acne scars.
3. Get treatment fast
Acne scars can be best avoided and fought if you seek treatment as soon as the acne comes out. Fighting the urge to prick or pop and keeping your hands off  your pimple until it heals does not mean that you cannot seek treatment[acne treatment] for it.
You can ask professionals to analyze your acne situation and to give you good advice for treatment management and better outcome.
4. Know if you are scarring-prone
The tendency to develop acne scars from lesions and wounds differ from one person to another. If you have scars from childhood accidents or if you notice that it takes a while for your skin to recover or heal from minor irritations, scratches or skin bites, then tell your dermatologist who is treating you for acne about it.
There are specific medications that can help prevent or lessen the possibility of scarring even for those who are prone to it.
5. Seek professional help
Acne can become deep cysts, large or involve extensive breakouts and you may feel feverish and unexplained pain. Nodules, deep cysts like-pimples as well as gnawing pain may indicate that your skin tissues are being destroyed.
This can easily lead to skin trauma and acne scars. Professional medical help is very  much needed when you are experiencing severe acne problems.
Professionals will have a thorough analysis of your symptoms for you to have an improved chance of recovery and prevention of acne scars.
»»  read more