Solution for image problem on Magazine Template 2
Tuesday, August 25, 2009Someone reported me that he experienced a problem on magazine Template 2. The background of the template has lost so that their template became disordered. What has been going on? It was of course, the image hosting account that Kang Rohman has used, Photobucket, bandwidth exceeded. That was normal because there are too many bloggers use Kang Rohman’s template, in this case, Magazine Template 2, and they do not replace the address of image with their own. Is this happening to you?
How is the solution to get back the template as before? Actually, this problem shouldn’t have happened if you took a time to upload the image of the template into your own image hosting. You can see on the template file that you have downloaded formerly. There, you will find the image file, which you can replace the hosting.
At the folder of Images Upload first, you will find the images that you can upload to your own image hosting. Then when you get the URL of the images, you can replace them at the CSS.
Confused? Please follow the instructions below:
- Please login to blogger with your ID
- Click Layout
- Click Edit HTML tab
- Please find the code as follow:
#wrap {
background:#718fa8 url(http://i162.photobucket.com/albums/t253/rohman24/bg-1.gif) center repeat-y;
width: 990px;
margin: 0px auto 0px;
padding: 0px;
} -
Please replace with the code as follow:
#wrap {
background:#718fa8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFyAoOn2UG79AsS-94g7KNGdSRNKxghUQ1zMbHo4lhsc1xXKGM53RRm_YiBk8O5WHGqKrt3oqGO6_pUgVwb8LnhcRgC2Op_bdohixoEi08FdNP81spOQr-Wtp4MHaZ87SJRORD49AsJFY/) center repeat-y;
width: 990px;
margin: 0px auto 0px;
padding: 0px;
} -
Scroll less down, find the code as below:
#upper{
width:100%;
padding:0px;
background:url(http://i162.photobucket.com/albums/t253/rohman24/top-1.gif) no-repeat center top;
height:20px;
clear:both;
} -
Please replace the code with the below code:
#upper{
width:100%;
padding:0px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj82sR8lV1kVTEH_yuh1QCrbp1XagcRfSoWIOI9tuZuRzvodgEFNM6_qAW6JzkIHqJSu91zoAgZI-u_B-2lJYQmYTliY0HONq4PNvIHHyMJmrbZeMEB28NbbcNLEiF_FfXod4KKa0E_LLfq/) no-repeat center top;
height:20px;
clear:both;
} -
Go to the bottom of the template and find this code:
<img alt='Bottom' src='http://i162.photobucket.com/albums/t253/rohman24/bottom-1.gif'/>
-
Please replace the code with the code as follow:
<img alt='Bottom' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF0D1SmWfVqzRanK4bblnSYlGpYIaDrAskh31GbvmosQEuygJPaRr-AuUkYbbx2zlB3uOCMuE45q8Su1xkABCvPswHJsA9HmHRz-5AALGgHUJWQXoNhUb-efCOVQkAfVBWH1TxubTlHVI/'/>
- Click Save Template
- Done.
I hope your template will be back as before
