Articles by "Blogging Tips"
Showing posts with label Blogging Tips. Show all posts
Social Media life can be an intense instrument for mark advancement and purchaser association, yet
what happens when buzz turns sour?

Numerous organizations and advertisers have experienced harm a Social Media life botch. These
errors can happen to any association whenever, particularly on the grounds that online life is as yet
new to many.

To enable you to maintain a strategic distance from reaction with your online life promoting, consider
these best seven Social Media social networking botches that is the mistake in your marketing:







1. Expecting Social Media life showcasing is free



Joining an online system may itself cost nothing, however, a successful Social Media life methodology requests no less than a little venture or it will be an exercise in futility. Since online stages don't organize business posts in news sources, these messages are frequently covered underneath a large number of others. Accordingly, it's inconceivable for advertisers to guarantee their posts are seen.

To abstain from picking the wrong Social Media life channels Simply proposed first directing examination to discover which stages the intended interest group lean towards. Once these channels have been distinguished, center the main part of your online life promoting on them. Likewise, spread advertising messages over a couple of channels to boost reach and introduction. 

3. Mistaken or deficient group of onlookers investigate 

 One mystery of fruitful organizations is a top to a bottom comprehension of their intended interest group. Numerous administrators don't understand that knowing the intended interest group is similarly as critical in online life. Powerful online networking depends on making content that is applicable and fascinating to the group of onlookers. This substance will incite correspondence and prompt social commitment. That is the reason the two brands and advertisers must attempt to truly become acquainted with their gatherings of people. Know their identity, where they live, what they need, and what they might want from your image. 
Specialists concur that the most ideal approach to discover this data is by leading gathering of people inquire about. Today, there are numerous strategies accessible for playing out this exam easily. This will achieve three vital objectives: 
· It will give critical knowledge about the most ideal approaches to draw, associate and speak with the group of onlookers. 
· It will expand your comprehension about how to create an online substance that reflects and resounds with your locale. 
· It will manage your procedure and guarantee that the message and tone of your internet based life advertising are as viable as could be expected under the circumstances. 
cautioned that there might be a noteworthy contrast between the intended interest group via Social Media networking media and the gathering of people for other advertising endeavors. That is the reason Social Media life ought to be arranged as both a different substance and a segment of the general advertising technique. 

4. Doing everything all alone 
On the off chance that you imagine that Social Media life is just for substantial organizations, reconsider. Online networking stages can offer enormous advantages to private companies. A noteworthy oversight private companies make is attempting to deal with it themselves, rather than depending on a specialist. 
Content showcasing requests certain aptitudes and particular ability that the vast majority need. Computerized promoting specialists can build up an incorporated substance advertising answer for a business that incorporates Social Media life, SEO, PPC and web join. Working with specialists will help guarantee finish consistency with Google guidelines and controls, which can majorly affect your prosperity. 

5. Organizing prospects over clients 

An excessive number of organizations are so centered around utilizing online networking to discover new prospects that they totally disregard their set up customer base. In spite of the fact that creating prospects is a critical piece of business, an organization can't bear to overlook its longstanding clients. 
The best approach to strike a harmony between picking up prospects and keeping clients is by organizing both. A business should offer exceptional advancements and Social Media life substance to draw in potential prospects, however, it ought to likewise build up the same for their clients and supporters. 

6. Posting excessively about business 

An excessive number of brands get associated with Social Media life and spotlight solely on deals advancement. Understand that online networking is the same amount as about individual association. On the off chance that an association posts just about new items and forthcoming deals, it dangers of being seen as pushy and limited time. Without a doubt, Social Media social networking can raise mark mindfulness and increment deals, however, the principal objective of Social Media social networking ought to be to construct a group of onlookers connections. 
What are the most ideal approaches to approach Social Media life to make persisting connections? Savvy procedures incorporate sharing significant articles, retweeting intriguing substance, posting helpful data, showing something new, taking care of an issue or sharing amusing or important messages. These sorts of posts must be made and rehashed routinely to demonstrate the group of onlookers that the business has a functioning on the web nearness and needs to take part in a progressing exchange.

7. Not focusing on the gathering of people criticism 


The gathering of people is the soul of a business; however, an excessive number of organizations disregard what that crowd says or needs. Social Media social networking gives the ideal gathering to the group of onlookers input, yet it's regularly disregarded, so the organization squanders profitable chances to enhance its general business, showcasing and Social Media life viability. 
Screen all the posted substance and track reaction designs. This can give critical experiences to enable a business to refine its Social Media life substance and general advertising procedure. our other blog related SEO  You can Click here https://goo.gl/KQ5WCD





