How To Add Twitter Profile in Blogger

this gadget is most beautifull this is a showing To you for a twitter followers subscribe on your blog How to add this i give you a trick follow my some steps


How To Add Twitter Profile in Blogger

  • Go to blogger.com
  • Go to template>EDIT HTML
  • Find (press CTRL+F) 
      ]]></b:skin>
  • And Copy below Code and Paste Above ]]></b:skin>


/* -- Twitter Profile Box Gadget By MBL--- */

.MBL-tweter-header {
background: #1bc4de url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ71cjx8DRv-ZcAn2RTU6inEOjP-WahyphenhyphenfNh9L2GLe-gL1SktKl5svKRdwhLiURMzBF8w36FrU8jke6mtH4X0jIUSf4kywA9UxLKTmNMsrTPU1Yi47J2Xk8fhqsAae4Y_7lmRkJbo9gNb2D/s1600/Fortolioa.png);
}

.MBL-tweter {
 width: 300px;
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
 -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
 box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
 border: 1px solid #e8e8e8;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px;
 border-radius: 8px;
        overflow:hidden;
}

.MBL-tweter .MBL-tweter-header {
 padding: 10px;
 height: 73px;
}

.MBL-tweter .MBL-tweter-header .screen-name h1 {
 color: #fff;
 margin: 0;
 font-size: 16px;
 text-transform: capitalize;
       font-family: 'Helvetica', sans-serif;
}

.MBL-tweter .MBL-tweter-header .screen-name h2, .MBL-tweter .MBL-tweter-header .screen-name h3 {
 color: #ffffff;
 margin: 0;
 font-size: 12px;
 font-family: 'Helvetica', sans-serif;
}

.MBL-tweter .MBL-tweter-header .screen-name {
 margin-top: 20px;
 width: 180px;
 float: right;
}

.MBL-tweter .MBL-tweter-header .profile-image {
 width: 73px;
 height: 73px;
 float: left;
}

.MBL-tweter .MBL-tweter-header .profile-image img {
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    width: 73px;
    height: 73px;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.55);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
}

.MBL-tweter .twitter-summary {
       background-color: #f9f9f9;
 height: 60px;
 position: relative;
}

.MBL-tweter .twitter-summary ul {
 display: table-row;
 height: 60px;
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: center;
 padding: 15px 0px;
}

.MBL-tweter .twitter-summary ul li {
 list-style-type: none;
 font-size: 12px;
 padding: 0px 6px 0px 6px;
 border-left: 1px solid #e8e8e8;
 text-align: center;
 vertical-align: middle;
 display: table-cell;
 color: #958470;
 *float: left;
 width: 84px;
}

.MBL-tweter .twitter-summary ul li a {
 color: #958470;
 text-decoration: none;
}

#boxs {
    clear: both;
    font-family: 'Helvetica', sans-serif;
    position: absolute;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    padding-left: 210px;
    margin-bottom: 20px;
    margin-top:10px;
}

#boxs a {
   text-decoration: none;
   color: #b0b0b0;
}



  • Now Go to layout>ADD A Gadget>HTML Jave Script
  • Paste Below Code in content and save it........
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="https://mybloggerlab.googlecode.com/files/MBtwet.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#box").dwseeTwitterBox({
'screenname':'Onlinehelperblog',
})
})
</script>
<div id="box"></div>



  • I Hope This Trick You Get a Twitter More Followers and if you share your post on Twitter(social media) and you get More Visitors So Always share your Post on social Media......

Post a Comment (0)
Previous Post Next Post