Monday, October 5, 2015

// // Leave a Comment

How to add Skype Call and Chat Button on Blogger and Wordpress Blogs

The Skype button is a great way to stay in touch with your visitors in your website or blog. Being in direct contact with your visitors is one of the most important things that affect the raising of the value of your website or blog. Especially if you have a website on which you offer products or services to your visitors, it is definitely important to keep contact with your visitors or customers in order to show that you are loyal to them.

add skype button on blogger or wordpress
You all know that Skype is the most recognized service that offers free voice calls and chats over internet. So they give the opportunity to their users to be also present in their websites or blogs. Skype does that by giving you a button which you can place it in your blog or website and give the opportunity to your visitors to call or chat with you whenever your are online. So they just simply need to click on the Skype button and call you. In this guide I'm going to show you how to add the Skype button to a Wordpress or Blogger blog. Just follow the steps below.

Create the Skype button and get the code

First you have to customize and get the code for your Skype button. You can do this quickly by visiting the Skype button page. You can notice from the picture below that you have to complete 3 simple steps in order to be able to get the code needed to place on your website or blog. So first write your Skype name (if you still don't have a Skype account then sign up). After that you have to choose what kind of functions you want to have the Skype button: Skype calls, instant message or both functions. If you want to have the both functions then check both options. The final step is for choosing how your Skype button will look.

customize skype button

As you can notice you can not make the desired customization in order to fit your website or blog, just poor options. You have only two color options: blue and white and the size of the button goes from 10px to 32px. On the right of the screen there is a small window that previews your Skype button and any change you make on it. So if you are satisfied with the looks of your Skype button then copy the whole code that is given and you are ready to add it on your website or blog.

How to add Skype call and chat button on Blogger blogs?

To add the Skype button on your Blogger blog is quite easy. So before adding it, you have to decide where you want to show this button. The most perfect place is your sidebar or footer. Login to your Blogger dashboard and click on Layout. In the Layout page you can see the structure of your Blogger template. To add the Skype button on the sidebar just go to the Sidebar section and click on Add a Gadget.

add gadget blogger layout

A new window will appear with a list of Gadgets. So you have to choose the gadget that allows you to show code, so just select the HTML/JavaScript gadget. This will allow you to show different kind of codes on your Blogger blog. Now just paste the code you have copied before and click Save.

add gadget blogger


Now your Skype button is ready and placed on the sidebar of your blog. But if you don't like how the Skype button looks on the sidebar, you can add it on the footer of your blog. To do that, in the Layout section find the footer down below and repeat the same procedure that was described above when we add the Skype button on the sidebar. Click Add a Gadget, paste the code and click Save.

How to add Skype call and chat button on Wordpress?

Adding the Skype button on Wordpress is very simple. Login to your Wordpress Dashboard and from the main menu on your left side click on Appearance and select Widgets.

wordpress dashboard

Now you are on the Widgets page. On the left side of this page are placed the available widgets and from the right side are the Sidebar, Footer and other sections. To add a code, drag the Text widget on the Sidebar section. Expand the Text widget, paste the code there and click Save. Your Skype button is ready and available on your blogs sidebar.

wordpress text widget



Read More

Wednesday, September 30, 2015

// // Leave a Comment

How to Change and Backup a Blogger Template

One of the things that makes Blogger one of the best free blogging platforms and very popular among bloggers is the huge amount of free templates from different categories. You can find free Blogger templates for any kind of blog or website: technology, finance, business, travelling,  news, personal etc. Besides that, Blogger templates are very easy for editing. With minimal HTML and CSS knowledge you can make a lots of design changes in your template, like colours, fonts, element positions and more. If you are here reading this guide, that tells me that probably you are a beginner so before changing your current template you have to backup and save it in case you don't like the new template.
Recommended to read: How to add page number navigation in Blogger blogs
Backup is highly recommended also when you edit your template, because you cannot go back after editing. So let's start first by backing up your Blogger template and after that installing the new template.

1. Login to your Blogger Dashboard and if you have more blogs, select the one that you want to change the template. On the left side menu click on Template.

blogger dashboard

2. Click on the Backup/Restore button located in top right corner of the window.
3. The Backup/Restore window will appear. To backup or download your Blogger template just click on the Download full template button and save it in your computer.
4. Now in the same window, just click Browse and locate the template you want to install and click Upload.
download and install blogger template

Important: when you upload a Blogger template be sure that you are uploading an .xml file, other kind of files are not supported by Blogger.

That's all, you can now enjoy your new template. If you still have any kind of problem regarding this topic, let me know by commenting from the form below.
Read More

Saturday, September 26, 2015

// // Leave a Comment

How to Convert Video Files to Flash (FLV and SWF)

Advertisements that you notice in various websites and blogs are flash based animations. This is the famous .swf (Shockwave Flash) file, the most popular file format on internet for displaying animated vector graphics such advertisements and applets because of its small size and decent quality. On other side, there is another very popular .FLV (Flash Video) format which in fact is a Flash video format and is very common on the web. Most of you have already noticed that when you download a video from YouTube you get it in .FLV format. This format is also very popular among other websites which embed videos on their websites, because of the small size and at the same time the great quality that the .FLV format offers. So you can conclude that the difference between .SWF and .FLV flash files is that the first one is a a vector based animation on other side the second is a Flash video file.

convert video files to flash

To create an flash animation it's not very easy and can be very time consuming, even you have to know some Flash programming. So if you need to create an advertisement it will be more easy for you to create it as video and after that to convert it directly into a Flash file (.SWF) and embed it on your website or blog. That's why in this article I'm going to show you the best software that will help you to convert your video files (avi, mpeg, wmv, dvd) to Flash files like .FLV and .SWF.

X2X Free Video To Flash Converter


X2X Free Video To Flash Converter is one of the best free solutions that will help you turn your favorite video files quickly into flash files like .SWF and .FLV. It supports different video files like: AVI, MPG, MPEG, MP4, WMV, ASF, MOV, QT, 3GP, 3G2, AMV, FLV. But the best feature in this converter is the possibility to generate the HTML code for your converted video, so just by copying the given code you will be able to embed the video directly in your website or blog.


Free Video To Flash Converter

free video to flash converter

Free Video To Flash Converter compared to the other converters is very simple but very powerful video to flash converter created by the DVDVideoSoft, a software company which is very popular with their wide range of video converters and all of them for free. So starting from this fact, we can really count on this converter. It supports also a wide range of video files, which I will not mention here, so if you are interested, you can learn in their homepage.


IVC - Internet Video Converter

internet video converter

IVC - Internet Video Converter is an All In One tool that will help you download and convert various types of videos into flash (.SWF or .FLW) or vice versa, flash animations into video files. It supports the following video files: mov, mpg, mpeg, vob, asf, divx, wmv, avi, mkv, mp4, 3gp, ogm, ram, rmvb, dat, mod, dpg and mts. As I said earlier, this converter also comes with the option to download videos from various online video sharing websites.


Freemake Video Converter


Freemake Video Converter is a very powerful freeware video converter that will let you convert any kind of video (supports over 200 video input formats) and burn them directly into a DVD. The best thing is that this converter offers you the possibility to convert your favorite videos into flash animation, .FLV and .SWF.


So, which one is the best?

These are the best free solutions I have managed to find around the web until now. I've downloaded, installed and have tested them and really I cannot decide which is the best, because all of them give to me the desired results. I suggest you to download some of them and test to find the one which will fulfill your expectations. If you have any question or you have any other application which I've not added in this list, then feel free to let us know about it by using the comment form below.


Read More
// // Leave a Comment

How to Create Bootable Ubuntu USB Flash Drive

Have you ever wanted to have a Portable Ubuntu OS in your pocket and use it whenever you need, in every case? I'm completely sure that you will not hesitate to do it, especially if your work is related to computers and laptops. Today having an USB Flash Drive is more than a need and fortunately they are more than cheap. So if you have more than one, then I suggest you to use it for the creation of the Bootable Ubuntu USB Flash Drive, which process is quite easy if you follow the instructions I will give now. To make a bootable Ubuntu USB Flash Drive I will use a free portable tool for Windows and Linux called UNetbootin.

how to create bootable ubuntu usb drive

Recommended to read: How to create Linux bootable USB Stick
First before we start, you should have your USB Flash Drive formatted in NTFS format. Attach the USB Drive in your computer, go to My Computer and under Device and Removable Storage find your USB, right-click on it and select Format. The Format window will appear in front of you. Here all you need to do is change the File system into NTFS and click the Start button to begin the format. After few moments your USB Flash Drive will be formatted and ready.

format usb windows 7

The first part is completed, now we have to continue with the phase where we are going to create a bootable Ubuntu in the same USB Flash Drive that we formatted earlier.
When you run UNetbootin you will notice that it gives you two options to make a bootable USB Drive:
1. Distribution - gives you the opportunity to download the desired Linux distribution by selecting the ones that are listed on the program
2. Diskimage - use the Linux distribution that you have downloaded before, by locating it in your hard drive and selecting the type of the drive, in our case is USB Drive.
unetbootin bootable ubuntu usb creator

So once you have decided for the method just click OK and the process will start. In my case I downloaded earlier the ISO image file of Ubuntu 14.0.3, which represents the latest version. If you are interested to download it, just visit the official download page of Ubuntu by clicking here.

unetbootin bootable ubuntu usb creator

After the installation is completed, Unetbootin will ask you to reboot your computer, so just click the Reboot Now button.

Immediately after restarting your computer, you have to enter to your BIOS Menu by clicking the Delete button or F2. Proceed to the Boot section and set your USB Flash Drive as your first boot device, before your Hard Drive or CD/DVD Drive. After finishing this setup your USB Flash Drive is ready to start the Ubuntu installation.

That's all what you have to do in order to make a bootable Ubuntu installation in your USB Flash Drive. Wish you good luck!
Read More

Friday, September 25, 2015

// // Leave a Comment

How To Show My Computer (This PC) Icon On Desktop in Windows 8 and 8.1


The My Computer icon is the most used one in every Windows based PC. It's the most frequently used icon in every version of Windows going back from Windows 3.1 (1992) to Windows 7. When I installed Windows 8 for the first time, the first thing to do was trying to find My Computer on the Start Menu in order to show the same icon on the Desktop. But there was not a My Computer icon. So after a few moments while searching the Start Menu I found an icon named "This PC". I clicked on it and redirected me to the hard drive explorer. I felt very weird because for 15 years of using Windows I've never imagined that My Computer will be renamed like this. The first thing I wanted to do is to send this icon to my desktop. I right clicked on it (like I used to do on earlier versions of Windows) but nothing, there was no option that will allow to show "This PC" icon on my Windows 8.1 desktop. But after some researching, I managed to get a solution that I used to work also on other Windows versions. Let me show you how to do that:

1. Go to your Windows 8 or 8.1 desktop, right click on it and select Personalize. The Personalisation window will appear. From the menu on the left click the "Change desktop icons" link.

change desktop icon

2. Now you are at the right place. In the Desktop icons section just select Computer and click OK.

desktop icons windows 8

That's all you need to do. Now go back to your Windows 8 desktop and you will see that the "This PC" icon is right there.

Important: You can notice that on the Desktop Icon Settings window you can also make the Control Panel icon to appear also on your Windows 8 desktop. Just select it from the Desktop icons section.

Read More
// // Leave a Comment

How To Download And Install Flappy Bird APK On Android Smartphone

Without doubts Flappy Bird is one of the most amazing and on the same time one of the most boring and stupid games. This is not my opinion, but everyone thinks like this. Dong Nguyen, the creator of Flappy Bird removed the game from Google Play Store and AppStore after achieving a huge success, with more than 50 million users all around the world and bringing him a revenue $50,000/day. As we can see this was not his choice. It is more than obvious that some graphical elements used in the game are identical to the ones used in Super Mario, the legendary game from Nintendo. So probably Nintendo has to do with this issue. But anyway, that's history now, lets get back to the main problem that brought you here. Flappy Bird is not online anymore, but those who have downloaded it before and didnt unistall it don't have problems playing it. Those who didn't know about this addicting game unfortunately cannot download it from Google Play Store. But fortunately there is an APK file from this game so don't worry, I will give you the link of this file and show you how to install it on your Android smartphone.

1. Before starting you have to download the Flappy Bird game for you Android smartphone which normally comes in .apk extension. The download link for the .apk file for Flappy Bird is available at XDADevelopers. Save it anywhere you want.

2. Now you have to connect your Android smartphone with your PC or laptop in order to transfer the Flappy Bird .apk file.

3. After you see that your Android device is connected to your computer, copy the file and paste it in your phone memory or SD Card.

4. Before starting the installation of Flappy Bird, first you have to set up your Android smartphone in order to allow you to install apps from sources other than the Play Store. To achieve this just go to Settings, then Security and finally check the Unknown Sources option (see the picture below).

install apk in android

As you can see in the picture above, after clicking on the check box at Unknown Sources, the system will ask you to confirm the changes so you will have to click OK. Â This is a warning about some risks that may happen if you install apps in this way because there may be apps with viruses.

5. Now your Android smartphone is ready to welcome the Flappy Bird game. All you have to do now is to open your Android File Explorer or the so called My Files, locate the .apk file and click on it. Before installing the system will ask you the way how you want to install the game. Select the Package installer option and click just on Always. Again the system will ask you to confirm if you really want to install this app, so click Install and your Flappy Bird game is now installed on your Android smartphone and ready to get you busy breaking records.

install flappy bird

Ok friends, this is everything that you have to do. I assume it was easy for you to install this game. Hope you enjoy it. If you have any question regarding this topic, feel free to use the comment form below and let me know about it.

PS: By the way, I scored only 8 points with my first try after installing it. What's your score?


Read More

Saturday, September 19, 2015

// // Leave a Comment

How to Find Camera PID Code in Asus Laptop

Camera problems at Asus laptops are very common issue. Currently I'm using Asus X52F series laptop with Windows 7 installed on it. Everything is perfect except the camera. It shows the picture in reverse, upside down. After some reading on net about this common issue I realized that the problem is with the drivers. The Asus laptop cameras have a common driver issue if they run on Windows 7 OS. The solution is finding the correct driver for your Asus laptop camera. But to find the right driver you have to know the PID Code of your camera. So in this short guide I will show you where to find the PID code of your laptop camera.

1. Go to Computer, right click on it and select Properties and the System window will appear in front of you. From the links on the left side, click at Device Manager. 

computer properties windows

2.At the Device Manager windows, from the tree list find Imaging Devices, expand it, right-click on the camera device and select Properties

Camera PID Code Device Manager

3. Now you have to continue by clicking on the Details tab. At the Details section go to Property combo box, click on it and select Hardware Ids. You will notice that at the value section, right below will appear the Hardware Ids of the camera which contain the PID Code of the same camera. In our case the PID code will be PID_B1E5 (see the picture below).

camera pid code asus laptop

 Now after you have found the PID Code of your Asus laptop camera, all you need to do is go to Asus support site and search for the drivers of your camera (depending of the laptop model) which are sorted by the PID Code, so you have to download those who correspond with your camera PID Code (normaly and your laptop model).
Read More
// // Leave a Comment

How To Change Font On iPhone 3GS

If you still own an iPhone 3GS and somehow you don’t like the iPhone’s default font probably you want to apply another font. Here is a simple guide for it. The guide consists of 3 steps: installing BytaFont from Cydia (in case you don’t know, to have Cydia installed your iPhone needs to be jailbroken), downloading the font and the last applying the downloaded font.

1. Installing BytaFont on iPhone 3GS

Every jailbroken iPhone has the modmyI repository so you will not need to add new repos to Cydia. Tap on the search section on the bottom left corner and write Bytefont in the top. After the search tap on Bytefont and than tap on install in the right top corner, after which you will need to tap on Confirm to start downloading BytaFont. Now just wait for the procedure to finish and tap on Return to Cydia.

install bytafont on iphone 3gs


2. Downloading the font 

The second step of this guide is downloading the font you want. So first you have to choose a font which you would like to apply to your iPhone 3GS before downloading.  Open your downloaded BytaFont App and on the Home tab tap on Browse fonts. Now you will have to choose how the fonts are arranged on your screen. You have some categories that you can choose. Choose one. I recommend you choose alphabetically or the most downloaded section.

bytafont on iphone 3gs

Click on the font you like to see the screenshots. You have 6 screenshots which you can change by clicking on the numbers in the top as highlighted in the picture.

preview fonts on iphone 3gs


After you choose your font, now it’s time to go back to Cydia and download the font. Open Cydia. Go to the Sections tab in the bottom then slide to the Font Section. Find your desired font, tap on the font and continue to tap on install and then confirm. Wait for Cydia to finish the installing process and quit Cydia.

change iphone 3gs font with bytafont


3. Applying the Font on your iPhone 3GS

And the last step is to apply the desired font. Open BytaFont. Tap on the Basic Tab in the Bottom. Tap on the font you want to install and tap on Yes. Your SpringBoard will respring. Wait for the respring and you will see that your selected font was applied.

apply font on iphone with bytafont


Important: If you don’t like the font you have installed you can always go back to the original (default) iPhone font, but before that you will need to download Original_iOS(xx) font from Cydia in the Fonts section, where xx is the version of your iOS on your iPhone. Also have in mind that this font installation process if performed on iPhone 3GS and not tested on other iPhone version.
Read More

Sunday, September 13, 2015

// // Leave a Comment

How To Add Page Number Navigation in Blogger

Blogger by default doesn't support page navigation, actually it does support navigation but not in numbered format, only as Previous and Next Page. The numbered navigation format, not only looks good but it also lets you jump from a page to another, in a bigger pace, so the viewers can be more flexible while surfing your blog. 

Set how many posts you want to show per page


Not necessarily, but before installing you might want to set the number of posts (articles) that will show in one page. I would say don't put a big number nor a very small number but somewhere between 5-15 will be good, even though 15 is too much for my taste. It all depends on the kind of taste you have, or how do you like things to look.
So to do that of course as all first steps require, log in to your blogger account. Once you have logged and you are at the Dashboard click on Settings than Post and comments at the blog you want to add the page navigation. So you write the number of the posts you want to show on the main page, per page. After you have done that click on Save Settings.

number of posts in blogger blog


How to add the code for Page Number Navigation

To add the page numbers we will need to crawl into the HTML code. And when you hear HTML code and you happen to not know anything about it, don't be scared from those 2 words. HTML is pretty simple, just when you understand it's roots. So to do this you won't need any previous coding or any experience, because you don't have to understand the code, you will just need to copy and paste the code I will put here. Anyway maybe it won’t look as you like it to, but to change the looks you will need to have some CSS knowledge and there won’t be anything you can't do. So enough with the talk, and let's get to the real deal. As I mentioned we will need to change something in the code of the template, actually add some things in case of this to work.

In your dashboard just go to Template and click the Edit HTML button.

edit html blogger dashboard


Scroll down to the end of the Template code and find the </body> tag (If you don't know, you can start a search by pressing CTRL+F on the keyboard) and just before it paste the following code:

<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

<script type='text/javascript'>

//<![CDATA[

function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea" style="padding:10px 10px 10px 10px;"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}

//]]>

</script>
</b:if>
</b:if>
Important: You will need to put the same number you put on the Post and comments page, how much articles you want to be shown on the main page. Change the 5 with your desired number. And one more step to make it work. Search for 'data:label.url' and replace it with 'data:label.url + "?&max-results=5"'where 5 again is the number of your posts on your main page. The Last step is to add the CSS so the page navigation will look better with some borders. If you happen to know a little CSS than you can change its colors, width, height, etc. Search and find ]]> and right before it copy and paste the code below:


        .showpageArea a {
    text-decoration:underline;
    background: #ffffff;
    padding: 10px 10px 10px 10px;

    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #cccccc;
    background-color:#cccccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #cccccc;
    background: #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #cccccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333333;
    }
  
