Windows 8 Fonts Segoe UI -Free Download

segoe_fonts_in_windows_8_by_yhynerson1-d4shtujHello Friends , Its almost a year since Microsoft have launched their new Operating System, Windows 8. And in the coming October, Microsoft is going to launch yet another version of Windows 8, namely Windows 8.1. In This Operating System look like Fonts so Nice . Some People Want's This Fonts . Don’t Worry
This Font Designed by Micro Soft Already this font exist in MS Word . Whole Operating System Used this Fonts .

Following Fonts Contains :

  • Regular
  • Bold
  • Italic
  • Semibold
  • Semilight (new to Windows 8)
  • Light
segoe_ui_font_collection__5_24_windows_8_
                     [ZIP] 4.1 MB


                [ZIP] 3.1 MB

CSS : Text Shadow In 3D Effect

Hello Friends Today we are discuss Text-Shadow With CSS.this Word Firefox,safari,Chrome and Internet explorer Is Not Working . The CSS 2 property text-shadow is supported in Safari since version 3 (also available for Windows), Opera since 9.5, Firefox since 3.1, Google Chrome since version 2, Konqueror and iCab. In fact, text-shadow is supported by all browsers that are based on WebKit, the rendering engine behind Safari and Chrome. Internet Explorer 8 does not support such text shadows (except for some DirectX image transform filters).

CSS-3D-Text-Shadow2
Today I am Sharing How to 3D Text Shadow With CSS.

CSS :

