Top Ad unit 728 × 90

Home Unlabelled Installation MAGNEWS

Installation MAGNEWS

Installation

You can do it by follow this step:
  1. Unzip the “MagNews.zip” file.
  2. On Blogger Dashbord Click Template.
  3. Click Backup/Restore button (Top Right).
  4. Click Choose File button. Upload “MagNews_1_1.xml” file.
  5. Then Click Upload.
  6. Important: For Best work copy code from MagNews_1_1.xml file and paste direct it into the Edit Html Box.


Default Setting

After installing the theme, this it the minimun setting to make all widget works fine in this themes.

Embedded Comment

This to make comment area like the Demo
  1. On Blogger Dashbord Click Setting.
  2. Click Posts and Comments
  3. in Comment Location Choose Embedded
  4. Then Click Save settings.


To upload your logo follow this step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(1)



  3. Then upload your logo. See following image to do this


To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(2)



  3. Then add responsive ad code into the content box

Setting up the navigation menu for categories



To Edit Menu follow this step:
  1. On Blogger Dashbord Click Template
  2. Click Edit HTML
  3. Now search following code:

    4. <div id='mobnav-btn'>Menu</div>
  4. For Full instruction view this code

              <!-- Navigation Start -->
          <div id='mobnav-btn'>Menu</div>
          <nav>
  <ul class='sf-menu' id='example'>
          <li class='selected'><a href='http://magnews-jr.blogspot.com/'><span class='home-icon'/>Home</a></li>
   <li><a href='http://magnews-jr.blogspot.com/404.html'>404 Error</a></li>
   <li><a href='http://magnews-jr.blogspot.com/search/label/Archive_Page'>Archive Page</a></li>
   <li><a href='http://magnews-jr.blogspot.com/search/label/Contact_Us'>Contact Form</a></li>
   <li><a href='http://magnews-jr.blogspot.com/p/shortcodes.html'>Shortcodes</a></li>

          <!-- Dropdown Menu Start -->
          <li><a href='/#'><span>menu item 1</span></a>
              <div class='mobnav-subarrow'/>
    <ul>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
    </ul>
   </li>
          <!-- Dropdown Menu End -->

          <!-- Dropdown Menu Start -->
   <li>
              <a href='/#'>menu item 2</a>
              <div class='mobnav-subarrow'/>
    <ul>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
                  <li><a href='/#'>menu item</a></li>
    </ul>
   </li>
          <!-- Dropdown Menu End -->

  </ul>
          </nav>
          <!-- Navigation End -->
  5. Change magnews-jr.blogspot.com with yours website URL link like www.yoursite.com. It's work for 404 error page,Archive Page,Contact Page. Later, i will discuss more about these function.
  6. Change /#, Menu item1, Menu item2, Menu item with your Categories and Sub-categories links and names.
  7. Don't change Menu item1 and Menu item2, /# link . Only change Menu item1 and Menu item2 text.
  8. Tips: To add maximum 10 posts or more in label add  after the link. Exam: http://magnews-jr.blogspot.com/search/label/Tipsmax-results=10

How to add Recent Post Slider



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(3)



  3. Copy following Code and paste into the content box
    4. <div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer">
   <ul class="lof-main-wapper">
<script src="/feeds/posts/summary?orderby=published&start-index=1&max-results=10&alt=json-in-script&callback=rpslider"></script>
      </ul>   
  </div>
<div class="lof-navigator-wapper">
        <div onclick="return false" href="" class="lof-previous">Previous</div>

      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
<script src="/feeds/posts/summary?orderby=published&start-index=1&max-results=10&alt=json-in-script&callback=rpslider2"></script>
      </ul></div>
        <div onclick="return false" href="" class="lof-next">Next</div>
 </div></div>
  4. If you want to display post from 1 or 2 or 3 or 4 or 5..... you can change start-index value 1 as your own number
  5. Click Save

How to add Latest Post



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(4)



  3. Copy following Code and paste into the content box
    4. <script src="/feeds/posts/summary?orderby=published&max-results=3&alt=json-in-script&callback=repost1"></script>
  4. Click Save

How to add Left Recent Post Widget By Label



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(5)



  3. Copy following Code and paste into the content box
    4. <script src="/feeds/posts/default/-/digital?published&alt=json-in-script&start-index=1&max-results=4&callback=repostl1"></script>
  4. Change Entertainment text from title box.
  5. Change digital text with your label name. Case Sensitive
  6. If you want to display post from 1 or 2 or 3 or 4 or 5..... you can change start-index value 1 as your own number
  7. Click Save

