Designed by Veethemes.com

Latest Posts

Showing posts with label Social Media. Show all posts
Showing posts with label Social Media. Show all posts
It is no secret that if you want your business to be successful you have to stand out from the crowd. Whether it was originally your plan to turn your business in a brand or not it is inevitable if you want to be better than your competition. The ultimate goal of all of your marketing activities should be to have a market that is willing to buy the product once they hear your company is behind it. However, it’s a long way from awareness you need branding and turning your business into brand. It’s time-demanding and strenuous process, and we are here to help you with it. We’ll give you some advices on how to enhance your brand presence.



Embrace the modern

Regardless of how small your business might be, it is inevitable to develop it without acceptance of modern technologies, especially IT novelties, so you couldn’t even imagine being at the top of the game without making your business visible in online context. If you want to start small, without spending a lot of money, internet has many options for you, among them, starting your own blog is a good idea. If you decide to go down this road, be aware that it takes a lot of time and energy. Since social media are a place of gathering for millions of people, and therefore for millions of possible customers, creating a Facebook page or Twiter account could give your online presence a significant boost and lead to better recognition of your brand.


Be tangible

Sure, being present in the virtual world is important, but you want your potential customers to be able to feel you. This marketing endeavor doesn’t even have to be expensive and the trick is to put your name everywhere.  By giving people promotional products with your name on it, you are making the whole marketing experience a little more personal, and though they can’t reach the same number of people as the almighty web, just imagine how many people will one day exchange the lighter or the pen with your name on it. This warm and friendly approach to marketing is possible the thing that can separate you from the competition and win a place in your clients’ hearts. By gifting your customers T-shirts or pens with your logo, you are demonstrating your devotion to business and to them. 



Start from the beginning

Be realistic, you can’t aim to conquer the world at the very beginning, it is a luxury achieved with hard work and a lot of patience. Take one step at the time. Before you grow from middle company to a corporation, you have to at least master your own surroundings. You can’t run before you learn how to walk, right? Becoming a local brand is easier and yet it is an important step in marketing process. Some of the ways you can achieve this are commercials at local TV or radio stations and newspapers, which is usually quite affordable. This way, you can appeal to older audience, as you are already devoting attention to younger one on the web. Be a good neighbor and provide your co-citizens with discounts and special offers and a positive word of mouth will be your best commercial.

Branding is necessary to gain upper hand over the competition, and if you play your cards right, you might just conquer the world. 
Many people think that Blogger lacks in all of the extra goodies you can add to other platforms like WordPress, but it simply isn't true. By using widgets you can customize your blog as much as you like by just adding little snippets of code to the sidebars.

Today I'm publish a Professional Social Sidebar Widget for Blogger. It's very attractive and beautiful social widget. This social connect widget position at sidebar and include slide out connect social options.Let's see the demo and check out tutorial :



  Most of people facing problem with previous facebook pop up like box widget so I'm gonna post to "New Mini Facebook Pop Up Light Like Box Widget for Blogger ".It's very fast loading and light widget box. This widget Box easily customise and use into blogger blog.


Social media is a heart of blog/website because most of online users connect directly to your social media and get latest updates from your blog/website.

Today, We share a large collection of social media flat and vector icons. In this series also include Flat UI Psd Design files from different sources. We always a diffrent free social media icons according to latest trends.
You’ll find everything ranging from the latest social media icon packs all the way to weather icon app sets.  So if you are in search of some really cool free flat icons for your latest project, this post is not be missed. Enjoy!
In this post, we have compiled an amazing collection of free flat icons that will definitely fit your every design needs.
Today , I'm discuss about social media color codes and how to use in your blog/website.It will be also help in social media designing projects.
Different Social Media Color Code and Stylesheet for your website
Social Color Codes

How to use Twitter Card Validator for Your Blogger/Blog ? In Simple Way.

