Blogging

Free Donwload OnlineHindiGuide Theme with Customization CSS Codes [New Year Gift]

Hello Friends Welcome to OnlineHindiGuide i hope sabhi acche honge.  Today i’m going to share my OnlineHindiGuide blog’s theme for my daily blog visitors and new blogger jo new theme nahi kharid pate hain.

Download OnlineHindiGuide Theme

Kyuki Bahut saare newbies premium theme nahi kharid pate hain ye un sabhi new bloggers ke liye meri taraf se new year gift hai. Waise mere kafi visitors ne mujhse ye theme mangi hai.

Is theme ka naam Beginner Theme hai lekin isko maine apne hisab se customized kiya hai. Ye theme fast loading, fully SEO Optimized aur fully mobile friendly theme hai.

Demo Aap yahan se dekh sakte ho Original theme demo aur customized theme aap mere blog par dekh hi rahe ho.

View Demo

Beginner Theme Ko Online Hindi Guide Jaisa Customize Karne Ke Liye CSS Codes

Ye hain sabhi CSS codes jissey beginner theme ko aap OnlineHindiGuide jaise look de sakte ho.
@media only screen and (max-width: 479px) {
.content-loop .hentry .entry-title {
font-size: 25px;
}
}
@media only screen and (min-width : 1060px) {
#footer .footer-column-1,
#footer .footer-column-2,
#footer .footer-column-3 {
width: 322px;
}
}
@media only screen and (min-width : 960px) and (max-width: 1059px) {
#footer .footer-column-1,
#footer .footer-column-2,
#footer .footer-column-3 {
width: 282px;
}
}
#footer .footer-column-4 {
display: none;
}
.entry-summary {
text-align: justify;
}
.content-loop .more-link a {
display: none;
}
#secondary-nav ul li.home_item a {
background: #ffffff;
color: #000000;
}
#secondary-bar {
background: #ffffff;
z-index: 100;
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
#secondary-nav ul li a {
background: #ffffff;
color: #000000;
font-size: 15px;
line-height: 52px;
}
#secondary-nav ul li a:hover {
background: #ffffff;
color: #000000;
}
.entry-content a{
text-decoration: none;
}
.sidebar .widget ul>li {
list-style: disc;
color: #c21a30;
margin-left: 15px;
font-size: 15px;
line-height: 130%;
}
.sidebar .widget_nav_menu ul>li {
font-size: 17px;
}
body {
font-size: 16.2px;
line-height: 1.5;
}
.entry-author .author-content p {
display: table;
font-size: 15px;
line-height: 1.5;
margin-bottom: 0;
}
.sidebar .widget .widget-title {
background-color: #c3252d;
color: #fff;
padding: 10px;
font-size: 18px;
margin-bottom: 15px;
text-transform: uppercase;
}
#secondary-nav ul li a {
background: #ffffff;
color: #000000;
font-size: 15px;
line-height: 52px;
border-right: 1px solid #e1e1e1;
}

#s {
background-color: #fff;
box-shadow: none;
width: 200px;
font-size: 15px;
}
#secondary-bar {
box-shadow: none;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
}
#primary-bar {

background-color: #fff;
}
.entry-image img {
border: 1px solid #ddd;
border-radius : 5px;
}
.entry-content p {
font-size: 1.02em;
line-height: 1.8em;
}
.page #content, .single #content {
background-color: #fff;
border: 1px solid #e6e6e6;
}
.content-loop .hentry {
border-bottom: 1px solid #e6e6e6;
}
.entry-content ul li {
list-style: disc;
margin-left: 20px;
font-size: 16px;

}
.site-header .header-ad{
padding:10px 0;
}
.widget_posts_thumbnail .entry-thumbnail {
display: none;
}
.sidebar .widget_posts_thumbnail {
font-size: 12px;
}

.sidebar .widget_posts_thumbnail ul>li {
list-style: none;
border-bottom: 1px dotted #000000;
color: #c21a30;
margin-bottom: 15px;
line-height: 130%;
}
@media only screen and (min-width:480px) {
.content-loop .entry-image {
max-width: 300px;
float: left;
margin-right: 15px;
}

CSS Codes Kaise Apply Kare

ye code apply karne ke liye sabse pahle apne blog me TJ Custom CSS plugin download karke Activate kare.

Uske baad Appearance → Custom CSS  me jaye aur ye upar diye huye sabhi CSS codes Code box me paste kar dena hai. Jaise ki is picture me bataya gaya hai.

Add CSS Codes

Agar abhi bhi codding se related koi help chahiye to aap comment karke puch sakte ho.

Theme download kaise Kare

Is theme ke liye main apse koi bhi paisa nahi le raha hu ye theme ek dam 100% free de raha hu. Ye Theme jis jisko bhi chahiye usko sirf ye steps follow karni hai-

Apko Apna email enter karke blog ko Subscribe karna hai aur useke baad email account par login karke confirm karna hai.

Subscribe Ohg

Blog Subscribe aur email confirm karne ke baad apko apna email address comment karna hai uske baad main apko theme send kar dunga.

Ya Phir Aap mujhe Facebook Par message kar sakte ho main apko facebook par hi send kar dunga.

Agar beginner theme customization me apko koi problem aye to aap mujhse comments karke puch sakte ho. Aur sath hi sath is post ko share kare taki sabhi newbiews if offer ka fayeda le.

Happy Blogging and New Year Also.

About the author

Haidar Raza khan

Hello My Name is Haidar Khan and I am the founder of OnlineHindiGuide Here on this blog I write about Blogging, SEO, Internet Tricks, Social Networking Site, Make Money Online And WordPress.

13 Comments

Leave a Comment

7 Shares
Share7
+1
Tweet