How to add Right Recent Post Widget By Label



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(6)



  3. Copy following Code and paste into the content box
    4. <script src="/feeds/posts/default/-/digital?published&alt=json-in-script&start-index=1&max-results=4&callback=repostl1"></script>
  4. Change Business text from title box.
  5. Change digital text with your label name. Case Sensitive
  6. If you want to display post from 1 or 2 or 3 or 4 or 5..... you can change start-index value 1 as your own number
  7. Click Save

How to add Full Width Recent Post Widget By Label



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(7)



  3. Copy following Code and paste into the content box
    4. <script src="/feeds/posts/summary/-/digital?published&alt=json-in-script&start-index=1&max-results=4&callback=repostfw"></script>
  4. Change Technology text from title box.
  5. Change digital text with your label name. Case Sensitive
  6. If you want to display post from 1 or 2 or 3 or 4 or 5..... you can change start-index value 1 as your own number
  7. Click Save

Content Responsive ad widget



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(8)



  3. Add your Responive ad code into the content box
  4. Click Save

How to add Bottom Left Recent Post Widget By Label



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(9)



  3. Copy following Code and paste into the content box
    4. <script src="/feeds/posts/default/-/digital?published&alt=json-in-script&start-index=1&max-results=4&callback=repostl1"></script>
  4. Change Lifestyle text from title box.
  5. Change digital text with your label name. Case Sensitive
  6. If you want to display post from 1 or 2 or 3 or 4 or 5..... you can change start-index value 1 as your own number
  7. Click Save

How to add Bottom Right Recent Post Widget By Label



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(10)



  3. Copy following Code and paste into the content box
    4. <script src="/feeds/posts/default/-/digital?published&alt=json-in-script&start-index=1&max-results=4&callback=repostl1"></script>
  4. Change Sports text from title box.
  5. Change digital text with your label name. Case Sensitive
  6. If you want to display post from 1 or 2 or 3 or 4 or 5..... you can change start-index value 1 as your own number
  7. Click Save

How to Add Recent Gallery Post Widget By Label



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(11)



  3. Copy following Code and paste into the content box
    4. <div class="als-container" id="demo3">
<span class="als-prev"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguLE4q-m0V6aglYTM0DGG8ijyfZDl1nTqYpeAp8Ub_O4zJZKvwHBWYCvETfcdD6-pAh4eT7GskBm4u3ulJkgso7i1R7o0eG5tDSdWjA34oDmJOE5Hd89QPzC4nXMVHPwtFsgG0MkAlwA/s1600/previous.png" alt="?" title="previous" /></span>
<div class="als-viewport">
<ul class="als-wrapper">

<script src="/feeds/posts/default/-/digital?published&alt=json-in-script&start-index=1&max-results=4&callback=rgpost"></script>

</ul>
</div>
<span class="als-next"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpnEKIt6qWv20RedDBNSS36Y1Ihm04wY7YOdQCMZY7yX7u_SRzh7Kcj8tjsjH2IBw7vhi-mjxp97gYqjG3ZBLdd3SIltsQD8tI38b9OljB53xKdcZBkX1Dzn5cFnpk9VT72-ouFc7sWQ/s1600/next.png" alt="?" title="next" /></span>
</div>
  4. Change Gallery text from title box.
  5. Change digital text with your label name. Case Sensitive
  6. If you want to display post from 1 or 2 or 3 or 4 or 5..... you can change start-index value 1 as your own number
  7. Click Save

Blog Post Edit

To Display Date and maximum post in homepage follow the instruction
  1. on Dashbord Blogger Click Layout
  2. Click Edit From No.(12)



  3. Follow the image



  4. Click Save

Sidebar Social Share Widget



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Add a Gadget No.(3)



  3. Choose HTML/Javascript
  4. Copy following Code:
    5. <div id="buttons">


<div class="facebook button1">
 <i class="icon-facebook"></i>
 <div class="social-container fb">
  <div class="slide">
  <div class="facebook_c">
<iframe src="//www.facebook.com/plugins/like.php?href=http://www.facebook.com/codiblog&width&layout=button_count&action=like&show_faces=false&share=false&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:81px; height:21px;" allowtransparency="true"></iframe></div>
  </div>
   Facebook
 </div>
</div>


<div class="twitter button1">
 <i class="icon-twitter"></i>
 <div class="social-container tw">
  <div class="slide">
  <div class="twitter_c">
<a href="https://twitter.com/codiblog" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-via="mariuCSS"></a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  </div></div>
   Twitter
 </div>
</div>


