Ribbon Template ko Ribbon- 2 Me Kaise Update Kare aur Errors Fix Kare

Ribbon Theme or Template ko Ribbon- 2 Me Update Ke Topic Ke Liye Edited Image

Ribbon To Ribbon- 2

Ribbon template kya he:

Agar aap new blogger ho shayad hi css jante ho. Blogger me ek famous template hai jiska naam ribbon hai. Ye template bahut hi popular hai. Iss template ko har blogger use karna chahta hai. Ye template wordpress par bhi hai aur blogger me bhi hai. Bas isme ek problem hai jisse bloggers template ko lagane me hichkichate hai. Aaj ka hamara topic he ribbon template ko css se ribbon- 2 me kaise update kare. Agr aap ek youtuber bhi he to apke liye best 5 apps for youtube editing ye wala article likha he jo ki aapki jarur padhna chahiye.

Ribbon template:

Ye ek best seo optimized aur friendly template he. Agar blogger ise use karne lage to pakka hai ki users us site ko pasand karne lagenge. Ribbon blogger template ka demo dekh sakte ho ki kaisa hai. Ye user friendly template hai aur iska color bhi bahut hi achcha hai.

Problem facing with Ribbon template?

Ye ek achcha template or theme hone ke sath isme sabse badi dikkat hai ki jab koi bhi user post padhne ke liye click karta hai to jo post hota hai vo adha kata (cut) hua show karta hai Jisse padhne me bhi dikkat hai. jyadatar ye problem opera mini me dekhne ko milti hai. Par kuchh logo ka dava hai ki unhe ye problem sabhi browsers me dikhte hai par ye mobile par bhi depend karta hai.

Benefit to use Ribbon template:

Is wale template ka Sabse bada fayda hai ki views increase hone lagenge aur jo aadha kata hua content show karta hai vo Fix ho jaayga aur jab ye cut nahi rahega to pakka hai readers khush honge. jisse vo logo ko share karenge. Apke blog me aur bhi jyaada traffic aayga.

1. More seo friendly.

2. More user friendly.

3. Look like premium.

4. Look like wordpress.

5. Cool styles color.

6. Improve popular posts widgets.

To doston agar aap ye cheeje Ribbon me pana chahte hai to mere bataay hue bat ko follow karo. Ribbon ek achcha template hai but agar use more high quality template banana hai to css ka use karna hoga yani aap kah sakte hai ki isko ribbon- 2 me update kiya gaya hai ya ribbon ko re update kiya gaya hai.

Disadvantage to update theRibbon template:

Ribbon ki update koi nuksaan nahi bas vo apke upar depend karta hai ki aap mera diya hua code kaha dalte ho. To mai kahunga ki aap code ko carefully paste kare mere diye hue instruction achhe se follow kare. Isme koi nuksaan nahi bas dhyaan se kare.

How to update Ribbon toRibbon-2

To doston ab step follow karne ki baari aa gyi hai read this point carefully.

1. Goto blogger template and backup old ribbon template taki coding wrong hone par use wapas restore kar sake.

2. Edit html ya mobile se backup leke quick edit app se open karo.

3. Find this code.

]]></b:skin>

4. Ab is css code ko copy kare.

body {
 font-family: Product Sans;
 font-size: 21px;
        background-color: #ffffff;
 line-height: 35px;
}

.entry-content {
    font-size: 21px;
text-align: justify;
    line-height: 35px;
    color: black;
}

.post-date-ribbonnbt {
    width: 101px;
    height: 25px;
    text-align: center;
    border-radius: 3px 3px 3px 3px;
    line-height: 25px;
    color: #fff;
    font-size: 13px;
    margin-top: -30px;
    position: relative;
}

.cornernbt {
    position: absolute;
    left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #FF0000 transparent;
}

.readmorenbt a {
    color: #fff;
    padding: 8px 12px;
    border-radius: 3px 3px 3px 3px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear;
    font-family: Product Sans;
}

.post-title {
    margin-bottom: 5px;
    margin-top: 15px;
    font-family: 'Product Sans';
    font-size: 24px;
    line-height: 28px;
    clear: both;
    letter-spacing: -1px;
}

.secondary-navigationnbt  {
    width: 1130px;
    background: #fff;
    border: 1px solid #ccc9c9;
    min-height: 60px;
}