It’s been 1week now, I'am using (Newspaper 8.7 .ver )on http://www.mybogpost.com which is a multipurpose mobile responsive WordPress theme. Right now, I’m using video, Tech News theme on my blog. And I must say, it’s awesome. They provide One-click installation and if you want to migrate from another theme they provide one-click migration as well. It provides themes for a blog, news website, portfolio, e-commerce etc. There are some other mobile responsive WordPress themes, click on a link to watch each themes live demos; Newspaper_ https://themeforest.net/item/newspape... Barcelona Avada_ https://themeforest.net/item/avada-re... Parallax _ s https://themeforest.net/item/treely-o... Elegant_ https://themeforest.net/search/elegan... Quick Contacts twitter : https://twitter.com/sayhype fb : https://www.facebook.com/ranavishl Quora : https://www.quora.com/Rana-Vishal Whatsapp No. +91 8109107688

Blogger Template: Suitable for Magzine, news, blog and multipurpose blog.


In this template there are some meta tags that requires your attention. You can edit the meta tags with your info. So, lets's start
To edit the Meta tags in this theme follow the below steps:

  • On your blogger dashboard go to Template
  • Click Edit HTML
  • click anywhere in the template and press CTRL+Fand find the below code
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>

<link href='https://plus.google.com/xxxxx/about' rel='author'/>

<link href='https://plus.google.com/xxxxx' rel='me'/>

<meta content='xxxxx' name='google-site-verification'/>

<meta content='xxxxx' name='msvalidate.01'/>

<meta content='xxxxx' name='alexaVerifyID'/>

<meta content='India' name='geo.placename'/>

<meta content='xxxxx' name='Author'/>

<meta content='general' name='rating'/>

<meta content='id' name='geo.country'/>

<meta content='Facebook App ID here' property='fb:app_id'/>

<meta content='Facebook Admin ID here' property='fb:admins'/>

<meta content='en_US' property='og:locale'/>

<meta content='en_GB' property='og:locale:alternate'/>

<meta content='id_ID' property='og:locale:alternate'/>

<meta content='summary' name='twitter:card'/>

<meta expr:content='data:blog.pageTitle' name='twitter:title'/>

<meta content='@username' name='twitter:site'/>

<meta content='@username' name='twitter:creator'/>

Options

In the above meta tags, you can place your own info in place of below highlighted portion
xxxxx
India
Facebook App ID here
Facebook Admin ID here
@username

Also, find the below meta tag and place your keyword in it.
<meta content='xxxxx' name='keywords'/>

Options

In xxxxx place your keywords such as <meta content='Blogger, SEO, Template' name='keywords'/>

By default, when you upload the image logo in header and choose instead of title and description the H1 tag automatically disappeared from your template.
We have optimized the header by adding the H1 tag even when you upload the image logo. In order to work you just need to find out the below title in your template and replace it with your blog title and you are done with header SEO.

Header SEO

  • In your Blogger template
  • Search for Show the image only.
  • Just below it you will find the below code
  • Just Replace the MagPress Blogger Template three times as in the below code with your blog title.
  • Save Template.
  •         <b:if cond='data:blog.pageType == &quot;index&quot;'>
    
                              <h1 itemprop='name'><a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'>
    
                                <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>MagPress Blogger Template</span></a>
    
                                </h1>
    
    <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
    
    <h1 itemprop='name'><a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'>
    
    <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>MagPress Blogger Template</span></a>
    
    </h1>
    
    
    
    <b:else/>
    
                                       <h2 itemprop='name'><a expr:href='data:blog.homepageUrl' style='display: block'>
    
                                <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span>MagPress Blogger Template</span></a></h2>            </b:if>

Options

Just change the MagPress Blogger Template with your blog title three time as in the code and save your template.

Top Menu

In this section we are going to analyze how the header menu works and its configuration options.

To edit the top page menu and social media icons in this theme follow the below steps:

1. Page Menu

  • On your blogger dashboard go to layout
  • on the very left side you will see a StaticPages
In the StaticPages click edit and setup your page menu easily.

2. social icons

In the layout you will see an HTML widget Socialicons along with the page widget. It is for social icons. Add the below code in it and edit the links
<div class="top-social">
<ul class="tl-social-icons icon-flat list-unstyled list-inline" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
<li>
<a href="#"><i class="fa fa-twitter"></i></a></li>
<li>
<a href="#"><i class="fa fa-facebook"></i></a></li>
<li>
<a href="#"><i class="fa fa-google-plus"></i></a></li>
<li>
<a href="#"><i class="fa fa-pinterest"></i></a></li>
<li>
<a href="#"><i class="fa fa-github"></i></a></li>
<li>
<a href="#"><i class="fa fa-dribbble"></i></a></li>
<li>
<a href="#"><i class="fa fa-foursquare"></i></a></li>
<li>
<a href="#"><i class="fa fa-vk"></i></a></li>
</ul>
</div>
Location In Admin Panel:Socialicons <
The logo can be uploaded from the layout section of your blogger dashboard.
  • On your blogger dashboard go to layout
  • To edit the blog header or upload the logo you wil need to edit the (BlogHeader) widget with the title of your blog click Edit
  • choose logo file and in placement check (instead of title and description)
  • Click Save.
