Extrack Technologies®

The Ultimate Windows 7 And Ubuntu Linux Dual Boot

noreply@blogger.com (Faiz md. Hussain) — Sat, 14 Nov 2015 13:15:00 +0000

The Ultimate Windows 7 And Ubuntu Linux Dual Boot
Using Windows 7 And Linux On The Same Computer

Select a Linux Distro

Linux comes in many flavors. Some distributions are aimed at full configurability for advanced users (Arch Linux, Gentoo), others at fulfulling simple hardware requirements (Puppy Linux, DSL), while others aim at being as easy to use and accessible as posible (Mint, Ubuntu). These different flavors, or distributions, are commonly called “distros” by the Linux community. There are hundreds if not thousands of distros available, if you're curious go to http://distrowatch.com/ and compare. However, int this instructions set, we will use Ubuntu Linux. Ubuntu is one of the most widely used Linux distros and has a very helpful community and good user interface for new users.

Go to the ubuntu website, http://www.ubuntu.com/ and select download.

Alternatively, if you want to use a USB drive, you'll need the program "UNetbootin" which is available here: http://unetbootin.sourceforge.net/

Add Google type Stylish Breadcrumbs to Blogger Blog?

noreply@blogger.com (Faiz md. Hussain) — Wed, 29 Apr 2015 22:41:00 +0000

The Breadcrumbs or breadcrumb trail is used as an aid for navigation. The breadcrumbs allows users to keep track of their location and to understand where they are. In Blogger, the breadcrumbs are the way to realize the category of an article/post. I think you had seen this in e-commerce sites like ebay,myntra,yebhi. They used breadcrumbs to identify a product is in which category. Its just like a Home link followed by the category belongs and then the current location/current post.

Sign in to your Blogger Dashboard
Go to Template -> Edit HTML
Step 1: Find (ctrl+F) the following code

<b:include data='top' name='status-message'/>

copy the following code after it

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

Step2: Find the following code

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

copy the following code above it

<b:includable id='breadcrumb' var='posts'>
 <b:if cond='data:blog.homepageUrl == data:blog.url'>
 
 <b:else/>
 <b:if cond='data:blog.pageType == "item"'><a href="http://www.netoopsblog.blogspot.com"></a> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </a>
 <b:loop values='data:posts' var='post'>
 <b:if cond='data:post.labels'>
 <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:else/>
 Unlabelled
 </b:if>

 
 <data:post.title/>
 
 </b:loop>
 
 
 <b:else/>
 <b:if cond='data:blog.pageType == "archive"'>
 
 
 
 <a expr:href='data:blog.homepageUrl'>
 Home
 </a>
 Archives for
 <data:blog.pageName/>
 
 
 <b:else/>
 <b:if cond='data:blog.pageType == "index"'>
 
 
 <b:if cond='data:blog.pageName == ""'>
 <a expr:href='data:blog.homepageUrl'>
 Home
 </a>
 All posts
 <b:else/>
 <a expr:href='data:blog.homepageUrl'>
 Home
 </a>
 Posts filed under
 <data:blog.pageName/>
 </b:if>
 
 
 </b:if>
 </b:if>
 </b:if>
 </b:if>
 </b:includable>

Step 3: Find ]]></b:skin> and Copy the following css code above it

Style : Google Type

.breadcrumbs a {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background-position: 100% 0;

    background-repeat: no-repeat;

    border-color: #D9D9D9;

    border-image: none;

    border-style: solid;

    border-width: 1px 0 1px 1px;

    color: #666666;

    display: block;

    float: left;

    font-size: 95%;

    padding: 7px 16px 7px 19px;

    position: relative;

    text-decoration: none;

    z-index: 1;

}

.breadcrumbs a:hover {

    border-bottom-color: #C4C4C4;

    border-top-color: #C4C4C4;

    box-shadow: 0 2px 2px #E8E8E8;

    color: #333333;

}

.breadcrumbs a:first-child, .breadcrumbs a:first-child:hover {

    border-top-left-radius: 5px;

    z-index: 30 !important;

}.breadcrumbs {
    margin: 0px 0px 15px 0px;
    font-size:95%;
    }

How to Add a Page Break/Jump Break in Blogger

noreply@blogger.com (Faiz md. Hussain) — Wed, 29 Apr 2015 18:59:00 +0000

Have you ever happened to visit those blogs that show a small summary of each post on the homepage rather than showing the whole post content? If yes, then this has been becoming a latest trend of not displaying the whole content on the homepage or archive page. Blogger offers a feature called After the Jump which makes your large posts appear in the form of small post summary with a read more link that leads you to the full view of the post. In this article, we will show you How to Add a Page Break/Jump Break in Blogger.

Why to use Jump Break/Page Break?

There could be several reasons why one must use this feature, following are the reasons why you should be using this feature more often:

It helps you to reduce the bounce rate of your blog because visitors now have to click on the read more link to view the whole content. This also means that you will get 2x more pageviews than you were getting previously.

Since, a lot of people are using this feature on their blogs so you should try it too. In short, it has been the latest standard for all personal and magazine based blogs

How to Add page break/jump break in Blogger?

Adding a page break in your post is very simple and can be achieved with ease with the help of post editor, without even adding any extra code to your site. The very first thing you need to do is to go to Blogger >> Edit a Post >>.

Now you have to decide where exactly you would like to place the jump break in the content and place your cursor at that location.

Once you have successfully placed your cursor on a location, click the Insert Jump Break toolbar icon in the toolbar

Now you’ll notice a gray bar separating your content. This illustrates that how your post summery would look alike. Your post summery would consist of the text that starts from the top till the jump break line.

Once you have successfully placed the jump break, you are good to publish your posts and that’s it. Now you’ll notice a read more link along with the post summery. Now your visitors have to click on read more to read the full post.

We hope this tutorial may have helped you in learning how to add page break/jump break in blogger. If you are using read more in your blogs then, let us know what are the results. We are also using the same technique at MyBloggerLab and the results are pleasing.
.

How to Easily Add CSS Codes in Blogger Template

noreply@blogger.com (Faiz md. Hussain) — Wed, 29 Apr 2015 18:38:00 +0000

Developer’s Way of Adding CSS Code in Blogger:

This method is recommended to all template designers who develop blogger templates. The very first thing you would be going is to login to blogger dashboard and go to Template >> Edit HTML >> Search for ]]></b:skin> tag and just above it paste the CSS code that you would like to add to your blogger site.

Once everything is done, you are finish customizing your template you can preview the changes that you have done before applying it to your site by pressing “Preview template” button. After previewing if the results are satisfactory press the “Save Template” button present towards the top of the template editor. Your CSS is successfully applied to your

ExTrack Technologies®

noreply@blogger.com (Faiz md. Hussain) — Mon, 27 Apr 2015 15:04:00 +0000

jQuery Expand Collapse Slider Panel

CSS Dropdown Menu

Extrack Technologies^®

IT Systems Services Provider Solutions

ISP Solutions

IPTSP & VSP Solutions

Call Center & IP-PBX Solutions

Union Digital Center Solutions

Hardware

Software

Automation

Advertising