<div class="google button1">
 <i class="icon-google-plus"></i>
 <div class="social-container tw">
  <div class="slide">
<div class='google_c'>
<!-- Place this tag in your head or just before your close body tag. -->
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="bubble" data-height="24" data-href="https://plus.google.com/108763868013266824234" data-rel="publisher"></div></div>
  </div>
   Google+
 </div>
</div>


<div class="rss button1">
 <i class="icon-rss"></i>
 <div class="social-container tw">
  <div class="slide">
  <div class="rss_c">
<p><a href="http://feeds.feedburner.com/TntByStc" target='_blank'><img src="http://feeds.feedburner.com/~fc/TntByStc?bg=99CCFF&fg=444444&anim=0" height="26" width="88" style="border:0" alt="" /></a></p>
  </div>
  </div>
   Rss Feed
 </div>
</div>


</div>
  5. Change black text with your Facebook,Twitter,Google+,Feedburner links
  6. Remember: change TntByStc text with your feedburner name. Which you find at the end of your feedburner link
  7. Click Save

Sidebar ADS



To add follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(14)



  3. Choose HTML/Javascript
  4. Add your ad code into the content box
  5. Click Save
  6. Tips: Ad Size 300 x 250

Sidebar Recent Post and Recent Comment Widget



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(15)



  3. Choose HTML/Javascript
  4. Copy following Code:
    5. <div class='tabsar'>
<div id="tabsholder2">
        <ul class="tabs">
            <li id="tabz1">Recent Tutorials</li>
        <li id="tabz2">Recent Articles</li>
        </ul>
  
        <div class="contents marginbot">
            <div id="contentz1" class="tabscontent"> 
 
<script src="/feeds/posts/default/-/Digital?published&alt=json-in-script&start-index=1&max-results=4&callback=myrecent"></script>

</div>

            <div id="contentz2" class="tabscontent">


<script src="/feeds/posts/default/-/Digital?published&alt=json-in-script&start-index=1&max-results=4&callback=myrecenta"></script>


            </div>
        </div>
    </div>
</div>
  5. Change Recent Tutorials, Recent Articles text with your label name
  6. Change Digital text with your label name (Case Sensitive)
  7. If you want to display second,thrid,four..... post of label you can change start-index value 1 Example: If you want to display second post of label you can set start-index value 2
  8. max-results=4: How many post you want to display?
  9. Click Save

Facebook Widget



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(16)



  3. Choose HTML/Javascript
  4. Copy following Code:
    5. <div style='border:1px solid #dfdfdf'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/themeforest&width=300&height=260&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false" scrolling="no" frameborder="0" style="overflow:hidden; width:300; height:260px;" allowtransparency="true"></iframe></div>
  5. Change http://www.facebook.com/themeforest with your facebook fanpage URL
  6. Click Save

Categories Widget



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(17)



  3. Choose Labels
  4. Follow the image



  5. Click Save

How to add About us page in Bottom



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(18)



  3. Copy following Code and paste into the content box
    4. <div class='fau'>
<a href='http://magnews-jr.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWPvSGUSB1R5cih9rJxtXDGVTOvxWMCoqTRATZiM9jywv_AgPPL1Q4ibHZFMxkUz6svldr74OGH5l-0zZR9F8z7keT6B907pSmN7XCALVRJV0G0x9gmvfO056GW8WK6alfeN3Fhf7EuA/s1600/logo.png'/></a>
<br/>
Magazine, Blog and Newses Blogger template for creating high experience platform. So, why late subscribe our Free Newsletter<br/><br/>
<p>Subscribe For Update:</p>
</div>
  4. Change magnews-jr.blogspot.com with your website link like www.yoursite.com.
  5. Change https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWPvSGUSB1R5cih9rJxtXDGVTOvxWMCoqTRATZiM9jywv_AgPPL1Q4ibHZFMxkUz6svldr74OGH5l-0zZR9F8z7keT6B907pSmN7XCALVRJV0G0x9gmvfO056GW8WK6alfeN3Fhf7EuA/s1600/logo.png with your website logo.
  6. Change text as your like
  7. Don't edit <p>Subscribe For Update:</p>
  8. Click Save

How to add Popular Post Widget in Bottom



To add popular post widget follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Add a Gadget No.(20)



  3. Choose Popular Posts
  4. Follow the image



  5. Click Save

Footer Random Post



To add this follow the step
  1. on Dashbord Blogger Click Layout
  2. Click Edit No.(21)



  3. Choose HTML/Javascript
  4. Copy following Code:
    5. <ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var img_width=50;