you can add the ad banner in the Ad728x90 widget.

Note

In this theme you can upload the logo with maximum of 300px width and 90px height. The big dimension logo will automatically be adjust in the logo space.
The recommended ad size is 728X90.
  1. Setting up the main menu:

    To add the menu in this theme follow the below steps:
    • On your blogger dashboard go to layout
    • Look for the MainNavigation widget
    • Click Edit and add the below code in it.
    
    <nav class='mainnavs'>
        <ul class='leftmenus'>
            <li class='homelink'><a href='/'><i class="fa fahome fa-home"></i></a></li>
            <li><a href='#' itemprop='url'><span itemprop='name'>Menu</span></a></li>
            
            <!-- Simple sub Menu Start -->
            <li class='submenu'><a href='#' itemprop='url'><span itemprop='name'>Sub Menu</span></a>
                <ul>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 1</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 2</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 3</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 4</span></a></li>
                </ul>
            </li>
             <!-- Simple sub Menu End -->
             
            <!-- Multi-level sub menu Start -->
            <li class='submenu'><a href='#' itemprop='url'><span itemprop='name'> Mult-Level Sub</span></a>
                <ul>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 1</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 2</span></a></li>
                    <li class='submenu2'><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 3</span></a>
                        <ul>
                            <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 1</span></a></li>
                            <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 2</span></a></li>
                            <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 3</span></a></li>
                            <li><a href='#' itemprop='url'><span itemprop='name'>Sub sub Menu 4</span></a></li>
                        </ul>
                    </li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 4</span></a></li>
                </ul>
            </li>
          <!-- Multi-level sub menu End -->
          
    <!-- Mega Menu Recent posts Start -->
    <li class='tl-menuRecent' data-label='Design'><a href='#' itemprop='url'><span itemprop='name'>Design</span></a></li>
    <li class='tl-menuRecent' data-label='Technology'><a href='#' itemprop='url'><span itemprop='name'>Technology</span></a></li>
    <li class='tl-menuRecent' data-label='Photoshop'><a href='#' itemprop='url'><span itemprop='name'>Photoshop</span></a></li>
    <!-- Mega Menu Recent posts End -->
    
            <!-- Mega Menu 5 col Start -->
    <li class='megamenu'><a href='#'>Mega Menu</a>
                <ul>
                <div class='megamenu-items'>
                     <h4>Title 1</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    </div>
                </ul>
                <ul>
                <div class='megamenu-items'>
                    <h4>Title 2</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    </div>
                </ul>
                <ul>
                <div class='megamenu-items'>
                     <h4>Title 3</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    </div>
                </ul>
                <ul>
                <div class='megamenu-items'>
                     <h4>Title 4</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    </div>
                </ul>
                <ul>
                <div class='megamenu-items last-child'>
                     <h4>Title 5</h4>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    <li><a href='#'>Demo Link</a></li>
                    </div>
                </ul>
            </li>
            <!-- Mega Menu 5 col End -->
            
            <!-- Hot News Right Menu Start -->
            <li class='submenu choose-cat'><a href='#' itemprop='url'><span itemprop='name'>Hot News</span></a>
                <ul>
                    <li><a href='#' itemprop='url'><span itemprop='name'>World News</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Travel</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Entertainment</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Sports</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Music</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Fashion</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Gallery</span></a></li>
                    <li><a href='#' itemprop='url'><span itemprop='name'>Video</span></a></li>
                </ul>
            </li>
            <!-- Hot News Right Menu End -->
            
        </ul>
    </nav>
    Location In Admin Panel: MainNavigation

    Recent posts in menu

    data-label="Design", data-label="Technology", data-label="Photoshop" Change the Label names with your exact label name.
    You can easily configure the menu for your blog.
    You can add or remove the menu items easily.

Widgets

In this section we will set up the featured widgets and post Widgets(mag Layout).

Note

Please change the below parameters in the widgets as required in the below widgets.
Also, there is a description with each widget about the location of that widget in Layout (Admin Panel).
data-label="Destination"Change the Destination with your exact label name.
data-results="5" you can change the results to any value but, 5 is good for most of the widgets.

1) News Ticker


<div class='news-ticker' data-results='5'></div>
Location in Admin Panel (Layout): NewsTicker
There is featured widget section that you can easily setup by following the below description.

1) Please putt the below code in each featured widget above. Except FeaturedXLarge-2
<div class="featuredContent tl-featuredMag" data-label="Destination"></div>
2) In featured FeaturedXLarge-2 putt the below slider code.

<div class="tl-recentMag tl-postCarousel topCar" data-label="Gallery" data-results="6"></div>
Recomended Location in Layout: FeaturedXLarge-2
In this widget Do not: add any title in HTML/Javascript Widget.

Note