.secondary-navigationnbt a  {
    transition: all .25s linear;
    font-size: 16px;
    color: #000;
    text-align: left;
    text-decoration: none;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-family: 'Product Sans';
    border-right: 1px solid #ccc;
    font-weight: 400;
}

.secondary-navigationnbt a:hover {
    color: #FF0000;
    background-color: #fff;
}

#navigationnbt ul {
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
}

.main-containernbt {
    width: 1130px;
    margin: 0 auto;
    max-width: 100%;
}
#pagenbt, .containernbt {
 max-width: 1130px;
 min-width: 100px;
 overflow: hidden;
}

#searchformnbt input[type="submit"] {
    color: #fff;
    height: 37px;
    border-radius: 3px 3px 3px 3px;
    padding-bottom: 0;
    font-family: Product Sans;
    padding-top: 0;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 29.6%;
}

.sidebarnbt.c-4-12 {
   float: right;
 width: 30%;
 max-width: 340px;
 line-height: 20px;
}

#sidebarsnbt .widget {
    border: #ccc solid 1px;
 padding: 20px;
}

#sidebarsnbt .widget h2, .footer-widgetsnbt .widget h2 {
    font-size: 22px;
    font-family: Product Sans;
    font-weight: bold;
    line-height: 18px;
    margin: 5px 0 15px;
text-transform: uppercase;
    letter-spacing: 0.1px;
}

.related-postbwrap h4 {
    font-family: Product Sans;
    font-weight: bold;
    margin: 10px 0;
}
h4 {
    font-size: 20px;
    line-height: 1.4;
}

#sidebarsnbt .widget li {
    list-style-type: Disc;
    color: red;
    margin-left: 15px;
    margin-bottom: 7px;
}

#searchformnbt input[type="submit"]:hover {
    background: #000;
}

.copyrightsnbt {
    float: right;
    width: 100%;
    clear: both;
    padding-bottom: 5px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    color: #eee;
}

footer, .sidebarnbt #searchformnbt input[type="submit"]:hover, .readmorenbt a:hover {
    background-color: #000;
}

.copyrightsnbt {
    float: right;
    width: 100%;
    clear: both;
    padding-bottom: 5px;
    padding-top: 12px;
    border-top: 4px solid;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #FF0000;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    text-align: left;
}

#copyright-notenbt {
    width: 1130px;
    margin: 0 auto;
    clear: both;
    max-width: 100%;
    text-align: center;
}

#searchformnbt input[type="submit"], .home_menu_item, .post-date-ribbonnbt, .readmorenbt a, .mts-subscribe input[type="submit"] {
    background-color: #FF0000;;
}

.post {
    float: none;
}

.post.excerptnbt {
    clear: both;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 20px;
    width: auto;
    min-width: 250px;
    max-width: 1130px;
    border: 1px solid #cdcdcd;
}

.pbtthumbimg {
    float: left;
    margin: 0px 10px 5px 0px;
    padding: 4px;
    border: 0px solid #eee;
    background: none;
    width: 200px;
}

