Tuesday, June 28, 2011

How to install the widget-stripe ad on Blogger templates

Actual tutorials Widget stripe ad ALA blogger install this I by another blogger PAL have. I be on this blog, it turns out, that the result of the successful ad strips connected. For PAL, wanted a new stripe ad template blog, by the way, I remember still like (install widget stripe ad on blogger template).

For example, a blog, put up a Widget Stripe Ad as blog-o-om.com, or on another blog. Where is it close at the top of the blog page or the header element firmly and there over the button. It can range from link to subscribe to the RSS feed, fans of Facebook/Twitter pageor just the announcement of only Admins aka of the blog owner change.

Installing are it interested in? Perform the following steps:

1. login to blogger. Click on the dashboard page designing PAL then Edit html.

2. Then you click on download full template. This is to be expected, when it will occur error when editing the template.

3) After finished downloading, enter the next to expand widget templates.

4. search the code < / head >

5. copy the code below and then paste on the above of code </head>

< script src = 'http://sites.google.com/site/asrizalofficialweb/javascript/Stript-ad.js'-Type =' text/javascript "/ >"

6. Further, search code  < body >

7. the right under the code < body > input code as follows:

< div id = "Mta_bar" >
< div id = "Left_bar" > < span class = 'Left' a href = > <http://feeds.feedburner.com/blogspot/dinwahyu' ' target = '_blank' >subscribed to this blog articles via RSS-feed?< / a > < / span > < / div >
< span class = 'right' onmouseout = ' itself. Status = & APOs; APOs; & 'Onmouseover =' itself. Status = & APOs; o om.com .com & APOs;Return true; "> < img align ="Absmiddle"border ="0"OnClick = ' CloseTopAds ();" return false;' Src with'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizWQYYPsyo3oSe_leFQC69zIUPS_QNMqW5Zfv8MUtbZa-NVNbD5Ws1980Qe3bthQ56715NNghXywKR3n9r45nthWnbTEuAfxWrpqFSsGRJjvAAcJAOX7QuUdkx7YdEpFGHZ9r1plIu4ODO/-=' = style "cursor: hand;" Cursor: Pointer; ' / > < / span > < / div >


Description: in a code Red color is the target URL of the link Bluecolored text. Both can be changed according to taste or requirements. Orange Color is the URL of the image of the Close. PAL it could be replaced with another picture.

8. next code search:

[]] > < / B: skin >

9. once met paste the code, just above:

# Mta_bar {background:# 0000ff;} Margin: 0 3px 0 0; Padding: 10px; Z-index: 100; Top: 0; left: 0; Width: 100%; Overflow: auto; {position: fixed;}
* html # Mta_bar {/ * IE6 hack * / position: absolute;} Width: Expression
(Document.) CompatMode == "css1compat"? document.documentElement.clientWidth + "px": body. ClientWidth + "px"); }
# Mta_bar. Left {float: left;} Text-
align: Center; Font-family: Arial; Font-size: 13px; Font-weight: bold; Font-style: normal; Colour:# ffffff; Width: 98 %;}
# Mta_bar. Right {font-family: Arial, Helvetica, sans-serif;} Float: right; Text-align: Center; Font-weight: normal; Font-size: 10px; Letter-spacing: 0; Width: 30px; {White-space: nowrap;}
# Mta_bar. Right one {font-size: a 11px;} Color: # ffffff; {Text-decoration: underline;}
# Mta_bar. right a: hover {font-size: a 11px;} Color: # ffffff; {Text-decoration: none;}
# Left_bar a {text-decoration: none;} {Color: # ffffff;}
# Left_bar a: hover {text-decoration: underline;} {Color: # ffffff;}


Note: , that this code # 0000ff widget stripe ad background/foreground color. The code # 0000ff is blue. Please replace with the color code # 000000 background color another example black. As for the # ffffff the color of text in the white stripe ad is on resources. Good background color, text, or both please customize your template with a buddy.

10. After you insert all line completed PAL code above. The last step, click the button Save the template. And see the result.

Automatic, is included a widget stripe ad above on the screen or the blog header. And only relieve it, click on the button "close" image. After closed but where missing PAL do not worry, because and later still appears once. As later again, click to remove it on the 'close 'button.

Good luck with your installed widget stripe ad and good luck!


Related Post :


0 komentar:

Post a Comment