You can add this slider only one time in widget of your choice in layout.
In the below layout you can put the following widgets.Below is the list of all the available widgets.

So, get started With Main section Widgets.

1. Recet Post Headline


<div class="tl-recentMag tl-recentHeadline" data-label="Travel" data-results="5"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): TabContent-1,TabContent-2,TabContent-3,TabContent-4,TopWidgets-S1,TopWidgets-S3,BottomWidgets-S1 and BottomWidgets-S3
In this widget Do not: add any title in HTML/Javascript Widget.

2. Recent Post Big Gallery


<div class="tl-recentMag tl-galleryMag" data-label="Entertainment" data-results="10"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout):FullWidthWidget-Top,FullWidthWidget-Bottom,FeaturedSlider-1
In this widget Do not: add any title in HTML/Javascript Widget.

3. Recent Post News


<div class='tl-recentMag tl-recentHeadline tl-recentH-S2' data-label='Travel' data-results="5"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): TabContent-1,TabContent-2,TabContent-3,TabContent-4,TopWidgets-S1,TopWidgets-S3,BottomWidgets-S1 and BottomWidgets-S3
In this widget Do not: add any title in HTML/Javascript Widget.

4. recent Post Gallery


<div class="tl-recentMag tl-recentGallery" data-label="Gallery" data-results="8"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): TabContent-1,TabContent-2,TabContent-3,TabContent-4,TopWidgets-S1,TopWidgets-S3,BottomWidgets-S1 and BottomWidgets-S3
In this widget Do not: add any title in HTML/Javascript Widget.

5. Recent Post carousel


<div class="tl-recentMag tl-postCarousel topCar" data-label="Gallery" data-results="6"></div>
Recomended Location in Layout: FeaturedXLarge-2
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): TopWidgets-S1,TopWidgets-S3,BottomWidgets-S1 and BottomWidgets-S3
In this widget Do not: add any title in HTML/Javascript Widget.

Note

You can add this slider only one time in widget of your choice in layout.

6. Recent Post Col


<div class="tl-recentMag tl-recentHeadline tl-recentH-S1" data-label="Travel" data-results="4"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): TopWidgets-S2L, TopWidgets-S2R, BottomWidgets-S2L, BottomWidgets-S2R,sidebarWidgets-S1,sidebarWidgets-S2
In this widget Do not: add any title in HTML/Javascript Widget.

7. Recent Post Col Simple


<div class="tl-recentMag tl-recentPost" data-label="Gallery" data-results="5"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): TopWidgets-S2L, TopWidgets-S2R, BottomWidgets-S2L, BottomWidgets-S2R,sidebarWidgets-S1,sidebarWidgets-S2
In this widget Do not: add any title in HTML/Javascript Widget.

8. Recent Post


<div class="tl-recentMag tl-recentSimple" data-results="5"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): SidebarWidgets-S1, SidebarWidgets-S2, Footer1, Footer2, Footer3

9. Random Post


<div class="tl-recentMag tl-randomSimple" data-results="5"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): SidebarWidgets-S1, SidebarWidgets-S2, Footer1, Footer2, Footer3

10. Recent Comment


<div class="tl-recentMag tl-recentComments" data-results="5"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): SidebarWidgets-S1, SidebarWidgets-S2, Footer1, Footer2, Footer3

11. Full width carousel slider


<div class="tl-postCarousel-F fouritem" data-label="Gallery" data-results="8"></div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): FooterSlider,FeaturedSlider-1, FullWidthWidget-Top, FullWidthWidget-Bottom
In this widget Do not: add any title in HTML/Javascript Widget.

Note

You can add this carousel post widget only one time in the best widget location of your choice.

12. Sidebar social