How to use Twitter Card Validator for Your Blogger/Blog ? Simple Way!
Twitter Card Validation
Most recommended Social Meta tag for Twitter, Google+, Facebook and more for commercial or non-commercial websites. Increase social presence in social media and popular search engines.
Must have use recommended Social Meta tag Twitter, Google+, Facebook By Digital Hub Inc.
Meta Data

New Light Box Social Sharing widget for Blogger based on Pure CSS Code.
New Light Box Social Sharing widget for Blogger
Social Sharing Widget

post-facebook-status-update-turned-upside-down-cover-pic


Hello guys! Today I'm gonna discuss a cool facebook trick with you. This easy trick is really popular on facebook, and hence I thought of sharing it with you.
Released New Awesome Metro Style Blogger Widget 3.0 Beta 2014 based on Pure CSS Coding.

New Awesome Metro Style Blogger Widget 3.0 Beta 2014
Follow on twitter - the most Popular Iconic Personality(Actors, Actress, Singer, Anchor, Director and Producers) of Bollywood in India.
Add Simple , Stylish and Responsive Social Bookmarking widget for Blogger & Wordpress Blog based Website.
Social Bookmarking Widget

If your bored with older tabbed menu widget then I'm gonna post widget on "Expandable social Tabbed Menu widget for Blogger/Blog". This widget very simple and customisable for blogger. In this widget Add more tab easily and expand all social content fast.

Why you are use this?
  • simple and attractive
  • add more tab easily and customisable
  • fast loading and seo friendly
  • Less space used in sidebar




         Facebook is most popular social media website in the world so it's a best way to advertise and boost your social exposure of your brands , bands , websites/blogs , organisations , celebrities and marketting zone in industry. Anyone easily to use of social plugins and widgets are a great way to link your Facebook page with your website. 


                                 Here I'm discuss about css imge opticity property on webpage. It's support to different browser like internet explorer , mozila , chrome  and opera etc. Use of this property we will create the hover effect on image. Let see the basics of opticty and also see tuts on "How to create simple social hover button use of CSS Image Opticity"

Social sharing widget is most important part of blog post because most of blogger want to  improve seo [search engine optimization ] and increase traffic on your blog/website. Social media perform important roll to increase traffic rank and user attraction to your blog. So today I’m create a New tabbed Social Share , subscribe and connect widget for Blogger and give tuts on how to add and use this widget  on blogger. This widget create simply use of css code and html code.


Important features of this widgets

Social share :  In this tab include four section for sharing tools and user comments by user.


  1. Twitter share : this section for share the post on twitter wall.
  2. Facebook share : this section for share the post on facebook wall.
  3. Comment : It’s use for comment moderation for blogger comment and disqus comment (Use for activate comment box).
  4. Google plus share : this section for share the post on facebook wall.

Subscribe : In this tab include three section for subscribe , feeds and faq.


  1. Rss : This section use for go to rss feedburner page.
  2. Newsletter: This section use for subscribe your newsletter of your blog.
  3. Faq : This section use for faq [frequently ask question ]page.
Social Connect : In this tab include four section for social connect [ social page follow , like and youtube subscribe ].


  1. Twitter: This section follow twitter page.
  2. Facebook: This section for like your facebook page.
  3. Youtube: This section use for youtube page.
  4. Google Plus : This section use for connect to google plus page.
How to Add this widget on Blogger 

  • Go To Blogger Dashboard >Template >Edit HTML.
  • Now Search (CTRL + F) for this code: ]]></b:skin>
  • Paste the below code just above ]]></b:skin>