var img_height=50;
var rdp_info='no';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=5;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}i++;};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg93-BLOZkCqh2x2QQunVWvzsV3PSQQfjK5ER_VfmNQL42oNmqAyQwx1L4p5KpGgoLhS-BIuC9qy_R6CsItzRfpY_eDJ4IXRxZRhpsYRjEINm3AoZEt8YrQ6ibe4RAPmJje7X7X9ZmljAI/s1600/no_thumb.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb.replace("/s72-c/","/s"+img_width+"-h"+img_height+"-c/")+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
  5. Click Save


To add this follow the step
  1. On Blogger Dashbord Click Template
  2. Click Edit HTML
  3. Click Format Template
  4. Click Ctrl+F from keyboard
  5. Now search following code:
    6. <span class='copyright'>
  6. For full instruction view following code
    7.           <span class='copyright'>
            <script type='text/javascript'>
              copyright=new Date();
              update=copyright.getFullYear();
              document.write("Copyright © 2013-"+ update + " | All Rights Reserved | ");</script>
            <a href='/#'>Privacy</a> | 
            <a href='/#'>License</a> | 
            <a href='/#'>Contact</a> | 
            <a href='http://blogger.com' target='_blank'>Blogger</a>
          </span>
  7. Change /#, Privacy, License, Contact with URL and name.


To Edit Menu in this theme you can follow this step:
  1. On Blogger Dashbord Click Template
  2. Click Edit HTML
  3. Click Format Template
  4. Click Ctrl+F from keyboard
  5. Now search following code:

    6. <div id='social_menu'>
  6. For instruction view this code

            <div id='social_menu'>
          <ul>
            <li class='ss-rss'><a href='/#' rel='nofollow external' target='_blank'> <span>Rss</span></a></li>
            <li class='ss-facebook'><a href='/#' rel='nofollow external' target='_blank'> <span>Facebook</span></a></li>
            <li class='ss-twitter'><a href='/#' rel='nofollow external' target='_blank'> <span>Twitter</span></a></li>
            <li class='ss-google-plus'><a href='/#' rel='nofollow external' target='_blank'><span>Google+</span></a></li>
            <li class='ss-linkedin'><a href='/#' rel='nofollow external' target='_blank'> <span>Linkedin</span></a></li>
            <li class='ss-youtube'><a href='/#' rel='nofollow external' target='_blank'> <span>Youtube</span></a></li>
          </ul>
        </div>
  7. Change /# with yours Rss,Facebook,Twitter,Google+,Linkedin,Youtube URL links

Post image align



To add this follow the step
<img border="0" class="alignright" src="#"/>
  1. Styles=alignright, alignleft, aligncenter

Author Box Edit



To add this follow the step
  1. On Blogger Dashbord Click Template
  2. Click Edit HTML
  3. Click Format Template
  4. Click Ctrl+F from keyboard
  5. Now search following code:
    6. <div id='author-info'>
  6. For full instruction view following code
    7.                           <div id='author-info'>
                            <img alt='' class='avatar avatar-120 photo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo3ZrmntpWoIvl0QlYeXf7Bxfmtj6LfYqGGNrWXkqR8NaVsMhAI-QpLTU1gDCtqndNHaJBTXCjbN5YQ8B132Ho6eT7KXePGCXwxTbbqSwLXLucpd-cKEMEEqn6e9PjYWh9Fgq__Z0_w0M/s1600/photo.jpg.png'/>
                            <h5>
                                Jillur Rahman
                            </h5>
                            <p>I'm Jillur Rahman. A full time web designer. I enjoy  to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.
    

    
<div id='social_menu'>
          <ul
            <li><h4>Social Links:</h4></li>
            <li class='ss-rss'><a href='/#' rel='nofollow external' target='_blank'> <span>Rss</span></a></li>
            <li class='ss-facebook'><a href='/#' rel='nofollow external' target='_blank'> <span>Facebook</span></a></li>
            <li class='ss-twitter'><a href='/#' rel='nofollow external' target='_blank'> <span>Twitter</span></a></li>
            <li class='ss-google-plus'><a href='/#' rel='nofollow external' target='_blank'><span>Google+</span></a></li>
            <li class='ss-linkedin'><a href='/#' rel='nofollow external' target='_blank'> <span>Linkedin</span></a></li>
            <li class='ss-youtube'><a href='/#' rel='nofollow external' target='_blank'> <span>Youtube</span></a></li>
          </ul>
        </div>
  7. Change https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo3ZrmntpWoIvl0QlYeXf7Bxfmtj6LfYqGGNrWXkqR8NaVsMhAI-QpLTU1gDCtqndNHaJBTXCjbN5YQ8B132Ho6eT7KXePGCXwxTbbqSwLXLucpd-cKEMEEqn6e9PjYWh9Fgq__Z0_w0M/s1600/photo.jpg.png with your image URL link
  8. Change Jillur Rahman with your name
  9. Change http://magnews-jr.blogspot.com/ with your website url
  10. Change <p></p> text as your like
  11. Change /# with your Rss,Facebook,Twitter,Google+,Linkedin,Youtube link