<div class="tl-socialicons">
<div class="tl-socialInner">
  <!--Facebook-->
    <div class="tl-social">
  <div class="tl-facebook tl-sinn">
      <a href='#' target='_blank' title="Facebook">
      <span class="tl-sicon"><i class="fa fa-facebook"></i></span>
      <span class="tl-scount">3.1K</span>
      </a>
      </div>
      </div>
  <!--Google Plus-->
    <div class="tl-social">
  <div class="tl-googleplus tl-sinn">
      <a href='#' target='_blank' title="Google Plus">
      <span class="tl-sicon"><i class="fa fa-google-plus"></i></span>
      <span class="tl-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Twitter-->
  <div class="tl-social">
  <div class="tl-twitter tl-sinn">
      <a href='#' target='_blank' title="Twitter">
      <span class="tl-sicon"><i class="fa fa-twitter"></i></span>
      <span class="tl-scount">1.4K</span>
      </a>
    </div>
    </div>
  <!--Instagram-->
  <div class="tl-social">
  <div class="tl-instagram tl-sinn">
      <a href='#' target='_blank' title="Instagram">
      <span class="tl-sicon"><i class="fa fa-instagram"></i></span>
      <span class="tl-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Pinterest-->
  <div class="tl-social">
  <div class="tl-pinterest tl-sinn">
      <a href='#' target='_blank' title="Pinterest">
      <span class="tl-sicon"><i class="fa fa-pinterest"></i></span>
      <span class="tl-scount">4.5K</span>
      </a>
    </div>
    </div>
  <!--Youtube-->
  <div class="tl-social">
  <div class="tl-youtube tl-sinn">
      <a href='#' target='_blank' title="YouTube">
      <span class="tl-sicon"><i class="fa fa-youtube"></i></span>
      <span class="tl-scount">2.8K</span>
      </a>
    </div>
    </div>
  <!--Vine-->
  <div class="tl-social">
  <div class="tl-vine tl-sinn">
      <a href='#' target='_blank' title="Vine">
      <span class="tl-sicon"><i class="fa fa-vine"></i></span>
      <span class="tl-scount">3.3K</span>
      </a>
    </div>
    </div>
  <!--SoundCloud-->
  <div class="tl-social">
  <div class="tl-soundcloud tl-sinn">
      <a href='#' target='_blank' title="SoundCloud">
      <span class="tl-sicon"><i class="fa fa-soundcloud"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
    
      <!--VK-->
      <div class="tl-social">
  <div class="tl-vk tl-sinn">
      <a href='#' target='_blank' title="VK">
      <span class="tl-sicon"><i class="fa fa-vk"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!---->
      <div class="tl-social">
  <div class="tl-foursquare tl-sinn">
      <a href='#' target='_blank' title="Foursquare">
      <span class="tl-sicon"><i class="fa fa-foursquare"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--GitHub-->
      <div class="tl-social">
  <div class="tl-github tl-sinn">
      <a href='#' target='_blank' title="GitHub">
      <span class="tl-sicon"><i class="fa fa-github"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--Dribbble-->
      <div class="tl-social">
  <div class="tl-dribbble tl-sinn">
      <a href='#' target='_blank' title="Dribbble">
      <span class="tl-sicon"><i class="fa fa-dribbble"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
    
    </div>
</div>
Note: You can put this widget in any of the below mentioned locations in layout.
Location (s) in Admin Panel (Layout): SidebarWidgets-S1, SidebarWidgets-S2

13. Search Widget


<form action="/search" class="SearchForm" method="get">
<input class="SearchText" name="q" onblur="if (this.value == '') {this.value = 'Type Keywords Here...';}" onfocus="if (this.value == 'Type Keywords Here...') {this.value = '';}" placeholder="Type Keywords Here..." type="text" value="Type Keywords Here..." />
<button type="submit"><i class="fa fa-search"></i></button>
</form>

14. Footer Social Icons


<div class="top-social">
<ul class="tl-social-icons icon-flat list-unstyled list-inline" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
<li>
<a href="#"><i class="fa fa-twitter"></i></a></li>
<li>
<a href="#"><i class="fa fa-facebook"></i></a></li>
<li>
<a href="#"><i class="fa fa-google-plus"></i></a></li>
<li>
<a href="#"><i class="fa fa-pinterest"></i></a></li>
<li>
<a href="#"><i class="fa fa-github"></i></a></li>
<li>
<a href="#"><i class="fa fa-dribbble"></i></a></li>
<li>
<a href="#"><i class="fa fa-foursquare"></i></a></li>
<li>
<a href="#"><i class="fa fa-vk"></i></a></li>
</ul>
</div>
Location in Admin Panel (Layout): FooterSocialIcons
In this widget Do not: add any title in HTML/Javascript Widget.

Note

In this social widget if you need the colored social icons then please change the <ul class="tl-social-icons with<ul class="tl-colored-social

15. Contact form Popup


<div class='tl-contactpop'><i class="fa fa-envelope-o"></i> Contact Us</div>
Best Location: FooterContactPopup
In this widget Do not: add any title in HTML/Javascript Widget.

Sitemap

Let’s take a look at the sitemap.

To add the sitemap widget in your blog, Create a new page >> Switch to HTML and paste the below code. Click Publish and you are done
<div class='tl-sitemap'></div>

Contact Form

Let’s take a look at the Contact form.

To add the Contact form widget in your blog, Create a new page >> Switch to HTML and paste the below code. Click Publish and you are done
<div class="col1 contact-custom">
<div class="tl-col-inner custom-contact-form">
<div class="contact-us-form">
<form name="contact-form">
<div class="form-hint cn-name">
Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}' />
<div class="form-hint cn-email">
Your Email: <em>*</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID"  size='30' type='text' onblur='if (this.value == "") {this.value = "Email ID";}' onfocus='if (this.value == "Email ID") {this.value = "";}'/>
<div class="form-hint cn-subject">
Subject:</div>
<input class='contact-form-subject' id='ContactForm1_contact-form-email' name='subject' value="Subject"  size='30' type='text' onblur='if (this.value == "") {this.value = "Subject";}' onfocus='if (this.value == "Subject") {this.value = "";}'/>
<div class="form-hint cn-message">
Your Message: <em>*</em></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" onblur="if (this.value == "") {this.value = "Leave Your Message..";}" onfocus="if (this.value == "Leave Your Message..") {this.value = "";}" value="Leave Your Message.."></textarea> 
<input class='button red' type='reset' value='Clear'/> 
<input class="button green" id="ContactForm1_contact-form-submit" type="button" value="Send" />
<br />
<div style="max-width: 500px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>

