Template Customization - Salahuddin Ayubi

Salahuddin Ayubi Blogger Template

Template:

Salahuddin Ayubi

Layout:

Two Columns

Size: 32.0 KB
Compatibility: IE9+, All
License:  Creative Commons Attribution-NonCommercial

Demo      Download

Template Description:

I have already discussed in detail the important features for SEO, Social Media and Plugins. To read about why this template is so different please read the following article:

Easy Customization

Lets begin with important things that you would need to change the look of your template and edit important sections.

Note: You may not share or red-distribute the codes shared below without consulting us. All resources below are protected by DMCA and are sole property of STC Network.

1. Subscription box

subscription box

Copy and Paste The following code inside HTML/JavaScript widget for the subscribe box:

<style>

    #salahuddin-ayubi {
        border: 0;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
    }
 
    #email-news-subscribe .email-box{
        padding: 5px 5px;
        font-family: "Arial","Helvetica",sans-serif;
       height:38px;}

    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;} 

    #email-news-subscribe .email-box input.email:focus{color:#333} 
 
#email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#666 0,#333 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
     
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:white;
       
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}


    #email-news-subscribe .email-box input.subscribe:hover{
     
        background-image:-moz-linear-gradient(top,#333,#666);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
     

        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:#FFFFFF;
     } 


    #other-social-bar {
        padding: 0px;
        overflow: hidden;
           height:37px;
         margin-top:-8px;
    }

    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}


    #other-social-bar .other-follow {
        float: left;
        overflow: hidden;
        padding:5px;
        width: 270px;}

    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}

    #other-social-bar .other-follow li {
 
        display:inline;
        border:0;
      }


    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#666;
        font-weight: bold; font-family:arial;
        display:inline;
        }
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO8L7Uw5hY_oCh8y2gdQMuZAYNRtaYDPQMJspwUI15aq7kMtMjoh0Lvo6QAMPmLNakhy2BWEdL60_Ffm4CFcgDR_PJ93oLF9OkwoviSppCcVxf8KQ2FqBFJAu1XpAOoC9vzFqHQx6j9YE/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}


    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtqE5dfgtZHNfyRqmWNMB3e6iiPBngqpk_QIIKDagqTsuSGtsr56xQiGxlgxVlmcnCz8GksW245F7wpIIqxZWFIyqyT4mD7jWbtHaw9GJehQbntEOF3j_QMAfw6QMg3cxXr9OU_Woy5aU/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQ78mJT1k6GI9kSYC7ghujYo6wdViMdz5y25FWvp49kn5lNTyujR8DaQH8nzCMjUCH4sIRDESObbUJvgq8328rCaeT3nJDJTXUvJPM1v3_3B4ZeVHIm2Wyn_XZ0xfXE77UA76XYtV3UY/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}


.emailicon {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNosU-QO4nUkPL5eiU6bQOI2fc6FSELprKMBB2lvuDBBZnytA2yybTR5G9UNIDNZEKpxCRb-SrYAnEkgLsRCfZsZoKVHKsE9kyEx5dPqN1Z7M2eG1Nog1GzG8soEsFp2c_27OS4kCsCk1p/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
     padding: 0px 20px 0px 95px;
    min-height:100px;
    margin: 0px;
    width: 183px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(51, 51, 51);

}


.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family:  impact; 
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;

}

    </style>

    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #333;
        }
    </style>
    <![endif]-->

 

<div id="salahuddin-ayubi" >

 

<div class="emailicon"><p>Subscribe to our Free Email Updates! </p></div>

<div id="email-news-subscribe">

<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" />

 

<input type="hidden" value="tntbystc" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>

<div id="other-social-bar">

<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/tntbystc" target="_blank">RSS Feed</a> </li>

<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href="http://twitter.com/mybloggertricks"  target="_blank">Twitter</a> </li>

<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/1111214334130358474387 target="_blank">Google Plus</a> </li>
</ul>
</div>

</div>

  • Replace tntbystc with your Feedburner title
  • Replace the bolded sections with your twitter and Google+ username details

Note: There is also an Email icon in the sharing widget that appears at the bottom of post. To replace its link with your feedburner Email Subscription link kindly find and replace this: (You will find this link inside your template)

http://feedburner.google.com/fb/a/mailverify?uri=TntByStc

2. Top Menu

Pagelist menu

These tabs can easily be adjusted in two ways. 1. either from layout section  2. or from Pages window.

To drag, add, delete or update the tabs, simply go to Blogger > Pages

From here you can add, delete pages and you can also drag the tabs to shift their locations.

 

3. Main Menu

Main MenuTo edit links simply search for the following code inside your template:

