![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP947gOpKg5FwATLkO1cI7sOUQULn7smQH-I9EmQgUNEhyCUZPPzdZE_XPPjYbY1n-F9bIU3OZ1p5uGSyDto4qNmVVw6wgCc2zYJSw5B1dFQsjuYs3E8WkhqFrcj2O0FIIjf3FFOcVIydx/s1600/customizeme-blogger-template.png)
Some of the Template Features include:
- Both Flat and Grid Design
- Sticky/Fixed Left Navigation Menu Bar
- Customized Popular Post
- Recent Posts
- Recent Comments
- Page Numbering
- Expandable Search Bar
- Floating Social Bar Widget
- Author Bio with Image
- Related Posts with Thumbnails
- 404 Error Page
- Seo friendly
How to install the CustomizeMe Template
1) Sign in to your Blogger blog and head to "Template"2) Backup the current template by clicking the "Backup / Restore" button > "Download full template"
![CustomizeMe Blogger Template 1 blogger template backup](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4IJpARRm8aQuRHNQ0mutxl3D6b269G5KmZnvV06zW6t9ItxqTiLo7ndySzhrNbvZshFNqDS2FSDIcCN3iheIUGimHieW7Lo9WC6bWMS8M1KajKRFenm7GaP4rOV8hZwg5C5lL6GMDvUl/s1600/backup-restore-blogger-template.png)
3) Download and open the CustomizeMe.xml file with a Notepad
![CustomizeMe Blogger Template open xml with notepad](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgos414PObOmr45y3N9RxStv1vvg76_KYjOgoahk9YdATo6pYAsyMJT1ZyKGWECLLDBSmrYBiA5ymQsvWarByphM5_uvceRFP-SOFceVUvD2bfd3QlA0-7kqy3LgDAhxfyG0OoiHzwQ3-aC/s1600/xml-file-open-with-notepad.png)
4) Select all the code and to copy it to clipboard
![CustomizeMe Blogger Template select all code in notepad](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKSfxP9G38hJH8m-VmL-v2SLgBjWWdmy0HQK_h265z0A7bGj1MWv7e-qHij535BnE01FmcPY4BL2ptST9WDMJ4SQDECW0mz2yFw8AGFK7FdIw-OPcwAQWWczJBrTRaeavEYcw6VsYBkdF3/s1600/copy-xml-template-code.png)
5) Go again to Template and click the "Edit HTML" button
![CustomizeMe Blogger Template blogger template, edit html](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguePhlqTNDZOkc42I_j2iPvF6yxnDcg2qHfy0_GzfIfmUU5RmUhWLmXP4hlL0z6FROuXwbM3KPeeNKkkh8UZnwRAqqSotb_mC6mXFjgnu0jJV7l9d6pm5lNdGqzU8nfYwCmydZNmdSfCPR/s1600/blogger_blogspot_template_edit_html_tutorial.png)
6) Select all the code of your current template and delete it, then paste the code that you just copied earlier
7) Preview your blog and if everything is ok, hit the 'Save Template' button.
Please note that this method might delete some of your widgets, so if you want to keep any of them, just Browse for the CustomizeMe.xml file (step 2) and click on the "Upload" button (ignore the rest of the steps).
And that's it! Now you are ready to use the CustomizeMe Blogger template.
Adding menu items
Go to Template > Edit HTML, click anywhere inside the code area and press the CTRL + F keys. Inside the search box, type "item 1" and hit Enter to find it - see the screenshot below![CustomizeMe Blogger Template change blogger template html](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHQP5H_PbSTOAkveTmC3SQLjNGlboFzNLUY23lu4-HPqhaPV53ZkL_yqdb2LCgAsy4PL-6zeeTFcKaY6f1bPzxaUyRvNEDNw3GGsvmiQtzmwbbR__Ob5Ux2AclaKUE3OVKcUaauaZsus6/s1600/fixed-sticky-menu-customize-blogger.png)
Change Item 1, 2, 3... with your page titles and replace "add-url-here" text with your url. Finally, click the "Save template" button to save the changes.
Recent Posts & Comments Widgets
Search (CTRL + F) for the following address and replace it with your own (you will find it twice and you must change it in both places):http://helplogger.blogspot.com
![CustomizeMe Blogger Template blogger template html](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh28hvQcbOtCqbYvi9Us6f9LRqlqUroikJzfVhweBWeudkV8xAgEf87Grz3UStu6yKpvFrkS37SBPHfEw24sMAl2Kq8POUJVI2p3pEVVADI0YoYMUiBkhUo6-K3d1_MEixvx7sgF5PbVFt8/s1600/blogger-template-edit-widgets.png)
Please pay attention to not have two forward slashes at the end of your address, otherwise the scripts will not be able to read the blog's feeds. Save your template after you have made these changes.
Enabling "About the author" profile
Go to "Layout" and click the "Edit" link of the "Blog posts" element. In the pop-up window that appears, check the "Show Author Profile Below Post" option and hit Save.![CustomizeMe Blogger Template blogger author profile](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXRq__5G9TTeX1CkfCG5YgGXHum2CS2S5MEvlYHE2MVA53wQDwBN41zYET7l3_L7N7taI5CKLBW5jHm1A8-OZOZWrRgn6CsDMfr2vNWcGGQJAjthJmQh6jjIc7y2tZLibiiWMvLx8LmuBs/s1600/show-author-below-posts.png)
Changing colors and fonts in the CustomizeMe Template
Go to Template > click the "Customize" button. Here you can do lots of cool stuff, like change all the default fonts, text and background colors - basically, anything you want.Some of the customizations that you can make:
Add a Background image: Background > Upload Image > Browse and hit Done
![CustomizeMe Blogger Template blogger template designer, backgrounds](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPKnPpRgYGB4IYclGXjOcO8bauPldH-Rv2HmZxgryDOz8WyZ2deu4yXfXgqETBCBLmUxMJx2GbcO6JR_FIdrDewTN8kBoc94nwO556BdnO_S1Cz76JABcF8vStguhnFOoKzRijTcrSH2z1/s1600/blogger-template-designer-upload-background.jpg)
Change Fonts, Texts and Background Colors: go to Advanced > select the Element that you want to customize > select your favorite colors and fonts.
![CustomizeMe Blogger Template blogger advanced designer](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEOKOP217b9F1uF7lpmGzLPl_KWOslGkzyeo77UPh5BX3bfWmyVAja2aYhHv1hKKd00QyaY04pcb_6nhO72rO0bN8nx2uHsf_WkfqbhEuxNC_WV366lGKxqCVVLmL6jdFjns1PVCX3EY3J/s1600/blogger-template-designer-advanced.png)
To remove a color, just type "transparent" inside the text box as you can see in the above screenshot (4).
Once you're satisfied with the result, hit the "Apply to blog" button and view your blog. That's it!
Have fun customizing it ;)
0 nhận xét:
Đăng nhận xét