Shortcodes

Let’s take a look at the shortcodes provided by this template.

Buttons

Add the buttons with different colores and size

Button style 1



  /*---- Button Style 1 -----*/
<a class="button" href="#">Button</a>
<a class="button red" href="#">red Button</a>
<a class="button orange" href="#">orange Button</a>
<a class="button green" href="#">green Button</a>
<a class="button blue" href="#">blue Button</a>
<a class="button purple" href="#">purple Button</a>
<a class="button yellow" href="#">yellow Button</a>
<a class="button mint" href="#">mint Button</a>
<a class="button aqua" href="#">aqua Button</a>
<a class="button pink" href="#">pink Button</a>
<a class="button white" href="#">white Button</a>
<a class="button grey" href="#">grey Button</a>
<a class="button dark-grey" href="#">dark-grey Button</a>

Button style 2



  /*---- Button Style 2 -----*/
<a class="button transparent" href="#">Button</a>
<a class="button transparent red" href="#">red Button</a>
<a class="button transparent orange" href="#">orange Button</a>
<a class="button transparent green" href="#">green Button</a>
<a class="button transparent blue" href="#">blue Button</a>
<a class="button transparent purple" href="#">purple Button</a>
<a class="button transparent yellow" href="#">yellow Button</a>
<a class="button transparent mint" href="#">mint Button</a>
<a class="button transparent aqua" href="#">aqua Button</a>
<a class="button transparent pink" href="#">pink Button</a>
<a class="button transparent grey" href="#">grey Button</a>
<a class="button transparent dark-grey" href="#">dark-grey Button</a>

Button style 3



  /*---- Button Style 3 -----*/
<a class="button" href="#"><i class="fa fa-bolt"></i>Button</a>
<a class="button red" href="#"><i class="fa fa-bookmark"></i>red Button</a>
<a class="button orange" href="#"><i class="fa fa-cart-arrow-down"></i>orange Button</a>
<a class="button green" href="#"><i class="fa fa-bars"></i>green Button</a>
<a class="button blue" href="#"><i class="fa fa-cloud-download"></i>blue Button</a>
<a class="button purple" href="#"><i class="fa fa-fighter-jet"></i>purple Button</a>
<a class="button yellow" href="#"><i class="fa fa-external-link"></i>yellow Button</a>
<a class="button mint" href="#"><i class="fa fa-gavel"></i>mint Button</a>
<a class="button aqua" href="#"><i class="fa fa-life-ring"></i>aqua Button</a>
<a class="button pink" href="#"><i class="fa fa-magic"></i>pink Button</a>
<a class="button white" href="#"><i class="fa fa-location-arrow"></i>white Button</a>
<a class="button grey" href="#"><i class="fa fa-leaf"></i>grey Button</a>
<a class="button dark-grey" href="#"><i class="fa fa-meh-o"></i>dark-grey Button</a>
In Button style 3 you can use the Font Awesome Icons

Alert Boxs

Add the alert boxes with different alerts.

 /*----success message----*/
  <div class="alert-message success">
  <i class="fa fa-check-circle"></i>
  success message : You successfully read this important message.
  <div class="alert-del-btn"></div>
  </div>
  
  /*----Alert message-----*/
  <div class="alert-message alert">
  <i class="fa fa-info-circle"></i>
  Alert message : This alert needs your attention.
  <div class="alert-del-btn"></div>
  </div>
  
  /*----Warning message-----*/
  <div class="alert-message warning">
  <i class="fa fa-exclamation-triangle"></i>
  Warning message : Warning! Best check yo self.
  <div class="alert-del-btn"></div>
  </div>
  
  /*----Error message-----*/
  <div class="alert-message error">
  <i class="fa fa-exclamation-circle"></i>
  Error message : Oh snap! Change a few things up.
  <div class="alert-del-btn"></div>
  </div>

Code Boxs

Add the below code boxes for beautifying your CSS,HTML,Jquery and Javascript codes.
  <pre data-codetype="HTML">You HTML Code Here</pre>

  <pre data-codetype="CSS">You CSS Code Here</pre>

  <pre data-codetype="JavaScript">You JavaScript Code Here</pre>

  <pre data-codetype="JQuery">You JQuery Code Here</pre>

Tabs And Accordion

You can add the below accordion and tabs in your template.

Tabs

<div class="tl-tabs">