Contact Form and Archive Page

  1. On Blogger Dashbord Click Template
  2. Click Edit HTML
  3. Click Format Template
  4. Click Ctrl+F from keyboard
  5. Search following link. You can find this more time
    6. magnews-jr.blogspot.com
  6. Only replace this link with your domain with several time.
  7. Remember: Don't edit another text

How to use website button shortcodes

To use button shortcodes in your post follow the step
<a class="button green small" href="/#">Button Text</a>
Styles: blue, green, red, orange, gray, dark-blue, purple, pink, yellow, dark
Sizes: small, medium, big

How to use Alert Box shortcodes

To use button shortcodes in your post follow the step
<div class="box white"> Alert Message. </div>
Styles: white, gray, green, yellow, blue

How to use Blockquote shortcodes

To use button shortcodes in your post follow the step
<blockquote></blockquote>

How to use Two coloum shortcodes In your post

To use button shortcodes in your post follow the step
<div class="two-column">
Content Here
<div>
<div class="two-column last">
Content Here
<div>

How to use Default/Horizontal/Vertical Tabs shortcodes In your post

To use button shortcodes in your post follow the step
<div id="dtab"> 
         
<ul class="resp-tabs-list">
<li> .... </li>
<li> .... </li>
<li> .... </li>
</ul> 

<div class="resp-tabs-container">                                                        
<div> ....... </div>
<div> ....... </div>
<div> ....... </div>
</div>

</div>
  1. For Horizontal tabs replace dtab with htab
  2. For Verticle tabs replace dtab with vtab

How to use Google map In your post

To use google map in your post copy following code
<iframe frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=%211m14%211m12%211m3%211d7098.94326104394%212d78.0430654485247%213d27.172909818538997%212m3%211f0%212f0%213f0%213m2%211i1024%212i768%214f13.1%215e0%213m2%211sen%212s%214v1385710909804" style="border: 0;" width="700"></iframe>
  • To add your own map go to following link Google Map
    • To add google map in your contact page follow my instruction..
    1. Login your blogger account
    2. Click on Template>Edit Html>Format Template
    3. Now search following code
      4. <div class='gmap'>
    4. For full instruction you will see following code
      5. <div class='gmap'>

<iframe width="700" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?t=h&hl=en-US&gl=US&mapclient=embed&ie=UTF8&ll=23.397724,90.906372&spn=0.649083,1.234589&z=10&output=embed"></iframe>

</div>
    5. Replace iframe code with your own google map places. To add your own map go to following link Google Map

    How to add video In your post

    To add video in your post copy following code
    <iframe allowfullscreen="" frameborder="0" height="450" src="http://www.youtube.com/embed/A-SKllekHpo?m=0" width="730"></iframe>
  • Change A-SKllekHpo with your video id
  • Don't delete m=0 . It will collect image from youtube

    • Theme Customization



    1. Background:= By this feature You can uoload a background Image
    2. Main Color:= It will change Website Main color
    3. Post Color:= It will change post title color
    4. Menu Color:= It will change Menu Background color,Menu Border Bottom color, Menu Hover color
    5. Menu Dropdown color:= It will change Menu Dropdown background color,Menu border top color
    6. Footer Top:= It will change Footer top background color,title color,link color
    7. Footer Bottom:= It will change Footer bottom background,text color
    8. Author Box:= It will change author box background,text,link color
    I'd be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the themes tell me on ThemeForest, I always try to help you with my best consideration.
    Installation MAGNEWS Reviewed by Unknown on 21:35 Rating: 5

    Tags :

    About Sweetheme

    Number of Entries : 35

    We are Developers Team do our best to create beautiful work for our clients. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

    Không có nhận xét nào:

    Đăng ký: Đăng Nhận xét (Atom)
    All Rights Reserved by Triết lý sống © 2014 - 2015
    Powered By Blogger, Shared by Free WP Themes

    Biểu mẫu liên hệ

    Tên

    Email *

    Thông báo *

    Được tạo bởi Blogger.