ProGrey is a free preminium blogger template designed by Bloggerhack.I also used this template on my another blog.This template comes with 2 columns, 4 bottom widgets, right sidebar, auto read more with thumbnails, space for ads, twitter follow button, share buttons, page navigation, SEO optimizer.Design of this template is so simple which attracts your visitors it also helps you to load your blog faster.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_dlVkYKjMZCdowBoISkIa_8bF1DKl6PUznwwmHFFcAlwH9X5G3PLLRt7ehtdz6AouTEgy4jp4nfrpidheD6CySXBiUp6sYpxyTI8hllpI9yqfdaEeayNQzB4-uzCAD2pK72ucxByp95c/s400/pro-grey-blogger-template.jpg)
Installation
Meta Tag
Replace with your keywords and description![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgApVb2GYuDtX6KKNv5G1Mya98Tnw0PC72pMUu3XnOxEerQ-46mTwJR415Htk02VhKET6q3jm8tnvBte2diUTvuOz4W9n3buXw-eUlWgAQLEG3TG29EY9U7rzWucxEcT3ti7iSZHihsvpuO/s1600/meta2.png)
Icon
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_jW2qqGdvDG51BggNd-NaAHkSxJtRx9lQhD5Js85jjM8Vkq7mTYp3eopomYCvVwZsPMWwe-tq_anb6OgmGv2UxqmbpW8I_6xmM4EAqr07ZsfhxIVcFMpfd38-7vfhMY5xtqsGCKDjN9A/s1600/prograyicon.png)
Replace with your icon URL
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA7y2g0sCZpLM87oyb5zKtsGZdC0ljpigH0ieGXn0bNwcrZ_ezVysBlFL3F66_U1u1xR1T5uJLNG3yeFGYUNwQe3OpYueO07_J_cnAo7jTbwwMMSYSwhjdMt8l9OHThLsrN62UXsY1fCA/s1600/iconedit.png)
Top Menu
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaUGMPnkY_99pDKpPX3CzihkXgcR7K2cxH0kI4Hj1tzKcUGNVPg6E9RE1xHc2Js89f7PdSkZaS-ZOYCJMvPl_7BaEWphdCPKeR6BTTWkPqgvyr9ER-gdp24cPwtS7jo3o9B15UCS8IK9I/s1600/top-menu1.png)
To Edit Top Menu, find this code:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3fcmyd8J9R8JFGuXfqJebBnkMFA-6Vfwt-QiDQvEdbu1UGa8EdrRUOyOyv5_-V3eZ8_HzaF9oG-quYUYLWBioVOOQGsPUyojeZdRQvx1t7b4gIT-riIqnB8MorblaJD35SpoWXRDzFiU/s1600/top-menu.png)
Bottom Menu
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKXgqurz0aOJHN3uptvNeqF9IroExlPLqpQBs-FqMTQL7FCjryyDB0R-VfPOGF8Gr0tZN80uaEIYgX2rwUjhZrYx7ytBsmTuYPNW9IGoRQeN6bBSfA4p1R1_yXNPy7ZId4SNauSvgh-kM/s1600/bottom-menu.png)
Replace the blocked blue, with your links
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDXlhmsYdybkZ_RC9vCVKuKAq4KA3pTyKHFJhQjE-eknF_ANYfjNBnq3O2r_aBvwZDtecKtHN_VZdI1aW462bhn0trtxCTfj9TItBGA60-zKhzVBFVcJX074uYEq1rjJDIgpjhqQikWqc/s1600/bottom-menu1.png)
Twitter Follow Button
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4sb_58brb5co4ur0SvnS2w9mO-selBMeD8TFhQedezqAzCsgTQwiOCd2RAGKIbzL9w_4sW-gZoAz021YPkBMs2Qayb9cDnq619ZXOZ_McoN8_mjrzfaptnPVVYsvJS4J_KFX4J4dX_hw/s1600/twitter1.png)
Replace with your Twitter username.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh676rF9OiUF4xeTPB_FeCaOwOkBsWjkZveRwWzytXDJ8YtL47c4WoQYiqP2dm3PQqzQHqDBs3Q_OY-6znCLleGr_cW_gxWlp2YQj7S2OxbMiLtyZr8_y3wnv_vzQXnFwpZNyO1QGArQko/s1600/twitter2.png)
Social Share Buttons
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdh30JDbvUTSS28AGqXnDq-EQJsdwF5Sw4kzhwDzRzVIhPhHGIhuok2EjnchbxY5FvlJmFGCQvJ1ZS3hBf90bXwKHXMKTPH6XurxA4Iugrc3tqTRzZNgaVvHVeB_wWTyxISzbbeBH8ymc/s1600/socialshare.png)
Replace twitter username and site URL at StumbleUpon
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0S7YHJ-y3si0clTSjqSIgEiCwgc-ypZbB7C7zpZtg1GeYKHR5Kx4Uu6f9PmfnlHaF3qAIxDG9wgtFnkom5fHcuUqn9jHojVrguuRM6el1kNtYc47T8_aY-4abIjd-2O8DSrRNzbvCTGk/s1600/socialshare2.png)
Sponsor Banners
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4ykQ3s5hcRTILPSixLfftjyu6BcZ0QKEGZhqtElpYyN58cZ89zZMk1WszTW-FTIGdFxE8Gh868G_KYbh7qQvNHT2nVwg-vCSzwW8OkKkLbMovSb5j4H5KVKF0vNa4JHCHACrX5ke1cw/s1600/sponsor.png)
Find and edit this code
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_tAR_PtyCNjuwZkiIdjh_87svgkAiORBgn9u-9se7yPlDfbnVLhDA78_IQpCAsMc7Xn7rKtz7oc9K-IPyahXPYTJNb5jUxFNs49oVHb-GW69Mn34_mQyWGIkKGRFN2iLgQAmb73aHnMk/s1600/sponsor2.png)
Adding Adsense
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrukcSN-FcE1fvIenpNF55-CELvB4m8hjysRKaoo-OmQ37Fqjz4A3yr5vGmImdTBUagxOTxpYhGA3ECgMV0iohJ4kRDvNoeRCmxUMJ30Fj-w4tT5GjBdcWZOeMJVFld1TUvC_PsWWWZEA/s1600/adsense.png)
1. Go to your Dashboard and navigate to Design>Edit HTML
2. Click Expand Widget Templates
3. Now find ]]></b:skin>
4. Put this css code just before ]]></b:skin>
CODE
/* Sidebar Adsense */
.sidebar_adsense {
margin:0px 0px 10px 0px;
background:#fff;
border:1px solid #E3E3E3;
padding:10px 3px 10px 13px;
}
4. Now find current sponser banners code, and configure your adsense position.
Put this code above or bellow sponser banners code.
<div class="sidebar_adsense">
your adsense code here</div>
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL5NTufwrYgyRbCvtj2dYAhboSG5ANSNqGM0cVGOn9FC0XeeaZmaDYEVAZYZJHo13EO3zH2HfjO_DKedds7XfN0bg3ErgfnG8vrhjm67J9it7Fs-JhLx3dikVezPEInMBXGBlTfAH-UWs/s1600/adsense2.png)
Remember! You can't directly paste your adsense code in the template, you need to convert the code using HTML entities / adsense parser and you can put ads anywhere you want.
Post a Comment