<div class="tl-tabbtn">
<span class="tl-click">Button 1</span>
<span class="tl-click">Button 2</span>
<span class="tl-click">Button 3</span>
</div>

<div class="tl-tabcontent">
<div>Content 1</div>
<div>Content 2</div>
<div>Content 3</div>
</div>

</div>

Accordion

<div class="tl-accordion">

<span class="tl-click">Button 1</span>
<div>Content 1</div>

<span class="tl-click">Button 2</span>
<div>Content 2</div>

<span class="tl-click">Button 3</span>
<div>Content 3</div>

<span class="tl-click">Button 4</span>
<div>Content 4</div>

</div>

Drop Caps

Beautify your content with smart dropcaps

Dropcap style 1


<span class="tl-dropcap dcap1">M</span>

Dropcap style 2


<span class="tl-dropcap dcap2">S</span>

Dropcap style 3


<span class="tl-dropcap dcap3" style="color: #ff9900;">S</span>
You can change the color of Dropcap style 3 with your own.

List Style

Below are some of the list styles that you can use in your post.

List style 1


<ul class='tl-custom-li tl-arrow-li'>
<li>First List Item</li>
<li>Second List Item</li>
......
</ul>

List style 2


<ul class='tl-custom-li tl-check-li'>
<li>First List Item</li>
<li>Second List Item</li>
......
</ul>

List style 3


<ul class='tl-custom-li tl-cross-li'>
<li>First List Item</li>
<li>Second List Item</li>
......
</ul>

List style 4


<ul class='tl-custom-li tl-multi-li'>
<li><i class="fa fa-coffee"></i> First List Item</li>
<li><i class="fa fa-cloud-upload"></i> Second List Item</li>
......
</ul>

Column

Below are some of the column that you can use in your post.

1 column


<div class="tl-cols">
<div class="col1">Col content ....</div>
</div>

2 columns


<div class="tl-cols">
<div class="col2 pull-left">
<div class="tl-first-col">Col content ...</div>
</div>
<div class="col2 pull-right">
<div class="tl-second-col">Col content ...</div>
</div>
</div>

3 columns


<div class="tl-cols">
<div class="col3 pull-left">
<div class="tl-col3-1">Col Content ...</div>
</div>
<div class="col3 pull-left">
<div class="tl-col3-2">Col Content ...</div>
</div>
<div class="col3 pull-left">
<div class="tl-col3-3">Col Content ...</div>
</div>
</div>

4 columns


<div class="tl-cols">
<div class="col4 pull-left">
<div class="tl-col4-1">Col content ...</div>
</div>
<div class="col4 pull-left">
<div class="tl-col4-2">Col content ...</div>
</div>
<div class="col4 pull-left">
<div class="tl-col4-3">Col content ...</div>
</div>
<div class="col4 pull-left">
<div class="tl-col4-4">Col content ...</div>
</div>
</div>

Ad Banner

<div style="text-align:center;">
<a href="#" target="_blank"><img class="tl-magimg" src="#" alt="MagPress-banner-728×90" /></a>
</div>
replace # with link and image URL respectively.
Best Location(s) for ad banner: TopWidgets-S1,TopWidgets-S3,BottomWidgets-S1, BottomWidgets-S3,FullWidthWidget-Top,FullWidthWidget-Bottom

Theme Settings

Let’s take a look at the other elements provided by this template.

1) MagPress Template Options

There are some options that you can change as you want.
Go to template click Edit HTML click anywher in the template and then press CTRL+F and find the below code.
You can search the /* Comment Settings */ OR /* MagPress Template Options */ to find the below code/

/* Comment Settings  */
var facebookComments=true; // Change to false to hide facebook comment
var disqusComments=true; // Change to false to hide disqus comment
var DISQUS_SHORT_NAME='demoblog12'; // Change demoblog12 with your disqus user Name

/* MagPress Template Options  */
var RecentTab1= 'Technology';
var RecentTab2= 'Fashion';
var RecentTab3= 'Gaming';
var RecentTab4= 'Culture';
var SidebarTab1= '<i class="fa fa-rss"></i> Recent';
var SidebarTab2= '<i class="fa fa-thumbs-up"></i> Popular';
var SidebarTab3= '<i class="fa fa-comment"></i> Comment';
Just replace the tab text and other text with your own. For example Technology can be changed with Music etc.

Facebook Comment Setting

If you are using facebook comments in your blog, please add you facebook admin and app id in Meta tags, as in below screenshot. And also please change othe meta tags with your own information.

2) Boxed and Full width Template

By default, this template is boxed but you can make it full width with just a single code
so, if you are interested in full width template then go to your blogger dashboard >> Template >> Click Edit HTML and click anywher in the template and then press CTRL+F to find the below code
#outer-wrapper,.inner{max-width:$(content.width);}
Just remove the #outer-wrapper, from the above code and click save. The final code will look like the code below:
.inner{max-width:$(content.width);}
Now, enjoy the full width Magpress :)

