New blogger template Mywordpress
This is beautiful template by Kailoon at Themforest. A really beautiful theme with many great features. As promised in my tweets I have provided two templates in the first two weeks of October.
Features
- 6-color options Red,darkblue,grey,black,green,purple.
- Build in related posts widget under every post.
- Jquery powered SuperFish for dropdown menu
- Compatible with major browsers.
- Flickr gallery showcase.
- Easy integration with static pages ( Check its About page).
- 3 column customizable footer.
- PSD included.
- Ad Management System.
- Social Linking (Digg, StumbleUpon, etc.)
Customizations
1. Installing color style – In the download I haven’t added the code that will colorize the template. That you have to do it yourself. Choose the color that suites you. I have provided codes in the download. Just copy the color code and paste it just above ]]></b:skin> tag in the template.2. Adding Flickr gallery to footer – To add flickr gallery to the footer just paste the below code in the widget option (HTML/JavaScript) after replacing the code in bold with your flickr UserID.
To find the UserID login to Flickr account and Click YOU option in the navigation. You will be directed to a URL like :-http://www.flickr.com/photos/8710861@N07/. The code 8710861@N07 is your UserID
<div class='flickr_wrap'>3. Related posts with thumb – The related posts with thumb widget is already installed in the template so you don’t need to install it again.
<script src='http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=UserID' type='text/javascript'/>
</div>
Just remember the script of the related posts widget is a bit different from those found in the blogosphere. I have provided the script with the download.
4. Use jump link option in blogger draft to hide part of the post.
5. How to post – Use images of size 200px X 200px and add class=”thumb” to the img tag. Remember there should not be any additional border class added in the img tag. The img tag should be like shown below:-
<a class="thumb" href=""><img src="" style="height: 200px; width: 200px;" /></a> <p> The content goes here </p>It should not be like below:-
<a class="thumb" href=""><img src="" style="height: 200px; width: 200px;border:0px;" /></a> <p> The content goes here </p>6. Changing the logo – To change the logo I have provided psd (Photoshop document) with this template. Edit the logo.psd and make the adjustments in Photoshop. Save it as logo.png( don’t save as jpg format ). Upload it online and get the url. Go to template code and find
<h1 id='site-title'>Just below it will be default logo url change it to your own’s and save the template.
If you have any problem or bug then leave a comment I will be happy to hear.
you are totally great...
this is the theme that I have waiting for...
really love it..
thank you very much...
So are you happy now
this is one of the best free blogger template i've seen so far.. i like the idea that anyone can choose the color themes for their needs and what's suites them.
Great job guys.. hoping to see more like this from you... keep'em coming :)
cheers
wondering what wast he name of this blogger template http://notes.envato.com/
Theme is a work of art and you have done a great job of converting it..but please next time make the CSS easier to understand because for a beginner like me it becomes very difficult to make even small changes.. otherwise good work..
Tell, please, why the photo becomes below heading?
http://busliran.blogspot.com/
Because in the template code the title h3 tag is above the image so it will appear above. Actually how do you want it to be seen.
Nice template, I like it
1- How to edit the navigation bar ( The red one with the App, Articles .... ) Do i have to do it in the "Edit HTML" area in blogger dashboard?
2- The same goes for the bar ( Home, About, Advertise .... )
3- How to remove the (+tutorials) image ad at the right?
4-
Hi Macyh,
Yes you will have to edit all of the above in the "edit HTML" area. For the image search for "side-big-ad col" and below it will the image code.
For nav bar search for " class="dropmenu" " and below it will the nav bar that you can edit.
Regarding "5. How to post" I can't find the code you are talking about.
Please explain for a newbie who don't know anything that deals with coding and html how to do it properly.
There no code that you have to find. The code that I have given in point 5 is the code that you can use to post.I have seen your blog.
Follow the steps that I say you now.
Step 1. Firstly open the post in the post editor.
Step 2. There will be a name "separator" replace it with "thumb"
Step 3. After replacing just after "separator" there will be code like this
style="clear: both; text-align: left;"
delete this code. Remember delete only this code don't delete anything else.
Now publish the post and see the changes.
For any more problem you can contact me again.
Can you please tell me who to edit the links in the red nav bar (App Tutorial ... )
I tries but it's not working, i guess i am missing something.
Hi Macyh,
Go to your template code and press button ctrl+f .A search box will appear in your browser.
Now in it write "about" and press enter. You will see the "about" name that is in your menu.Along with this will be names "Home" and "contact".
Go just a little down until you see name "App" or "Mac wonders". Change the names and save it. See the blog now.
Yes i managed to change the names, i need to change the links, i can't do that.
And i noticed that the link of this bar in the homepage takes the links of it and in the interior pages or posts takes takes the link of the page or the post, please check it by your self to know what i mean.
How to change the links?
You really have to wright a guide for this stuff cause not everyone a blogger expert.
Happy new year bloggerzbible team.
To change the links again go to those names and before them will be written " href='/' ". Change "/" with the link that you want. Every link goes into the href tag.
Result should be like this
<li><a class='current' href='Your-link' title='Home'>Home</a></li>
And happy new year to you too
Thanks for your help but there is another problem:
Please go to my blog homepage and click on "Test Post" then when you navigate to it click on "Mac Wonders" and you will find an error, the link has this in it when it should not "2010/12"
If you clicked on it in the homepage you will find that it is okay but not in the posts.
It is because you added "search/label/Test" in the href. You must add the full url.
Hi,
Must say ,this is the best adapted template i ever see :)I have problem with the post date please help ( i try with standard procedure but...
tnx for share this beautiful template.If you have some tips please wrote. Regards to the author.