In the end you will get this page number navigation widget. It looks simple and will fit with every kind of blogger template. So that's it, if you have any question feel free to use the comment form below and let me know about it.

page numbers navigation blog homepage
Read More

Friday, September 11, 2015

// // 1 comment

Convert raster images to vector online

Some of you know the difference between raster images or so called bitmaps and vectors. Raster images (bitmaps) are made from thousands of pixels (dots) with different colors. Vector images are completely different. They use mathematical relationships between points and paths (lines and curves) which are used to produce an image. The advantage of vectors towards raster images is that they are small size and while resizing them they don't lose any detail. In other side, raster images are heavy and when you resize them, they lose details, so that's why they need high resolutions in order to maintain the quality and the details. The designers, mostly prefer to work with vectors, but that doesn't mean that they always have vectors available. Fortunately there are some great websites which offer you conversion of your raster images (bitmaps) to vector. So I'm going to show you how to convert your raster images to vector online, with a little effort. But before we continue, let me tell you that converting online your raster images to vector may not always give the desired effect, so to do that, it needs a little mastery.

1. VectorMagic

VectorMagic is definitely the best online service for bitmap images to vector conversion. You will be able to generate your vector in five steps: attach your image, configuration of the given options, vectoring, results of conversion and completed vector ready for download. It has a great user interface, very intuitive and easy to use, no sign up required but after completing the conversion of your bitmap image to vector, in order to download the final product you need to subscribe to VectorMagic. To see how VectorMagic works, take a minute and see it here.


vector magic

2. Online-Convert

Online-Convert.com is an online service which allows easy and fast conversion of various types of files and documents, like audio, video, pictures, office documents, archive files etc. But the best thing they offers is the online conversion of bitmap image to Scalable Vector Graphics (SVG) format. In order to convert your image to vector, you just need to attach you image and click Convert. When it's ready, it will be automatically downloaded directly to your PC.


online convert

3. Autotrace Web Interface

Autotrace Web Interface it's a great raster image to vector conversion system developed by RO IT Systems and built by open-source components such as Autotrace, ImageMagick, and various Unix and Linux image-processing components. It has a simple interface and very easy to use. First you have to attach your image and then filling some text fields regarding to the conversion, like line information, noise handling, so you need to have some knowledge in order to get the most of it.


autotrace web interface

Conclusion

As I said at the beginning, converting your raster images (bitmaps) to vector using online tools will not give you the desired effect, but still if you have some knowledge in the field of graphics theory you will be able to get great results. These 3 online tools are the only that offer you raster to image conversion for free, but there are also website specialized for professional image to vector conversion, but to have their service you have to pay good amount of money. If you ask me which of these services I will recommend to you, without doubt I will say that you should go for VectorMagic, for the fact that it gives amazing results while converting.
Read More