@media screen and (max-width:1050px) { 
    #pagenbt, .containernbt, .main-headernbt .containernbt { max-width: 96% }
    #pagenbt { padding-top: 20px }
.my-navigation {
    display: none;
}
    .articlenbt { width: 66.3% }
    .sidebarnbt.c-4-12 { width: 30% }
    img, embed {
        max-width: 100%;
        height: auto!important;
    }
    .ad-300 img { max-width: 100% }
    .ad-125 li { max-width: 40% }
    .footer-widgetsnbt #snbt, #sidebarsnbt #snbt { width: 68% }
    .ad-125 img {
        padding: 0;
        background: #FAFAFA;
        border: 0;
    }
}
@media screen and (max-width:900px) { 
    .widget-headernbt { max-width: 70% }
    nav #searchformnbt { display: none }
}
@media screen and (max-width:865px) { 
    #headernbt h1, #headernbt h2 { margin: 10px 0 0 0 }
    .secondary-navigationnbt {
        width: 100%;
        background-color: transparent!important;
border: none;
    }
    #navigationnbt ul {
        float: none;
        display: inline-block;
    }
    .js #navigationnbt > ul { display: none }
    .js #navigationnbt select {
        display: inline-block !important;
        max-width: none;
        border: 1px solid rgb(207, 207, 207);
        border-radius: 3px;
        padding: 8px;
        width: 99.3%;
        color: rgb(77, 77, 77);
        text-shadow: 0 1px 1px rgb(255, 255, 255);
        font-size: 12px;
        margin: 4px auto;
        background: rgb(238, 238, 238);
        -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
    }
}
@media screen and (max-width:728px) {
#logonbt {
  float: none;
}
    #headernbt h1, #headernbt h2 {
        width: 100%;
        text-align: center;
    }
    #headernbt { margin: 0 }
    .widget-headernbt {
        max-width: 100%;
        float: left;
        margin-top: 15px;
    }
}
@media screen and (max-width:720px) { 
    .secondary-navigationnbt a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
    .articlenbt { width: 99.4% }
    #contentboxnbt {
        padding-right: 0px;
        padding-left: 0px!important;
    }
    .sidebarnbt.c-4-12 {
        float: left;
        width: 100%;
    }
    .f-widgetnbt { width: 44% }
    .f-widget-2nbt { margin-right: 0 }
    .ad-125 li { max-width: 45% }
    .footer-widgetsnbt #snbt { width: 70% }
}
@media screen and (max-width:600px) { 
    .featured-thumbnail img { width: 100% }
    .single-title { font-size: 24px }
}
@media screen and (max-width:550px) { 
    .main-headernbt #snbt { width: 85% }
    read-more { font-size: 16px }
    .f-widgetnbt { width: 95% }
}
@media screen and (max-width:460px) { 
    .single-title { font-size: 20px }
}
@media screen and (max-width:415px) { 
    #navigationnbt {
        margin-top: 0;
        margin-bottom: 0;
    }
    .secondary-navigationnbt {
        width: 102%;
        height: 35px;
    }
    .js #navigationnbt select {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (max-width:400px) { 
    article header { overflow: hidden }
    .main-headernbt #snbt { width: 78% }
    #tabber ul.tabs li a { width: 70px }
}
@media screen and (max-width:300px) { 
    nav fieldset, .js #navigationnbt select {
        width: 100%;
        float: left;
    }
    .main-headernbt #snbt { width: 70% }
    .related-posts li { width: 100% }
}

h2.date-header {
  margin: 10px 0px;
  display: none;
}

.main .widget {
  margin: 0 0 5px;
  padding: 0 0 2px;
}

.main .Blog {
  border-bottom-width: 0;
}

#header .description {
}

.hm_mbg a:before {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZNgvciEf5NDmX-7ddJFE1_P0qQA8ijaOgDxbcYEAWO57yOnbppOL7dm903nFzQQLfJRXag5nvjjHVL5t_tw5B4H5_0AUekiJK2PrRcMUpCDjKFz5FVSH25IrdS_NPcbNOCbKtep5VI8gP/s1600/home.png');

width: 27px;
    height: 27px;
    position: absolute;
    top: 16px;
    left: 6px;
    content: '';
    display: inline-block;
}

#tabber .inside li .meta b, footer #sidebarsnbt .widget li a:hover, .footer-widgetsnbt .widget li a:hover, #tabber .inside li div.info .entry-title a:hover, #navigationnbt ul ul a:hover, .singlepostnbt a, a:hover, #tabber .inside li a, .copyrightsnbt a:hover, a, .sidebarnbt.c-4-12 a:hover, .top a:hover {
    color: #FF0000;
}

#searchformnbt input[type="submit"] {
color: #fff;
border-radius: 0px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear;
    background-image: url(https://hitlogstar.blogspot.com/wp-content/uploads/2016/08/hover-search-form.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -999px;
    width: 70px;
    
}

#searchformnbt input[type="submit"]:hover {
background: #222;
    border: 1px solid #000203;
    background-image: url(https://hitlogstar.blogspot.com/wp-content/uploads/2016/08/hover-search-form.png);
    background-repeat: no-repeat;
    background-position: center center;
    color: white;
}

.main-headernbt #snbt {
width: 150px;
    font-family: Product Sans;
    border: none !important;
    color: #222 !important;
}

#snbt {
    background-color: #fff;
    text-indent: 10px;
}

nav #searchformnbt fieldset{

padding: 0;
    border: 0;
}

#searchformnbt fieldset {
    float: left;
}

nav #searchformnbt {
    float: right;
    padding: 0;
    clear: none;
    width: 100%;
    max-width: 47%;
    margin-right: -310px;
}