<div id='botmenu'>

 

Just below it you will see a list of li tags where you can insert URL and title for your tabs. To create a sub menu transform your code in the following way:

From this:

<li><a href='TAB URL'>TAB TITLE</a></li>

 

 

To this:

<li><a href='TAB URL'>TAB TITLE</a>

<span class='sf-sub-indicator'/>
<ul class='sub-menu' style='display: none; visibility: hidden;'>

    <li><a href='Subpage url'>Subpage 1</a></li>
    <li><a href='Subpage url'>Subpage 2</a></li>
    <li><a href='Subpage url'>Subpage 3</a></li>
    <li><a href='Subpage url'>Subpage 4</a></li>
   
</ul>
</li>

I added Jquery easing effect and transition on mouse hover along with smooth drop down effect. All these effects would work only if you add the yellow highlighted codes.

4. Footer Menu

Footer Menu

To edit the menu at the bottom, simply find this code inside your template:

<ul id='footer-navigation'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Typography</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Contact</a></li>
</ul>

 

Now editing the links would of course be a piece of cake for you all.

5. Blogger Notification Bar

attention grabber

To update the announcement text inside the sticky top bar, find this code:

<body>

You will then see the following code jst below the bode tag:

<div class='openbloggernotification' id='bloggernotificationWrap' style='display: block; margin-top: 0px;'><div id='bloggernotification'>

Download this Blogger Template by  <a class='link' href='http://www.mybloggertricks.com' target='_blank'>Clicking Here!</a>

<span id='closebloggernotification'/></div><span id='openbloggernotification' style='top: -6px;'><span/></span></div>

You may replace the bolded text with any message you wish to display to your readers.

6. Author Image

To replace the author image appearing just below post title and also at the bottom of post. Please find and replace the following image link with yours.

https://lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAGQY/Sl371AuVYfM/s250-c-k/photo.jpg

Note: Your image can be of any size but make sure it is at most 30 X 30 in size.

7. Author Info

author box

To edit the title and author description kindly find this code:

<div id='about-author'>

You can then edit the details below it.

8. Archive Calendar

To add the archive widget kindly add an archive widget like your normally do from the layout section and then give it the following settings:

archive calendar settings

 

 

9. Multi Tabs

Jquery multi tabs

You can add widgets to the multi tab easily from the layout section but you will manually need to edit its titles from the template section. After you have added your widgets kindly edit their titles by finding this code:

<ul class='MBT-tabs MBT-tabs-widget-MBT-id'>
<li><a href='#widget-MBT-id1'>Latest Posts</a></li>
<li><a href='#widget-MBT-id2'>Video</a></li>
<li><a href='#widget-MBT-id3'>Recent Comments</a></li>
</ul>

 

You may now set these titles to your preferred widget titles.

10. About Author

To add your picture and some info about your self at the footer, you may paste the following code inside the HTML/Javascript widget in order to make the widget look as perfect as it looks in the demo:

<!--[if !IE]> -->
<style>
#profilemohammad{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;

}

#profilemohammad:hover {
border:2px solid #ccc;
cursor:pointer;

}

 

.opacity  {
opacity: 0.5;
margin-left: 50px;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}
.opacity:hover  {
opacity: 1;
margin-left: 0px;
-moz-transform: rotate(0deg); 
-o-transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg); 
transform: rotate(0deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');
zoom: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}


</style>
   <![endif]-->


<style>
#profilemohammad{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;

}

#profilemohammad:hover {
border:2px solid #ccc;
cursor:pointer;

}

.opacity  {
opacity: 0.5;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
zoom: 1; 
}
.opacity:hover  {
opacity: 1;
zoom: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #000;
}

</style>

 


<img class="opacity" id="profilemohammad" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZmId60FKo4UXCoRM6pLGQEMo_-_-CIB5Qy-6UeCKuBFn0whOwq0SGL8981qaLMRvCPkvKn0O75-mZSJk65ue7Go5pkkmAVuSyqA8qHm9-aHubwU8O4_LYPXxxIhxkb_oDVzyGtGn-1tjA/s1600/mohammadmustafa.jpg" align="left"/>

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer.

<a style="color:#888;" href="http://www.mybloggertricks.com/2008/06/something-about-me.html">Read More..</a>  <br/> </![endif]-->

 

  • Replace the yellow highlighted image link with your photo link
  • Replace the info text with anything you wish to write about yourself, your blog and your profession.
  • Replace the Read More link with the url of your About Page.

You May Read: Design a Professional Looking About us page

11. 468 X 60 Ad Banner