/* dhi social share subscribe and connect widget css code----------------------------------------------- */
.dhi_menu,.dhi_menu ul,.dhi_menu li,.dhi_menu a { margin: 0; padding: 0; border: none; outline: none;}
.dhi_menu { 
 height: 40px; width: 304px; background: #b8b8bc; background: -webkit-linear-gradient(top, #b8b8bc 0%,#38383a 10%); background: -moz-linear-gradient(top, #b8b8bc 0%,#38383a 10%); background: -o-linear-gradient(top, #b8b8bc 0%,#38383a 10%); background: -ms-linear-gradient(top, #b8b8bc 0%,#38383a 10%); background: linear-gradient(top, #b8b8bc 0%,#38383a 10%);
}
.dhi_menu:hover { 
 height: 40px; width: 304px; background: #4c4e5a; background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 10%); background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 10%); background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 10%); background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 10%); background: linear-gradient(top, #4c4e5a 0%,#2c2d33 10%);
}
.dhi_menu li {
 list-style: none; float: left; display: block; height: 40px;}.dhi_menu li a {  display: block; padding: 0 14px; margin: 6.3px 0; line-height: 28px; text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #4f5058; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; color: #f3f3f3; text-shadow: 1px 1px 1px rgba(0,0,0,.6); -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out;}
.dhi_menu li:first-child a { border-left: none; }.dhi_menu li:last-child a{ border-right: none; }
.dhi_menu li:hover > a { color: #8fde62; }
.dhi_menu ul { position: absolute; left: 0; opacity: 0; background: #1f2024; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s;}
.dhi_menu li:hover > ul { opacity: 1; }.dhi_menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s;}.dhi_menu li:hover > ul li { height: 36px; overflow: hidden; padding: 0;}.dhi_menu ul li a { width: 75px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}.dhi_menu ul li:last-child a { border: none; }.dhi_menu a.twitter { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwsr9P1azUn5KSVMgKCWkhxfag-_F6Stb_J-OeGpmLBVClGhvQPcWd21Y8VNaW8vkQqi2F-Fqg1cJKjihs0uM-twCF5Q6P8NxVGzFdL4FPDR0o_OxaY06qsC1C0VaF99gPMmUpFl2zf20/s1600/03-twitter-20.png) no-repeat 6px center; background-color:#0ba6f7; }.dhi_menu a.comment { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqb02zvDs921NsRpokbrer4aDPH_7XMZpU2qbS111jsK1GMDV0ehMn1oycT9YPr0KGeLvm8cX3W8fNTH8YE3VHkLMEeWj7Y8TRupe8fP9nq5hRz28L97Y9MUxhTakNPVtIoO7hr2QC3zg/s1600/bubble-24-20.png) no-repeat 6px center; background-color:#1950bf; }.dhi_menu a.share { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACFlADJNsDWSQDuskBqqwROV_R9qV_Zkb2QryhyphenhyphenBMv66qTnldATBvHjCnzcCV8wn1EVGvnXD6b14o5UK9SSs4DphCUqtpPAOOD0LWCwsjaaFv1xDy2fqTj5J_dL7vUdHM8kOhe583t2k/s1600/06-facebook-20.png) no-repeat 6px center; background-color:#3b3c3c; }.dhi_menu a.plus { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtv1G-7PdT3M2xfTTPt4Pwnv1m7weaMVLEGoz7bGXDKAYQNKFVxlo448G0LKW-BPfwvF461fKi775AM4VNFK0urVJrH7adDoOam3oLRE4uPLo-2FBkQRHKT7kQbej9wprvD3ipTbUCymA/s1600/40-google-plus-20.png) no-repeat 6px center; background-color:#dc311b; }
.dhi_menu a.rss { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvXMDDNeQYXOBfsVwFHd29iv1BfXeTi_OUK06S4eTyBQUSRG2Itx34Bh983wgGrs_Jm2TlOMrO2uryfXoyMSB8XC6kmL6XxDng9nwpWWOC0aMTr13Sa3BNC1Sg9UJ7jlLtUzZROng4uXI/s1600/60-rss-20.png) no-repeat 6px center; background-color:#dc311b; }.dhi_menu a.newsletter { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaViAihComUv2aF2lxBKoB16HBs9cJEM-72wBQwiJRa30aLr2MVkOEeWrxHnjMH-6V5q_jULZOQZ50qD0DsnZ6GbD0UIIzL4Ni6kGycIjySGUWYK-Kgc79bgzetE40nZxDs3MqTfpIhSI/s1600/Black_Email.png) no-repeat 6px center; background-color:#3b3c3c; }.dhi_menu a.faq { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ZT3hUxOzAL7fqtsaYlDCiCx8FZrwrp9Hetgv1aqd_5dHrHh6HebxLAxsEhjcUc7P5moSHy5_66IXkUZmt2whGAar4WQ8X7Ekw1Qtfc9fvk3wXLWHiVvNCb5FGq6ZgwAhotjTIDXP7sI/s1600/question-faq-128.png) no-repeat 6px center; background-color:#1950bf; }
.dhi_menu a.follow { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwsr9P1azUn5KSVMgKCWkhxfag-_F6Stb_J-OeGpmLBVClGhvQPcWd21Y8VNaW8vkQqi2F-Fqg1cJKjihs0uM-twCF5Q6P8NxVGzFdL4FPDR0o_OxaY06qsC1C0VaF99gPMmUpFl2zf20/s1600/03-twitter-20.png) no-repeat 6px center; background-color:#0ba6f7; }.dhi_menu a.fanpage { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACFlADJNsDWSQDuskBqqwROV_R9qV_Zkb2QryhyphenhyphenBMv66qTnldATBvHjCnzcCV8wn1EVGvnXD6b14o5UK9SSs4DphCUqtpPAOOD0LWCwsjaaFv1xDy2fqTj5J_dL7vUdHM8kOhe583t2k/s1600/06-facebook-20.png) no-repeat 6px center; background-color:#1950bf; }.dhi_menu a.youtube { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb8oIn6cfFda8M9M1u1dLSXWOqQ-a1RRyui41ufRIZ5RVDQZopZhDQFkQfCrmEZgd51nfOirehmdTgqy_F25R3gn27pSlEyP9SUrUEt_t8sldS0Gli6Kh4zwzwgDq3nsPPUT84NKx4wFQ/s1600/18-youtube-20.png) no-repeat 6px center; background-color:#0b6fdf; }.dhi_menu a.google { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtv1G-7PdT3M2xfTTPt4Pwnv1m7weaMVLEGoz7bGXDKAYQNKFVxlo448G0LKW-BPfwvF461fKi775AM4VNFK0urVJrH7adDoOam3oLRE4uPLo-2FBkQRHKT7kQbej9wprvD3ipTbUCymA/s1600/40-google-plus-20.png) no-repeat 6px center; background-color:#dc311b; }
  • Now Search the following code: <div class='post-footer'>
  • just above it, copy and paste the below code :
<!--dhi social share subscribe and connect widget code-->
<ul class='dhi_menu'>
 <li><a href='#'>share &#9660;</a>   <ul>
<li><a class='twitter' data-via='blogsfunda' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank' title='Tweet This!'>twitter</a></li>
<li><a class='share' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share this on Facebook'>share</a></li>
<li><a class='comment' href='#comments1' id='cmtbtn'>comment</a></li>
<li><a class='plus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' target='_blank' title='Post on GoogleBuzz'>plus</a></li>
  </ul>   </li> <li><a href=''>subscribe &#9660;</a>   <ul>    <li><a class='rss' href='http://feeds.feedburner.com/digitalhubinc' target='_blank'>rss</a></li> <li><a class='newsletter' href='http://feedburner.google.com/fb/a/mailverify?uri=DigitalHubInc' target='_blank'>newsletter</a></li>   <li><a class='faq' href='#faq' target='_blank'>faq</a></li>  </ul> </li> <li><a href='#'>connect &#9660;</a>
  <ul>    <li><a class='follow' href='http://twitter.com/digitalhubinc' target='_blank'>follow</a></li>   <li><a class='fanpage' href='http://facebook.com/digitalhubinc' target='_blank'>fanpage</a></li>   <li><a class='youtube' href='https://www.youtube.com/user/Windows8Tech' target='_blank'>youtube</a></li>    <li><a class='google' href='https://plus.google.com/116441114801311321617/' target='_blank'>google</a></li>
  </ul>
 </li>
</ul>
  • Save the template.That's it:)
How to customize this widget 

1. If you want to use for comment moderation for blogger comment and disqus comment (Use for activate comment box).

<a class='comment' href='#comments1' id='cmtbtn'>comment</a>

2. Replace the feedburner id : digitalhubinc

3. Replace the twitter follow id :digitalhubinc

4. Replace the facebook page id : digitalhubinc

5. Replace the google plus page id : 116441114801311321617


"If you like this widget , please reply , share and feel free to use."


ATTENTION: This widget and its coding are solely generated by Ghanshyam Singh. However, anyone can share this widget on his blog until or unless he gives proved credits to Digitalhubinc.com and blogsfunda.com . It’s a warmhearted request from our Team.

                 Twitter is a highest traffic social networking and professional user website. In this time twitter best social networking website to increase your website traffic becuase twitter use in all over world in different countries and big cities.So twitter imporatnt important place in social media like facebook, google plus , linkden and pinterest.Most of website use these social media to advertise and Marketplace for improve website seo[Search Engine Optimization] and pagerank.

Twitter use in all over world and use different languages.If you increase social online presence and increase popularity in your local area in city and state region So today I'm giving a use full information about twitter follow button , how to  use different language and show number of people follow. Let's see how to use -

How to use add this twitter follow button -

The Follow Button is a small widget which allows users to easily follow a Twitter account from any webpage. The Follow Button uses the same implementation model as the Tweet Button, and its integration is just as simple.

This documentation page is for developers and users who wish to build their own Follow Buttons. If you are looking for a quick way to build a Follow Button for your website, you can visit our Follow Button Configuration Page.

Add the Follow Button to your Website -

Using Javascript-

  1. <a href="https://twitter.com/twitterapi" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @twitterapi</a>
  2. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Add this javascript code directly use in to add Html/Javascript widget in wordpress , Blogger 
and any type of web document pages.

Twitter Follow Button Look Like this : https://twitter.com/digitalhubinc

Configure your Follow Button : 

How to configure your follow button in given javascript code , It's very simple and easy method - 

          There are several properties which allow you to configure the Follow Button behavior and display. The way to modify default properties depends on your Follow Button implementation. Use link data-attributes for the Javascript version:

Config Code :

<a href="https://twitter.com/twitterapi" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @twitterapi</a>

config file generator for twitter follow and tweet button . simply fill blank place or form then click on go to generate this code and after add java script code in this genwrated code :
 
                                                                              

 Javascript (link data-attribute)
User to follow(in the anchor URL)
Followers count displaydata-show-count
Languagedata-lang
Widthdata-width
Alignmentdata-align
Show Screen Namedata-show-screen-name
Sizedata-size
Opt Outdata-dnt

  • Followers count display -

data-show-count = true
data-show-count = false (default)

ture = for show the number of followers
false = Don't show

  • Button Size -

data-size="large" and use default

  • Language -

  1.  'english'-en
  2.  'hindi'-hi
  3.  'french'-fr
  4.  'korean'-ko
  5.  'urdu'-ur
  6.  'arabian'-ar
  7.  'Portuguese'-pt
  8.  'italian'-it
  9.  'Spanish'-es
  10.  'Turkish'-tr
  11.  'Russian'-ru
  12.  'German'-de
  13.  'Japanese'-ja
  14.  'danish'-da
  15.  'finnish'-fi
  16.  'hebrew'-he
  17.  'hungarian'-hu
  18.  'thai'-th
To use given 18 different languages short code in like this : 

data-lang:"en"

  • Width and alignment -

data-align="right" or "left"

  • Show Screen Name -

data-show-screen-name="false" or "ture"

Which browsers/platforms does the Follow Button support?

  • Firefox 3, 4
  • Chrome
  • Safari 4, 5
  • Opera 10
  • Internet Explorer 6, 7, 8, 9
  • Mobile Safari for iPhone/iPad
  • Android
  • Palm Pre
  • Opera Mini