#searchformnbt input {
    height: 55px;
    width: 200px;
    float: left;
    border: 1px solid #FF0000;
    padding: 2px;
}

.articlenbt ul {
    list-style: disc;
    margin: 0.5em 0 1.571em 1.9em;
}

.footer-widgetsnbt {
    overflow: hidden;
    padding: 20px 0 10px;
    width: 100%;
    margin: 0;
    display: none;
}

.headtop_left {
 float: left;
 padding: 19px 21px 14px 10px;
 border-right: 1px solid #e1e1e1;
 font-size: 14px;
}

.my4 {
 margin-top: -18px;
 margin-bottom: -12px;
 margin-left: 16px;
}

.my3 {
 margin-top: -15px;
 margin-bottom: -12px;
}

.my-navigation {
 position: fixed;
 z-index: 9999;
 font-size: 14px;
 background: #f1f1f1;
 color: #222222;
 clear: both;
 width: 110%;
 min-height: 50px;
 line-height: 5px;
 text-align: center;
}

#hmm {
 float: left;
 margin-left: 90px;
 width: 120px;
 border-right: 1px double #ccc;
}

.hmm {
 margin-top: 20px;
}

.my {
 margin-left: 560px;
 color: #222222;
}

.my1 {
 color: #222222;
}

#headernbt {
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 20px 0 12px 0;
    min-height: 80px;
    overflow: hidden;
    padding-top: 68px;
}

.pbtsharethisbutt ul li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}body {
    font-family: Product Sans;
    font-size: 16px;
    background-color: #ffffff;
    line-height: 28px;
}

.secondary-navigationnbt a {
    transition: all .25s linear;
    font-size: 16px;
    color: #000;
    text-align: left;
    text-decoration: none;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-family: 'Product Sans';
    border-right: 1px solid #ccc;
    font-weight: 400;
}

nav #searchformnbt {
    margin-right: -333px;
}

#searchformnbt input[type="submit"] {
    width: 45px;
 }

#headernbt {
    position: relative;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
    padding: 20px 0 12px 0;
    min-height: 80px;
    overflow: hidden;
    padding-top: 68px;
}

.post.excerptnbt {
    clear: both;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 20px;
    width: auto;
    border: 1px solid #cdcdcd;
}

#comments {
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
}blockquote {
color: #222;
    font-family: Product Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    padding: 10px;
    position: relative;
    border: 1px solid #42A5F5;
    background: #ffffff;
margin-top: 0;
    margin-bottom: 20px;}

blockquote:after {
    display: none;
}

5. Ab is ]]></b:skin> ke upar paste kar de.

Finally aapne iss code ko add kar liya hoga ab apna theme or template dekhenge bahut hi best aur seo friendly ribbon hoga.

What's new in ribbon-2

Iss template me dekhne ko to bahut kuchh hai par mai apko isske features ke bare me kuchh points me batata hu waise isse pahle ek baat jaroor kahunga isme kuchh errors bhi fix hue hai. Inme se jo main fixed hai uski information mai points me de raha hu.

1. Post content body fix ho gyi.

2. Date banner ya ribbon modified hua hai.

3. Jo widgets popular posts me jo square ate the vo ab circle me ane lage hai hai.

4. Kuchh background body me bhi improvements hua hai.

5. Article body attractive ho chuki hai.

6. Mainly sab kuchh fix ho chuaka hai.

My final words:

Jab maine ribbon template ko lagaya to mujhe idea aaya ki kyu na template ki coding kar dalu taki ye aur bhi responsive ho jaaye. Par iski jankaari jab maine blog me dhoondne ki koshis ki to mujhe 1% ya 2% iski information mili. Maine socha chalo mai hi iski jankari de deta hu to ye thi jankari ribbon template ko ribbon- 2 me kaise update kare. Thank you.

Wednesday, May 15, 2019

Ribbon Template ko Ribbon- 2 Me Kaise Update Kare aur Errors Fix Kare

Ribbon template kya he:

Ribbon template:

Problem facing with Ribbon template?

Benefit to use Ribbon template:

Disadvantage to update theRibbon template:

How to update Ribbon toRibbon-2

What's new in ribbon-2

My final words:

No comments:

Post a Comment

Popular

Recent

Featured

Blog Archive

Categories

Recent Post

Labels

Recent Comments