h1.tg-sha { font-size:200%;margin:10px 0 0;padding:0;color: #ffffff; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15); font-weight: bold;}

HTML :

<h1 class="tg-sha"> Text Here </h1>

Text CSS-3D

Using This Blog Title h1 tag <h1> </h1>

How to Make optical illusion image Use MS Paint

Make-illusion-1

The red dot in the center of the image above thirty seconds
Look. Look for it at the bottom of the white area. Negative image that shows the real picture?
The same color (wave length) was looking for a long time, the additional exposure (Exposure), due to their sensitivity to certain light sensors for some time (Sensitivity) will be lost.When the vacuum, their performance (temporarily) lost the sensors are very dim. Other sensors are operating as usual.
  Other sensors may be more sensitive to the visible, the image of the brain shows us.

  • MS Paint-in the open.
  • The opening of the photo is going to change.
  • Make Select All. ("Ctrl + A" can be pressed)
  • Right Click on the image to.
  • "Invert Colour" click.
  • The red color of the nose or in the form of a brightly know how to draw one point and a different color.
  • Save it please.

How To Add Breadcrumbs Navigation Widget For Blogger

Breadcrumb navigation helps your readers to track their position on your blog by showing a breadcrumb trail in this way (Home » Label Name » Post Title).This navigation appears just above of the your post title and the links are a trail from the homepage to post title. breadcrumb-navigation-for-blogger.png

Add Breadcrumbs Navigation To Blogger

  • Login to your Blogger Dashboard –> Template
  • As always download a copy of your template
  • Click on Edit HTML.
  • Now find below code,
  • ]]></b:skin>

    add below CSS code just above it,

    .breadcrumbs {

    background: #F7F7F7;

    float: left;

    border: 1px solid #E6E6E6;

    width: 575px;

    font-size: 11px;

    margin: 10px 10px 10px 10px;

    padding: 5px 10px 5px 10px;

    }

  • Now find below code,
  • <b:include data='top' name='status-message'/>

    just above it copy and paste below code,

    <b:include data='posts' name='breadcrumb'/>

    Now find below code (if you find two occurrences of this, then locate the second one)

    <b:includable id='main' var='top'>

    just above it paste below code,

    <b:includable id='breadcrumb' var='posts'>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>

    <b:if cond='data:blog.pageType == "static_page"'>

    <div class='breadcrumbs'>

    <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pagename/></span>

    </div>

    <b:else/>

    <b:if cond='data:blog.pageType == "item"'>

    <!-- breadcrumb for the post page -->

    <b:loop values='data:posts' var='post'>

    <b:if cond='data:post.labels'>

    <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">

    <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>

    <b:loop values='data:post.labels' var='label'>

    <b:if cond='data:label.isLast == "true"'>

    » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>

    </b:if>

    </b:loop>

    » <span><data:post.title/></span>

    </div>

    <b:else/>

    <div class='breadcrumbs'>

    <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span>

    </div>

    </b:if>

    </b:loop>

    <b:else/>

    <b:if cond='data:blog.pageType == "archive"'>

    <!-- breadcrumb for the label archive page and search pages.. -->

    <div class='breadcrumbs'>

    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pagename/></span>

    </div>

    <b:else/>

    <b:if cond='data:blog.pageType == "index"'>

    <div class='breadcrumbs'>

    <b:if cond='data:blog.pageName == ""'>

    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>

    <b:else/>

    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pagename/></span>

    </b:if>

    </div>

    </b:if>

    </b:if>

    </b:if>

    </b:if>

    </b:if>

    </b:includable>

    How To Add Breadcrumbs Navigation Widget For Blogger

    Breadcrumb navigation helps your readers to track their position on your blog by showing a breadcrumb trail in this way (Home » Label Name » Post Title).This navigation appears just above of the your post title and the links are a trail from the homepage to post title. breadcrumb-navigation-for-blogger.png

    Add Breadcrumbs Navigation To Blogger

  • Login to your Blogger Dashboard –> Template
  • As always download a copy of your template
  • Click on Edit HTML.
  • Now find below code,
  • ]]></b:skin>

    add below CSS code just above it,

    .breadcrumbs {

    background: #F7F7F7;

    float: left;

    border: 1px solid #E6E6E6;

    width: 575px;

    font-size: 11px;

    margin: 10px 10px 10px 10px;

    padding: 5px 10px 5px 10px;

    }

  • Now find below code,
  • <b:include data='top' name='status-message'/>

    just above it copy and paste below code,

    <b:include data='posts' name='breadcrumb'/>

    Now find below code (if you find two occurrences of this, then locate the second one)

    <b:includable id='main' var='top'>

    just above it paste below code,

    <b:includable id='breadcrumb' var='posts'>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>

    <b:if cond='data:blog.pageType == "static_page"'>

    <div class='breadcrumbs'>

    <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pagename/></span>

    </div>

    <b:else/>

    <b:if cond='data:blog.pageType == "item"'>

    <!-- breadcrumb for the post page -->

    <b:loop values='data:posts' var='post'>

    <b:if cond='data:post.labels'>

    <div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">

    <span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>

    <b:loop values='data:post.labels' var='label'>

    <b:if cond='data:label.isLast == "true"'>

    » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>

    </b:if>

    </b:loop>

    » <span><data:post.title/></span>

    </div>

    <b:else/>

    <div class='breadcrumbs'>

    <span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span>

    </div>

    </b:if>

    </b:loop>

    <b:else/>

    <b:if cond='data:blog.pageType == "archive"'>

    <!-- breadcrumb for the label archive page and search pages.. -->

    <div class='breadcrumbs'>

    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pagename/></span>

    </div>

    <b:else/>

    <b:if cond='data:blog.pageType == "index"'>

    <div class='breadcrumbs'>

    <b:if cond='data:blog.pageName == ""'>

    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>

    <b:else/>

    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pagename/></span>

    </b:if>

    </div>

    </b:if>

    </b:if>

    </b:if>

    </b:if>

    </b:if>

    </b:includable>

    How To Add a Breadcrumb Trail to your Blogger Post

    Have you ever experienced after searching and googling to a comprehensive website, then lose track of where you are, and what you are really looking for? I did, many times. To quote a page on the Yahoo's Design Pattern Library: "When the page displayed is within a hierarchy of pages and is not the topmost page," the reader needs some sort of "understanding of where she is in relation to the rest of the site."
    The breadcrumb trail at the top of a post provides a nice solution to this problem. In a breadcrumb, you can always click on the label/category before it, or click the "Home" link to go back to the front page. More importantly, the user knows where she is, something that other navigation widgets such as the out-of-the box label, or my previous "tab hack" are not able to address (yet.)

    bc

     

    Below are two easy steps to install the "Breadcrumbs Hack"

    Step1: Embedding Function Definition and Function Call.
    Go to Template->Edit HTML, then check the Expand Widget Templates checkbox.
    Look for the Blog1 widget (<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">), then locate the main includable:
    Put the below code right in front of the highlighted text:

    bc1

    <b:includable id='breadcrumbs' var='post'>
    <!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
      <b:if cond='data:blog.pageType == "item"'>
          <p class='breadcrumbs'>
          <span class='post-labels'>
            <b:if cond='data:post.labels'>
              You are here:
              <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  &gt;
              <b:loop values='data:post.labels' var='label'>
                <b:if cond='data:label.isLast == "true"'>
                  <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
                </b:if>
              </b:loop>
              <b:if cond='data:post.title'>
    &gt;  <b><data:post.title/></b>
              </b:if>
            </b:if>
          </span>
          </p>
      </b:if>
    <!-- End of Breadcrums Hack -->
    </b:includable>

    Next, add this line:

    <b:include data='post' name='breadcrumbs'/>


    right in front of the line <b:if cond='data:post.dateHeader'>. (Since you're already located the line <b:includable id='main' var='top'>, once you add this new line, it is now part of blog1 widget.)

    bc2

     

    Step 2: Add CSS code
    Add this code at the end of the CSS portion (between the pair skin tags (see picture)


    .breadcrumbs {
    border-bottom:1px dotted #000;
    margin:2em 0 0.5em;
    padding:0 0 0.5em;
    }


    (Feel free to modify the first & third parameters of the last two lines (in bold) to expand/shorten the top & bottom heights.)

    Save your editing, and you should see the breadcrumb only when you view an item page.

    bc4

    How To Simulate A Ball Hitting Another Ball

    Steps

    • Go to start –> Macro Media –> click on Flash document.
    • Choose the circle option displayed in the toolbar. create two circle at the opposite ends.
    • Go to frames -> right click on the 1st blank frame and click insert key frames.
    • Select the 1st ball and make it to move towards the other till it touches.
    • Change the shape of the ball using free transform tool as soon as the two ball touches each other. after hitting each other make them to move towards opposite direction.
    • Before moving to the opposite direction bring back the balls to its original shapes.
    • Finally test the animation by selecting control –> movie clip.

    Output

    ball1ball2ball3ball4ball5ball6ball7ball8ground

    Attribution [Infographic]

    Hello Folks, long time since i last posted an article on my website.Today our Guest Author Eddie O'Driscoll has taken some of his precious time to write for us. It is a very helpful infograph that can help you improve your Websites performance and will give you a detailed information of where the leads are coming from and also See how to become an Guest Author in My Blogging Techniques.

    What is attribution ?

    Attribution is the practice of attributing every sale or lead that your business gets to a particular advertising spend or channel. By doing this, businesses can know which advertising spend is generating greatest ROI. Below is an infographic that we hope you will enjoy!


    Author's bio:
     Eddie O’ Driscoll is the managing director of DPFOC ( stands for “Driving Profitability For Our Clients”) UK and Ireland and writes regularly on all topics related to online marketing.

    How to Create an Animation for Words

    procedure to create an animation with the following features.
    WELCOME
    * Letters should appear one by one
    * The fill colour of The text should change to a different colour after
    the display of the full word.

    Steps

    • Go to start -> Macro Media -> click on Flash document.
    • Choose the textbox from the tool bar. Type the word as ‘WELCOME’ on layer1.
    • Select the complete word, increase its Font size and change the colour.
    • In the timeline window, select the 1st frame-Right click on it –> choose insert key frame. Now delete a last letter {E} and change the colour of the remaining word.
    • Repeat the above procedure till you delete every word in ‘WELCOME’.
    • Now select all the key frames –> Right click –> choose ‘Reverse key frames’.
    • After reversing the frames copy the last frame and paste on its next. now in the new frame Select all the complete word ‘welcome’ and change the colour.
    • Finally, go to ‘control’ -> click on ‘test movie’ you will get the required animation.

    Output

    welcome1welcome2welcome3welcome4welcome5welcome6welcome7welcome8

    How To Simulate Movement of a Cloud

    Steps

    • Go to start –> macromedia –> click on flash document
    • Create a blue background in layer 1
    • Now insert a layer 2 and draw the clouds in this layer.
    • In order to create the clouds, go to tool bar and select pencil option, draw the cloud in layer2
    • Fill the colour to the cloud, right click on it –> choose convert to symbol option –> give the name as cloud
    • Select the movie clip option and click ok.
    • Go to filter —> click on the + symbol –-> select glow to apply glowing effect —>  select the colour to white
    • Under glow and adjust the blur x/blur y values.
    • Give the appropriate blur effect to the cloud.
    • Go to frames, insert key frame on both the layer, create the motion tween on 2nd layer and move the clouds
    • Finally go to control –> click on test movies

    Output

    cloud1                                                cloud2

    cloud3                                                cloud4

    How To Create An Animation To Indicate A Ball Bouncing On Steps

     

    PROCEDURE

    • Go to start –> macromedia –> click on flash document.
    • select the line tool and draw the steps. colour it using the paint bucket tool
    • Select the circle from the tool bar and create a circle on the work area.
    • Now fill the colour to the circle using the paint bucket tool from the tool bar.
    • Go to frames right click on the first frame and choose insert key frame. slightly move the ball. Repeat the same procedure by adding new key frames to show the ball change the shape of the ball slightly when it touches the surface.
    • In order to change the shape use the free transform tool.
    • Go to control and click on test movies . You will observe the ball bouncing on steps.

    Output

    Below are the screenshot of the bouncing ball.

    ball1                                     ball2

                Step 1                                                                                           Step 2

    ball3                                     ball4

                         Step 3                                                                                        Step 4

    ball5                                      ball6

                        Step 5                                                                                               Step 6

    How To Create An Animation To Represent The Growing Moon

    • Open flash 8 software -> click on flash document->go to windows->properties -> select the properties tool -> choose the Background to black.
    • Go to fill color under tool bar -> select the white color.
    • Select the oval tool in order to draw the moon. you will get a white circle.
    • Select the white circle on the worksheet using the selection tool -> right click -> convert to symbol –> select movie clip –> give suitable name Eg: moon –> click ok.
    • Go to filter->click on the + symbol->select glow to apply glowing effect-> select the color to white under glow and adjust the blur x/blur y values.
    • Click on the + symbol again and chose blur -> again adjust the blur x/blur y values.
    • Place the moon where ever you want on the work area.double click on layer 1 and rename as MOON.
    • Insert another layer –> rename it as Animation.
    • Select the fill color to black-> select oval tool and draw a circle on the moon to cover the moon –> select the newly added circle -> right click -> convert to symbol -> movie clip -> name it as Animation.
    • Go to filter -> select + symbol –> give the glow and blur effect as did for moon.
    • Select the 150th frame in moon layer –> right click –> insert key frame. repeat the same for Animation layer.
    • Click on the 149th keyframe of animation layer –> right click-> press create motion -> select the animation movie clip and move slowly across the moon.
    • Finally go to control -> test movie -> u will get a growing moon as the output.

    See this below Output screenshot.

    sc1sc2sc3sc4sc5sc6

    How to Change your Facebook Background

    Facebook, is the largest growing social network which is spread around widest of the most countries. By default, Facebook comes in White and Blue for all users. There is a reason behind selecting blue colour theme for Facebook because Mark Zuckerberg, the founder of Facebook suffers from red-green blind, Blue colour is the richest color to him. If you get bored with this blue theme of Facebook, lets change the theme . Are you ready ?

    Requirements To Change a Facebook Background

    Mozilla Firefox Browser

    How to Change your Facebook Background

    • Open Mozilla Firefox.
    • Firstly, you need to download a Firefox plugin named Stylish. To download this click here.
    • Click on Add to Firefox.
    • Now the add-on gets downloaded, and a pop-up window appears to install . Now click Install as shown below . addon1
    • Now the add-on gets installed in a few seconds , restart firefox or just click restart firefox on the top . 
    • Visit the stylish themes official website here.
    • Click on the Facebook Themes.
    • Now the select the theme you like and click on it .
    • You need to install the theme . Click on + Install with Stylish.
    • Now you’re done. And at last, Finally Login into your Facebook account to see the changes occured.

    10 Best Creative SEO Ideas to Improve Traffic and Rankings

    Hello Folks, long time ago since i posted an article so today our Guest Author Alice McLean has took some of her precious time to write for us in this site to help you all with Search Engine Optimization to improve your traffic and your all rankings. See how to become an Guest Author in My Blogging Techniques.

    Search Engine Optimization (SEO) is one of the best ways, proven over time, to get regular traffic which makes it an excellent long term companion toward any business’s success. This traffic is not just any traffic, but highly relevant and targeted to online searchers who are much more likely to engage with your website. Most of it is even free, – but only if you know how to play the ranking game.
    Statistics show that when people search certain queries, the first 10 results that list on the first page are the ones that get 90% of all the traffic. Not being on this page means your business is in the game for only 10% of the cake, and there are lots of others who want to eat that same piece as well. This puts lots of pressure on business owners to get it right from the first time. Here are ten interesting and creative SEO ideas to help you start raking in that highly targeted natural traffic:

    It’s all about being social now

    Google is the world’s greatest search engine. Their Panda and Penguin updates to their algorithms meant disappearance of thousands of websites in any given area. What these updates included (among the rest) was the social element of the businesses and websites. The more your brand and web content are being mentioned and shared on the popular social networks, the better your online authority and rankings in the search results.
    Social media is now an incredibly powerful marketing tool for absolutely any business, small or large. This type of communication provides a direct bridge to your targeted audience, helps you build your brand awareness and carve out your position on the market. You can use just any network – Facebook, Twitter, Google+, YouTube – to connect with your potential and current customers, as well as follow the latest in your industry.

    Leverage local SEO

    According to latest research there’s a local keyword included in over 40% of the online searches, and over 80% of these people go to the actual physical location, or call the store by phone to get the information they need. If your business is local oriented you can fill out a profile on online local business directories like Google Local, Yahoo Local, Bing Local or Yelp, so others will see it when searching their local queries.

    Strengthen your onsite SEO

    Search engines can’t recommend your web content, and business, in their results if their algorithms don’t understand what you are about. You need to make sure that every page on your website is properly optimized – meaning there are relevant meta tags, titles, alternate phrases and keywords, density – to give search engines a solid idea how your business can help their searchers.

    Start a business blog

    Blogging not only gives you another opportunity, aside social media, to connect with your audience and communicate with your customers more directly, but search engines tend to really like blogs also. There’s nothing more important to them than having good quality content that’s relevant to what people search for. And your business blog is the place to share your knowledge and expertise, and bring it closer to your readers. Relevant and useful content linked with your website and products/services will certainly get you lots of SEO credit.

    Make sure to update regularly

    Google wants websites with dynamic content and regular updates with new, creative, interesting and useful articles and blog posts. Users want the same. It makes you wonder if the company still exists if you visit its site and latest thing published was a year ago. When viewers like the blog or website they tend to come visit it again, so things must be fresh for their next visit.

    Consider increasing the interaction level on your site

    Search engines like it when people stay longer on a certain website. It shows them that the link suggested in the results was useful and relevant to the users since they are spending more time scanning through the information. Adding videos and other interactive media on your blog and website will keep people engaged for longer. This can also help you set your pages apart from competitors with less dynamic websites.

    Publish and distribute some press releases

    A press release can help you get your name and message out there. It includes information about your business and products, some news, or upcoming events you want to share with readers and gain more publicity. There are lots of free services to distribute your written press releases and get more targeted attention to your website.

    Set a PPC campaign to bring more traffic

    Pay-per-click campaigns go well together with SEO, particularly when the campaigns are used in relevant manners to promote certain websites. This type of paid advertising is not too expensive, will get you extra traffic to your website, and help you build your brand some more.

    Try other forms of alternative advertising

    If paid advertising is not an option, you should consider posting to Craigslist or another listing site to get more attention. These services can help you spread your brand info across the network, and if you optimize correctly you can even get in Google’s search results.

    Consider getting professional assistance from a SEO company or consultant

    It is possible to do most of the SEO work by yourself, but as the business grows and potentials develop you’d be better focusing on your core products and services, and distribute the optimization work load a little bit to become much more efficient and faster. And even if you decide you are going to do it all, it won’t hurt to get a professional opinion from someone who’s an expert in the field.
    While implementing all these SEO ideas, keep in mind that it takes time to be able to see the results, and don’t get discouraged. If you invest the needed time and effort into this, you’ll certainly be able to see your business on the first page in search engines’ results.



    Author's bio: Alice McLean is a writer at bestessays.com with background in history, sociology and internet marketing.  Now she is writing her first book on internet marketing.
    Proudly powered by Blogger