To Add your banner inside the Top right header section, Please paste the following code inside the Ad widget by going to layout:

<a href='#' target='_blank'><img width="468px" height="60px" alt='banner' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxlUhbJeYfJHWatPu_cqi-cRGgJ1RZQGe629b1xew1uiX95NesRLptlSCjkg5reWbVhkd3icobgqWlqPhFlqtrwhP4V8Y4DC0Bwq4pZ-ACyPaz6qME5RYtb6j23Zn1cB3q167aRW6KXQMO/s400/header-banner.png'/></a>

Replace the above image link with the image link of your banner and replace the # sign with Banner Link.

Anything left?

I just hope I have covered the details of almost every part. If you got yourself into any trouble just do not panic, bring a cup of coffee on your table and start posting your queries on this page. Technical queries will always be discussed here. We hope you find this little effort useful. My personal suggestion is that if you are really serious about SEO and blogging then Salahuddin Ayubi and coming new MBT designs are what you must try out. Care less about Fancy colors and animations and value more the core structure and SEO value of a template. Coming MBT designs are the best when compared to several designs available online that offer just design value and are unfortunately poorly coded inside that badly impacts search value. Yes truth hurts!

Another good news is arriving so stay tuned! Peace and blessings buddies! :)

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

113 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. I will save and share this article. This is one of the best help from you. I had always wanted to have the same subscription widget with your page's and now I know how to do! Thank you so much for all your work!

    ReplyDelete
  2. Thank you for the awesome template.

    Do you mind if I remove the notification bar entirely, but keep the MBT credit at the bottom of the page?
    Or do i need to get a license from you to do this?
    I'm just not a fan of notification bars in general :)

    Thanks

    ReplyDelete
  3. Very pretty nice Template! You've done a wonderful job, thanks.

    ReplyDelete
  4. Thanks man.. i will try this later..

    ReplyDelete
  5. Hello Mohammad,
    Several times for buy this widget(Releasing Blogger Notification Bar!) i applied but did not answer?!!
    what is result???!!

    ReplyDelete
  6. Hi Mohammad, thanks for this awesome post. Still a few problems though :(

    (1) The date isn't displaying, I've tried everything including setting it in the post layout.
    (2)The back to top button at the footer disappeared?! lol
    (3)Disqus comment system isn't installing properly, maybe not a problem you can fix?
    (4)The Google+ followers widget at the footer seems to be small, is there any way to fix it?
    (5)The popular posts hack isn't working, also the recent posts widget isn't sliding. Maybe Jquery isn't properly installed?

    Here's my blog address: http://www.cricketnns.blogspot.com

    Other than those problems, fantastic template. Hats off to you, Mohammad.

    Cheers,
    Sai Ram

    ReplyDelete
  7. Merhaba Muhammet güzel bir şablon teması.Türkçe olarak çözümü zor.Türkçe olsa umarım çok kişi kullanmak isteyecektir.Birçok konunuzu dil sorunundan dolayı anlayamıyorum.Yinede tebrik ederim.İlgi çekici ve temiz bir uygulama.

    ReplyDelete
  8. Thank you so much. This is a nice template.
    is there any way to to use two columns related posts below each post, i want to use it in http://www.medicotips.com
    i have subscribe you on email google plus and facebook. regualr reader of yours. what an effor i really admire

    ReplyDelete
  9. totally fake, because no download option for this template

    ReplyDelete
  10. While Reading The Code I am Feeling Something Wrong! I Don't Know Why I Feel So But... Overall The Template is Looking Good! Great Work!

    ReplyDelete
  11. Thanx bro...great help...Awesome template with small size and SEO..

    Mr.Sumit Kumar Gogawat plz check in MBT Download page,there u find the download link....Its not like other blogs to give fake things...

    ReplyDelete
  12. Mohammad bro i was smiling when i was studying your template i am also a newbie template designer .I will not mess up with your template but could you please tell me that how you have embedded the fotter © 2012 Designed By My Blogger Tricks .I am prity confused and unable to find it in the coding what have you done has you converted it into java script or what.Waiting for your reply anxiously :) info@blogging-heaven.com

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. Awesome !
    I have downloaded it and will use it when i need !

    ReplyDelete
  15. dued can u tell me how to have that hover effect for bullet style

    ReplyDelete
  16. assalamualaykum


    great thank you sir

    ReplyDelete
  17. nice work problogger.. Dude.. Can u please release whole footer code? I love my template but i want this footer... :P

    ReplyDelete
  18. @Mohammad:
    Assalam o ALAIKUM.
    I want to publish some guest posts over this website.
    Please tell me the procedure.
    Regards.

    ReplyDelete
  19. Thanks Muhammad!
    Everything is defind well and in a systematica way.
    -MUHAMMAD HASNAIN
    SCIENCE Pakistan
    www.pakchem.net

    ReplyDelete
  20. Seems u adjusted the Main-Wrapper :D

    Now the template looks perfect ;)

    Great Work Bro !

    ReplyDelete
  21. @Tayyab Nasir
    You can remove that by removing the line number 7 i.e remove the first line after you see the comment in coding
    SCRIPTS SECTION STARTS
    This © 2012 Designed By My Blogger Tricks is due to the javascript present at http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js

    ReplyDelete
  22. Great Job dude


    Thanks for this awesome template Mohammad...

    ReplyDelete
  23. aaallaa... :P
    thanxxx alottt . :P

    ReplyDelete
  24. great thank you
    mohammad sir
    realy great

    http://punjradio.blogspot.in/

    ReplyDelete
  25. I am so glad you all liked the template. Just an announcement here. Just today we planned to start releasing some more templates inshAllah which are available in our repository just to motivate more and more people to start blogging on their beautiful blogs like never before. Huge working hours are dedicated to live up to the expectation of the kind community here. :)


    @Gul
    you are a thousand times welcomed. You will also find some similar subscription boxes in our previous tutorials. All links are on the lower-right sidebar. :)


    @kencanau
    You can surely remove the notification bar. No problem. Our copyrights are concerned only with footer credits. :)


    We also provide a premium license to the entire template where we provide customization help and also remove all copyright links. Should you wish to know the details please contact me via the services page. Click here


    @victor
    A pleasure victor. Thank you :)


    @File-24
    I am sorry but we have not yet received any email from you from the services page. Buddy please send me an email for license details on this page. I will get back to you within 24 hours. Click here


    @sai

    My pleasure dear. Here we go:

    1. During editing your template you have mistakenly remove the time-stamp data variable. Inside your template click expand widget templates box and then search this code:

    <span class='post-comment-link'>

    Just above it you must make sure your code looks like this:

    <b:if cond='data:top.showAuthor'>
    <data:top.authorLabel/>
    <data:post.author/>
    </b:if>,
    <b:if cond='data:top.showTimestamp'>
    <b:if cond='data:post.url'>
    <data:post.timestamp/>
    </b:if>
    </b:if>



    The bolded code is the one that is missing in your template.

    Save and done!

    2. During editing your template please do not delete the wrong code instead of the right one! ;)

    Find this in your template:

    <div id='footer-wrapper'>

    Just above it you will see two closed div tags. Paste the following code just above those two div tags.

    <div id='backtotop'>
    <p id='back-top'>
    <a href='#'>Back to top</a>
    </p>
    </div>

    Save and done!


    3. Why would you like installing that ugly commenting system? :) It surely does not come under our topic.

    4. This problem is happening with Google Plus widget. In the settings give it a width of 300px. If it didn't work then better shift it to your sidebar. I can share the code on how to force increase its widget but that will be difficult to mention here.

    5. What do you mean by popular widget hack?

    Popular widget is the one available at blogger's widget directory inside your layout section. And the recent posts widget you added is not coded by us. Kindly contact its developer.


    Any more questions captain? :)

    @MYB
    A pleasure dude. Everything looks great.
    Well the read more link is working just perfect! :)

    @Adnan
    Oh you are most welcomed. A pleasure indeed :)


    @Dr Adnan
    I am so glad you liked it. Buddy sure you can customize it as much as you want. :)
    You surely create two div sections to split the related posts section. Unfortunately explaining that would require a whole separate tutorial! :o

    ReplyDelete
  26. A very nice template for sure but there is a problem with it to customize its Comment Box. When we try then for the loading time it shows the background image but when page loads stop, it reverts back to its own. And also background image does not come in rounded corner from right side:) Fix the bug <3

    ReplyDelete
  27. @sumit
    Patience my dear. ;)

    For your convenience here it is:
    Download link



    @tweakyourblog
    I wonder what that comment actually meant buddy? :p


    @bloggingpeople
    Thanks buddy for finding it worth trying and thank you for helping out sumit! :)


    @rahul
    Oh that would be a pleausre. Thank you rahul :)


    @tayyab
    Oh that is really interesting then! :d
    Buddy sometimes we just need to keep some tricks with us just to ensure people may not misuse the resources. Unfortunately this method can not be shared here but yes of course it is a code embedded dynamically via a scripting language. :)

    @sumit
    Glad you uploaded it buddy.
    Well you really don't need to add any code for the archive widget. simply add the archive widget from layout section and give it the same settings as shown in the screenshot above. Getting me? :)

    @Vanlinhex
    A pleasure pal :)

    @hari kesh

    Buddy please read this tutorial:
    Customize bullet list


    @sheikh
    shukran :)

    @iliyas
    W.salam brother. Always welcomed :)



    @Mehul
    Buddy I have already released two tutorials on adding multi column footer widget. Just go through MBT past tutorials.


    About guest posting I guess I did emailed you last time you contacted.
    First of all thank you buddy for the kind devotions and generous feedback always. Here at MBT we do promote readers like you to do better and get motivated. In your case there are many reasons why we can not allow a guest post. You can ask me via an email. Please do contact via email where I can advise why the traffic is not increasing for you. You have great skills and you need to utilize them the best you can. :)

    @Science
    We are pleased thank you :)


    @Haider
    On your order captain :)

    @ashish

    PS: You may not discuss this topic. Deleting this script will fail all widgets to function


    @almas
    All pleasure is ours mam. Thank you. :)






    @Muhammad
    W.salam
    Buddy only our contributors are allowed to post on our network blogs. Our contributors consist of readers who are following MBT for over 2 years.


    @Gigi
    Awesome thanks :)

    @Asad
    Because you guys are far more precious than this little gift. I am so glad you liked it pal :)


    ReplyDelete
  28. @Mohammad, no luck... :(

    #1 date is still not showing

    #2 back to top button also disappeared, lol what happened?!?!

    #5 I mean the popular posts hack that you have installed on your blog, I tried to install on mine but it didn't work.

    Please give your answers, maybe I can download the full template and send you it?

    My blog address: http://cricketnns.blogspot.com

    ReplyDelete
  29. Please check your mail mohammad sir.

    ReplyDelete
  30. assalamu alaykum

    dear sir also brother

    The great mohammad also the great work
    i lots of learn of your website day to day...
    i am begineer web deginer

    brother i have some problem

    i am use the facebook comment in my blog..
    but comment work but see can not see automatic everypost below..

    when i click the post then see facebook comment
    but
    i old use blogger templete their automatic show my facebook comment every post

    please help see my blog

    http://shayri-ki-duniya.blogspot.in/

    ReplyDelete
  31. Read more hack is not working. Can you please check and suggest Mohammad bro. Already many people made request about this.
    Peace regards

    ReplyDelete
  32. dear sir mohammad
    i use facebook comment box
    when i use blogger template then i use this code

    data:post.body/

    br/
    div style='background-color: #003;'fb:comments colorscheme='dark' data-num-posts='15' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='585'//div
    p style='color: #7AA1C3;font-weight: bold;'If you Like This Article,Then kindly linkback to this article by copying one of
    the codes below and share./p
    p style='color: #CF152A;font-weight: bold;'URL Of this Post:
    /ptextarea cols='60' id='url' onclick='this.focus(;this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'data:post.url//textarea
    br/
    div style='text-align: right;font-size: x-small;'
    a href='http://shayri-ki-duniya.blogspot.com/' target='_blank'span style='color: #838383;'shayri ki
    duniya/span/a/div

    so blogger template completed show every post below comments

    but

    now i am using this templete

    but no show this facbook comment every post
    but
    when i click post also title also read more then show facebook comment..

    please sir mohammad

    i needed every post below facebook comment box
    how please help ...

    ReplyDelete
  33. Hai Mohammad, how to restore the form of a bulleted list into default....

    ReplyDelete
  34. Mohammad, please check your mail and get to me back asap.

    ReplyDelete
  35. @f4dLy :) why do you need to change such fancy bullets? :D well, if you still want to delete them, find this code in your template> http://1.bp.blogspot.com/-gB354QglIZA/UAKQ6E6IHGI/AAAAAAAAG_Q/AnW_akpT9qQ/s400/263.gif I am not using the template so I can't tell how much code to delete. But if you would replace the above url with your desired bullet, then things would be cool. :)

    ReplyDelete
  36. Hello Brother Mohammad

    I am using this template, and I need to add Facebook page ID in that first subscribe widget, as our most fans are on Facebook so please help me in this How to do that.

    Regards

    ReplyDelete
  37. How to change Widht of Page and Sidebar ? i needed. plz

    ReplyDelete
  38. This comment has been removed by the author.

    ReplyDelete
  39. Sir... At the last complete all works on my blog.. Now using ur great template Kindly check it out : http://www.gameryard.org/

    ReplyDelete
  40. Dear Mustafa please guide me how to change bottom footer background and font color.

    ReplyDelete
  41. there's no automatic jumpbreak. why? its hassle to always use jumpbreak while posting

    ReplyDelete
  42. You Blog is Nice Keep It Up Broooooo. I hope You share More Information about Blogger. http://farhankayani.blogspot.com

    ReplyDelete
  43. Dear, Mohammad .
    Can you help me to edit Comment Threaded Style like this :

    http://artistutorial.blogspot.com/2012/01/threaded-comments-for-blogger-comment.html#comment-form

    ReplyDelete
  44. Hello Mohammad Something Went wrong in Your template salahuddin-ayubi Today. I think Two or more scripts not working since today, as a result drop down menu, back to top, multi tabbed widgets in this template are not working properly. please check immediately and rectify the error, I checked some of the blogs they using this template, i seen the same problem in there blogs too. I Hope your reply.

    ReplyDelete
  45. Great job bro.... i'm from india and we love you.
    My blog is http://sonuxrt.blogspot.in/2013/01/how-to-store-windows-update-for-further.html

    ReplyDelete
  46. yes bro multi tabed widget is not working correctly sometimes it shows all 3 widgets below each other, and i want to remove archive coding tell me the process.

    ReplyDelete
  47. UPDATE

    The Jquery file is required which for some reason is not recognized by the browser. Here is a simple fix.


    Inside your template find this:

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>


    and just below it paste the following code:

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>



    Problems solved! :)


    I will actively reply all comments here. Just busy at home these days.

    ReplyDelete
  48. This comment has been removed by the author.

    ReplyDelete
  49. @Mohammad Mustafa Ahmedzai Thanks! Can you check this too: In blogger pages.. after Title what for blank space exist? http://www.gameryard.org/p/privacy-policy_11.html

    ReplyDelete
  50. hello mohammad ! Where i put meta keywords, description i don't see in template thanks

    ReplyDelete
  51. This template is perfect.. Thanks a lot

    ReplyDelete
  52. Hi Mohammed Bro, great work once again.
    the multi tab widget is not working
    also, the read more button.
    please help fix this as soon as are less busy.


    Thanks for all your help. >3

    ReplyDelete
  53. Thanks for the great theme. However the read more script is dead. It show full post one the main homepage

    ReplyDelete
  54. dear mohammad bhai
    in my blog

    when i first use this tempalte all function work completed
    but now
    mutli tab andmenu not work propery please reply

    please
    my email id :- iliyas.modasa@gmail.com
    skype :- iliyas-shaikh

    ReplyDelete
  55. dear i want to remove the multi tab, tell me how can i remove it, i'll wait for your reply.

    ReplyDelete
  56. The read more button and the mutlitab widget is still not working. Help please. Great one Mohammed.

    ReplyDelete
  57. Mohammad, still an old problem pending. I fixed Disqus and other problems, but the date is not showing up.

    My blog: http://cricketnns.blogspot.com

    Thank you.

    Cheers,
    Sai Ram

    ReplyDelete
  58. This comment has been removed by the author.

    ReplyDelete
  59. Hey mohammed thanks for the template,but i am having problem with multi tab widget on sidebar, can help me out plz Below is link to my blog.
    http://mybloggersworld.blogspot.com/

    ReplyDelete
  60. Bro,
    1. Read More Button isn't working. :(
    2. I want to keep The comment interface like yours, But also the comment display like the default in salahuddin aybi. So can you please help.

    ReplyDelete
  61. awesome work done!
    what about the comment form?
    this theme author is using same comment form here ->http://leetpress-srtemplate.blogspot.com/

    hope u d0n't have copyright issues on that

    ReplyDelete
  62. file rar mn ati hy download ho k ....so not upload on blogger wel...help me

    ReplyDelete
  63. Dear Mohammad,

    Suggest some tips about meta tags in this template, because meta tags section is too much difficult. Where i put my meta tags in this template.

    ReplyDelete
  64. Dear Mohammad

    Your templates it's wonderful and i found it fascinating for editing it. But i have a little problem and i need your help.

    I use a custom mobile template for my blog -from dudamobile- and with this template when i search for a post at my blog from my mobile there is my author image appearing at the beggining of the post in annoying size...What can i do about this???

    I hope for your response!

    Thanks in advance
    Nick

    ReplyDelete
  65. mohammad not read a comments

    for users how to get this site template ?

    ReplyDelete
  66. This comment has been removed by the author.

    ReplyDelete
  67. mohammad how to get your site template http://www.mybloggertricks.com


    and i can't see meta for Salahuddin Ayubi template how to put ?

    ReplyDelete
  68. Assalam o alikum brohter,
    how your template can be edit. either going into xml file or into edit html in blogger.

    ReplyDelete
  69. Hey big bro,

    I really need help from you I just started a blog with your this core template but it shows the full article on the home page for every post. But in your demo I saw that a feature image and 14-15 line then reads the more button........ But in my blog it shows the full article on the home page and read more also shows the bottom of the article.

    I don't edit anything then what to do for solving this please let me. I now you are busy out there but very little help through my good journey in blogging.

    Thanks in advanced.
    Mohammad Limon Mia

    ReplyDelete
  70. Really great website where great lessons can be learned to improve blogger based website. Response by blogger to individual comment is really a superb job.

    Keep it up Mohammad
    Sanjay for Online Application

    ReplyDelete
  71. Your Template link is not working please fix it ASAP

    ReplyDelete
  72. Mohammad, thanks for your template. It's awesome ^^

    but, there are some error, such as sharing info, and about author.
    I hope you can fix it.

    and

    why my dropdown menu does not appear?

    ReplyDelete
  73. This comment has been removed by the author.

    ReplyDelete
  74. Hi bro,Post body overlapping sidebar.I downloaded again and tried then also the same,no changes i seen. can you check this.
    Thanks in advance

    ReplyDelete
  75. A.a brother what should i know if i want to create my own blogger template instead of html & css. I've complete understanding of both the courses but still i get confused while i start to create my own template. I have created one but it took too much time but still am not satisfied because i don't understand whats written inside <b:includeable... and <b:include... bla bla also i don't know how to add read more button and put the author bio and labels at the end of the post instead under the title. I've asked from many good bloggers about that but didn't got any positive or satisfying answer will be waiting for your response. Also take a look at the template i've experimented
    http://faysaldesigns.blogspot.com/
    by the way am Mohammad Faisal from (PWR)!

    ReplyDelete
  76. Very nice Template ..But Lack o Time or Customization So Keep it after Days.Thanks for Awesome Template.
    http://www.TricksGator.blogspot.com

    ReplyDelete
  77. Dear is there any effect in seo if two blogs has same templates

    ReplyDelete
  78. This comment has been removed by the author.

    ReplyDelete
  79. Hi, nice template but I Don't like the included Related Posts Widget because it shows one post 2 times in the related posts list.
    Please tell me how to remove it, I prefer linkwithin for Related Posts, the included Related Posts Widget is having problems.
    PLEASE REPLY FAST!!
    :( :D

    ReplyDelete
  80. @Lucky Singh
    search for "<!--RELATED-POSTS-STARTS-->"and remove the content till
    "<!--RELATED-POSTS-STOPS-->"

    ReplyDelete
  81. HELLO MOHAMMAD I LOVE YOU SO MUCH BRO YOU ARE GREAT FOR TEMPLATE I HAVE ONE QUESTION PLEAS HELP..

    HOW TO DELETE HOME OPTION IN BLOG UNDER COMMENT BOX ???
    THIS IS ONLY SINGLE OPTION.

    PLEAS CAN NOT UNDERSTAND MY QUESTION SO PLEAS VISITED YOUR TEMPLATE LIKE AS ABOVE

    ABOVE THIS OPTION

    Home
    Typography
    Sitemap
    Services
    Contac

    ReplyDelete
  82. BRO I CAN NOT UNDERSTAND YOUR 9. Multi Tabs PLEAS HELP I WANT TO READ YOUR ALL ARTICLE BUT I CAN'T SPECIFY HOW TO DO ?
    PLEAS REPLY URGENTLY WITH BIG REQUEST OTHER VISE PLEAS EMAIL BY MY PERSONAL EMAIL....kuldipsinhg @ gmail
    I AM USING YOU TEMPLATE PLEAS NEED HOW SET YOUR SAME "READ MORE" BUTTON LIKE http://www.mybloggertricks.com PLEAS NEED

    Thank you bro we love you...

    ReplyDelete
  83. "The feed providing these headlines is not available"what is this error in my feedbaner.
    and feedbaner is not working this is my blog
    http://blogging4k.blogspot.com/

    ReplyDelete
  84. Mohammad Thanks For Your Beautifull Templates
    Everything Work Perfectly

    http://fellowship-guild.blogspot.com

    ReplyDelete
  85. ye apny web blogger py bnai hai

    ReplyDelete
  86. Assalam o Alaikum!
    I just came here on your site from google while I was searching a seo optimized template. Congratz for your alexa Bro. I just applied this template on my blogger.
    MyTricksLab.com
    This template is nice overall but I want to ask that how can I add a 125*125 gadgets to this template? Please help me

    ReplyDelete
  87. Assalamualaikum
    i just applied this template on my blogger but i lost about the comment box. so please help me.

    ReplyDelete
  88. Assalam walekum Bhai,
    I want a big help...

    what can I do in salahuddin ayubi theme for incresing traffic.
    please reply....
    http://smartsoftworld.blogspot.in
    this is my site please watch it for one time and check the meta tag and what tag is need... please reply. please please please

    ReplyDelete
  89. Hotep,
    Appreciate this new template and all the work you do.This blog has helped me out tremendously.
    I was trying to add a post view counter,thumbs up, change pencil icon, and drop down label menu, but have had little success.If possible can you tell me what I am doing wrong because none of them will display properly on this template.I have followed the steps you have provided to install each widget but none are working.My blog address is www.koidemo2.blogspot.com.
    Thank you for your help.

    ReplyDelete
  90. This template is very beautiful, and also SEO friendly. I use this template on my blog. 5 stars for this amazing template..! :)

    @mohammad mustafa ahmedzai : are there meta description and meta tag to use in this template? Because I want my blog more SEO friendly and get high pagerank. I wait your reply.

    Thanks a lot for you mohammad mustafa..

    Best regards,

    Randy Hary Kusuma
    r-oren.blogspot.com

    ReplyDelete
  91. Great template bro, thanks for the time teaching us. The question I need is quite urgent. I want to change the colour background of the entire template. I don't like the colour which looks like yellow. How can I do that please?

    ReplyDelete
  92. Please, I uploaded this template successfully but I couldn't remove the author name and picture because it keeps on showing your name and picture. i tried the process you advised in this tutorial but it didn't work because I didn't see the code you mentioned.

    I'm confused, thanks.

    Thank you.

    ReplyDelete
  93. Hotep ,

    How do you add guest author box below posts on this template.I followed your tutorial for author box v2 but it wont show up on this template.Can you tell me how to add guest author post box to this template.Also how do you change the main menu color from grey to black and without deleting the custom home button you have added?

    Thanks




    ReplyDelete
  94. Thanks for this awesome template

    I have some qs while optimizing it

    1) How to change the color of the Pages bar below the Header section?

    2) How to display the Attribution( Powered by Blogger) in the bottom right, in the same line where MBT copyright notice is displayed?

    3) How can I change the background?

    Thanks again.

    ReplyDelete
  95. thank you very much. that's awesome template :D

    ReplyDelete
  96. hello mohammad. i have a problem with my posts. please help...
    my post img is not float to left and content is full show
    please visit my blog to see that
    http://allforsharing.blogspot.com/
    sorry if my english is not good
    thank you

    ReplyDelete
  97. Nice template Mohammad. It could be better if you design it Responsive. Although you have explained the way to design a responsive template, but it could be much better if you by default integrate the responsive code inside the original template.
    Get Higher education courses from internationally accredited university - http://www.u18.edu.in/

    ReplyDelete
  98. Hi Mohammad

    Ignore the message I sent you through the contact form. I 've got the template up and running. I am following your tutorial for the customization. You've done a great job!

    ReplyDelete
  99. do i need to insert my keyword and meta description in this templete or not? im newbie so bare with me if this question is so easy for you i just want to be sure

    ReplyDelete
  100. i have a problem im using this template in my blog and my image size if extra large so its affecting my sidebar is there any way i can make my all my images set to large in instant or do i need to resize it manually i have 900+ post and i think that's not easy to do Y_Y so maybe you have any better idea or maybe i can adjust the width of the template thank you.

    ReplyDelete
  101. ASSALAM O ALAIKUM
    I hope you will be fine there
    I really like and appreciate your work
    Please also tell us that HOW TO SET UP DIFFERENT POSTS OTHER THAN HOME PAGE WITH READ MORE AND NEXT POSTS BUTTONS
    We always open a site and then check its different pages in different drop down menus Please tell us that how to set up different posts with different read more buttons and at the end of page we like to end we place next posts buttons
    Like your site we openpage like SEO we found many posts separated

    This is very good for clear navigation of our site

    ReplyDelete
  102. Sir Assalam-O-Alaikum!
    This template is very nice but i m facing some problems
    1.The homepage of my blog is showing the all content of a single post at once
    2.The footer of the blog template is having year 2012 and i have to change it to 2014 so please help me and the template is remarkabl . Do reply soon.
    My Blog: http://usamafayyaz.blogspot.com
    Thanks

    ReplyDelete
  103. Great Template And Easy To Customize

    ReplyDelete
  104. Hello bro I am in a big problem.....
    My WIdgets are not appearing on the right place i.e. they are appearing below all posts in the homepage....

    And on homepage all full posts are appearing there is no read more link present...

    bro please help me......

    ReplyDelete