3) Ad, post description and recent post below post title

You can configure the ad and recent posts by follwing the below descripton.

Ad Below Post Title

To show ad below each post title Search for the following code.
Go to template >> Edit HTML and click anywhere in the code and then press CTRL+F and find the below code
<!-- Ad Below Post title -->
Just Below the above code/comment add your adsense or banner ad.

4) Recent or Random Posts Below Post Title

There are two options to choose for posts that show to the right side of ad. You can specify recent or random posts with just a single code.
Go to template >> Edit HTML and click anywhere in the code and then press CTRL+F and find the below code
<div class='tl-topromote tl-recentSimple' data-results='5'/>
By default we have set the recent post but if you want to change recent to random then in the above code just replace the tl-recentSimple with tl-randomSimple.
You can change the data-results='5' with any number but 5 is recommended and it is default.

5) Full width Page

Sometimes you need a full width page so here is the key to make a full width page in this template.
To create a full width static or post page add the below css code in HTML mode of your post editor in the post or page that you want to make full width.
<style>
#main-wrapper{width:100%}
#main-wrapper .main-inner{border:none;}
#sidebar-wrapper,.comments{display:none;}
</style>

6) Related Posts

Change the related posts results to be show below each post by the following code.
Go to template >> Edit HTML and click anywhere in the code and then press CTRL+F and find the below code
var relatedPosts=6;
Change 6 to any number you want.

7) Author Box

You can change the author box text, social links and image by the following description.
Go to template >> Edit HTML and click anywhere in the code and then press CTRL+F and find the below line
<!-- Author Settings -->
Here you will find the complete author boxThis author box support the Google Plus profile.
Note: If you want to show your own custom text in the author box, then in <p><data:post.authorAboutMe/></p>, replace <data:post.authorAboutMe/> with your own text.

8) Sticky Sidebar

You can change the below settings regarding sticky/floating sidebar according to your need.
Go to template >> Edit HTML and click anywhere in the code and then press CTRL+F and find the below code
$.stickysidebarscroll("#floatSidebar",{offset: {top: 10, bottom: 816}});
By default the top and bottom offset are 10and 816 respectively. You can change these valuse according to your need.

9) Template Designer

MagPress comes with complete support of blogger template designer . You can change the color , Adjust width and change the backgrounds easily with a single click.
MagPress is highly customizable theme into light , dark or any color that you like the most can apply to MagPress.

In our Dark demo we have used the different colors for backgrounds and text, heading, meta, border and icon. if you want to convert theme into dark skin than follow the below color combinations (or you can use any color you love) in blogger template designer. It will completely change the look of your template into dark.

  1. Go to template >> click customize and click on advance
  2. Under advance, you will find many options you need to choose the backgrounds and make changes to the colors of your choice.After changing the colors click Apply to blog
  3. Now, click on the Main colors and change the colors of your choice and click apply to blog
  4. View the blog with new look.
It is super easy and in this way you can customize every element of this theme. Such as Header, footer, author box background, social icons background and many more in the template designer..



Credits

Here is the list of the awesome resources we used to create this template.






||Write Fast high quality content: Secrets To Better, Quicker Content Creation || 

You're writing content, but no one's sharing your content on the social web. This is my Secrets Write Fast high-quality content.
You're using online marketing tools and you want to learn how to write content that generates a ton of social shares and goes viral.

In this video, I'll share 4secrets for you to write faster and still create the high-quality content that will keep your customers coming back for more.

1. Take a look at your internal dialogue before you do anything and really look at the story you are telling yourself about the things you want to change.

2. Search Trending Topic realated to you need, To Know how to make your Content viral marketing strategy. Click this link.

https://www.youtube.com/watch?v=I6T1X...

3. How you can organize all of your ideas in one place so you can write faster.
4. The interest of keeping things short and friendly.

In this Video mention 4 Website from where easily generate High-quality Content.

मैंने यह चैनल मेरे उन सभी दोस्तों के लिए बनाया है जो टेक्नोलॉजी के बारे में अपनी भाषा में जानना चाहते है| एक बात और मेरे यूट्यूब चैनल पर अपने आने वाले वीडियो पर पहले टिप्पणी करके पैसे की इनाम जीत सकते हैं| SUBSCRIBE to my Channel
यह लिंक है__ 
https://www.youtube.com/channel/UCDw8...
===============================================================




आप ब्लॉग लिख रहे हैं, लेकिन कोई भी आपकी ब्लॉग को सामाजिक वेब पर साझा नहीं कर रहा है। इस वीडियो में वायरल विपणन रणनीति है|  #Blogger #Viral #Blog 

You're writing content, but no one's sharing your content on the social web. This is your viral marketing strategy.

You're using online marketing tools and you want to learn how to write content that generates a ton of social shares and goes viral.