• Training and Development Blog

    Online world class IT training for a wide range of technology....

  • Graphic Designing

    Free Photoshop, Corel Draw Suite and Illustrator video tutorials and resources...

  • Social Media

    Amazing facebook tricks and features. Become an ineresting user with these fun and tips..

  • Web - Blogging and SEP

    Boost your site or blog with SEO video tutorials. Free blogging tips and tricks...

  • Free Downloads

    Download useful softwares, Graphic plugins and blogger templates...

Widget by : IT Roshni
Powered by Jasper Roberts - Blog

How to Add Gadget/Widget above Header in Blogger - IT Roshni

0 comments
In this tutorial i will show you, How to add any Gadget or Widget above header in Blogger. You know, You can rearranged our gadgets/widgets in the layout designer by drag-n-drop, but you can hardly drop it right above the header, so in this tutorial that I'm going to share, How to add a gadget/widget above the blog header.



Step 1

Log-in first to blogger.com and Backup your template. - It's very important to backup your template, so that if something went wrong you can easily restore your old template.

On your Blogger Dashboard click/drop-down 'more option' and Click Template then at the upper right portion click Backup/Restore, 


How to Add Gadget/Widget above Header in Blogger - IT Roshni

and Download the full template.

How to Add Gadget/Widget above Header in Blogger - IT Roshni

After downloading the backup template, click Edit Html




How to Add Gadget/Widget above Header in Blogger - IT Roshni

Step 2

Press CTRL + F to fine the below code:


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>


Afet finding the code, Change the value of maxwidget '1'  to  '5' and showaddelement 'no'  to  'yes'

How to Add Gadget/Widget above Header in Blogger - IT Roshni
Then Save Template.


Step 3
After saving click on Blogger DashboardOn your Blogger Dashboard Click on Layout. Now you can see Add a Gadget link in header section of Layout design.


How to Add Gadget/Widget above Header in Blogger - IT Roshni



And your Done! you can now add gadgets above Header.



Read More »

How to Write Urdu in Adobe Photoshop - IT Roshni

0 comments


You can write urdu in Adobe photoshop. You can design beautiful urdu poetry cards with colorful background and any other designs in urdu using the adobe photoshop. 


How to Write Urdu in Adobe Photoshop - IT Roshni


To do that, you will need these programs. 

1. Adobe Photoshop (Middle East Version - pmev) - Download Link

2. Pak Urdu Installer - 
Download Link

3. you can also use Photoshop Styles as additional - 
Download Link


Method for Write Urdu in Photoshop


First Download Pak Urdu Installer and install the Program. its will create a language bar on the taskbar and you can choose urdu or english from language bar.

How to Write Urdu in Adobe Photoshop - IT Roshni



Download Adobe Photoshop Middle-East-Version (pmev). This is the Portable version of photoshop, No need to install Setup. You can use it directly, double click on photoshop icon and open it. For urdu writing you need some settings in photoshop, must choose (Right to left paragraph direction

How to Write Urdu in Adobe Photoshop - IT Roshni


choose Jameel Noori Nastaleeq font from fonts list. 


How to Write Urdu in Adobe Photoshop - IT Roshni



Now you can write urdu in photoshop.


Additional


If you want some beautiful color styles behind your urdu text, just download photoshop style and upload it into photoshop.



Read More »

Imagenomic Portraiture 2.3.4 Photoshop Plugin Free Download - IT Roshni

0 comments


Portraiture is an automatic Smoothing, Healing and Enhancing effect Photoshop plugin that eliminates the tedious manual labor of selective masking and pixel-by-pixel treatments to help you achieve excellence in portrait retouching. It intelligently auto smoothness and removes imperfections while preserving skin texture and other important portrait details such as hair, eyebrows and eyelashes.


Imagenomic Portraiture 2.3.4 Photoshop Plugin Free Download - IT Roshni



Imagenomic Portraiture 2.3.4 Photoshop Plugin Free Download



A powerful masking tool that enables selective smoothing in the skin tone areas of the image/photo. What makes Portraiture’s masking tool truly unique is its built-in Auto-Mask feature. It helps you quickly discover most of the skin tone range of the image automatically and, if preferred, you can manually fine-tune it to ensure optimal results, providing unmatched precision and productivity.

For finer control, you can specify the smoothening degree for different detail sizes and adjust the sharpness, softness, warmth, brightness and contrast. Portraiture comes with pre-defined presets for one-click effects and, as with all Imagenomic plugins, you can capture your own signature workflow in a custom preset tailored to your specific requirements and photographic portfolio.





Imagenomic Portraiture 2.3.4 Photoshop Plugin Free Download - IT Roshni


Compatible Host Programs:


Adobe Photoshop - CS4 / CS5 / CS6 / CC

Windows - 7/XP/Vista/Windows 8.1, 1GB RAM, 100MB HDD, 1280x800 min resolution.




Installation Instruction:


The following instructions will explain how to install Imagenomic Plugins for Adobe Photoshop and Adobe Photoshop Elements on Windows platform.

  • Please be sure to close down the host image editing application

  • To install the plugin run the setup file
  • In the majority of cases, the setup wizard will detect the compatible host applications and will show them in the list. If you do not wish to install the plugin for any of the listed host applications, you can select it and click on the "Remove" button. If you click on the "Install" button, the setup wizard will install the plugin for all the detected hosts. If the setup wizard did not detect some of the compatible host applications, you can manually add them to the list by clicking on the "Add" button and then pointing to the "Plugins" folder of the application.


Adding Hosts at a Later Time.


  • If you decide to install the plugin for other host applications later, you can run "Portraiture 2 Plugin Hosts Setup" 

  • Start/All Programs/Imagenomic/Portraiture 2 Plugin. For Noiseware and RealGrain Plugins, use "Noiseware Plugin Hosts Setup" or "RealGrain Plugin Hosts Setup" Start/All Programs/Imagenomic/Noiseware Plugin and Start/All Programs/Imagenomic/RealGrain Plugin respectively.

Click on the "Finish" button and restart Photoshop to complete the installation




Read More »

Add Multi Color Most Commented Posts Widget in Blogger

2 comments

Add Multi Color Most Commented Posts Widget in Blogger

This is a most attractive gadget for your blogger blog is a Multi-Color Most Commented posts widget for your blog sidebar. Visitors see your trending posts and want to join the discussion that is happening on your blog. To do that, you will need a most commented posts widget in Blogger.



Having a customized widget on your site is a lot easier than you might think. In order to have an effective widget, however, you are going to need a few specific things to help you out.


Add Multi Color Most Commented Posts Widget in Blogger



Add the Most Commented Posts Widget to Blogger


Step 1. 

Go to
Template -- > Edit Template
Press CTRL + F key to open the blogger ‘search box’ and type the following tag and hit enter to find it:

<b:skin><![CDATA[

Add Multi Color Most Commented Posts Widget in Blogger


Step 2.

Add the following code just below it.


<Group description="Most Commented" selector=".most-commented">
<Variable name="most.commented.background1" description="background color1" type="color" default="#fa4242" value="#ee377a"/>
<Variable name="most.commented.background2" description="background color2" type="color" default="#ee6107" value="#fcad37"/>
<Variable name="most.commented.background3" description="background color3" type="color" default="#f0f" value="#f8e000"/>
<Variable name="most.commented.background4" description="background color4" type="color" default="#ff0" value="#c7e93d"/>
<Variable name="most.commented.background5" description="background color5" type="color" default="#0ff" value="#5ebded"/>
</Group>




Step 3. 

Now search the following tag (CTRL + F)


]]></b:skin>



Step 4.

Add this code just above it:


.comment-count {
padding: 3px 10px;
background: #fff;
color: #000;
font-size: 10px;
float: right;
}
.most-commented ul {
padding: 0px !important;
font-family: Century Gothic, sans-serif;
}
.most-commented ul li {
list-style-type: none;
padding: 10px;
color: #555;
margin-top: -10px;
}
.most-commented ul li a {
color: #444;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}
.most-commented ul li img {
float: left;
margin: 0px 5px 0px 0px;
width: 60px;
height: 60px;
}
.most-commented:nth-child(3n+0) {
background: $(most.commented.background1);
width: 100%;
}
.most-commented:nth-child(4n+0) {
background: $(most.commented.background2);
width: 95%;
}
.most-commented:nth-child(5n+0) {
background: $(most.commented.background3);
width: 90%;
}
.most-commented:nth-child(6n+0) {
background: $(most.commented.background4);
width: 85%;
}
.most-commented:nth-child(7n+0) {
background: $(most.commented.background5);
width: 80%;
}


Step 5. 

Save the Template

Now, let’s add the Most Commented Posts widget to the Layout of your blogger blog. Head over to the “Layout” section of your blogger dashboard and click on the “Add a gadget” link on the right side. From the pop-up window, Scroll down the list and select the “HTML/JavaScript” gadget.


Add Multi Color Most Commented Posts Widget in Blogger



Copy and paste this script inside the content box.


<script type="text/javascript">
function stripTags(s,n) {
return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
var i;
for (i = 0; i < feed.count ; i++) {
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postthumbnail = "<img src="+feed.value.items[i].postthumbnail+" />";
var postDescription = feed.value.items[i].postdescription;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="most-commented"><ul><li><div class="comment-count">' + postComments + "</div>" + postthumbnail + "<a href="+ postURL + '">' + postTitle + "</a>" + '<p>' +stripTags(postDescription,10)+'...</p>' + '</li></ul></div>';
document.write(postList);
}
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
AddUrlHere=http://www.itroshni.blogspot.com
&NumberofPosts=5
&_id=2cb5eb603ed55a6264ee1484e5fdd45c
&_callback=mostcommented
&_render=json"
type="text/javascript"></script><span style="font-size: 80%; float:left;"><a href="http://helplogger.blogspot.com/2014/08/most-commented-posts-blogger-widget.html">Add this widget</a></span>



Change http://www.itroshni.blogspot.com with your blog URL.
If you want to add more characters to the description modify the “10” value in red from “postDescription,10

If you want a more simple look (without the thumbnails and post snippets), add this script instead:


<script type="text/javascript">
function stripTags(s,n)
{
return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
var i;
for (i = 0; i < feed.count ; i++)
{
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="most-commented"><ul><li style="margin-bottom: 10px"><div class="comment-count">' + postComments + "</div>" + "<a href="+ postURL + '">' + postTitle + "</a>" + '</li></ul></div>';
document.write(postList);
}
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
AddUrlHere=http://www.itroshni.blogspot.com
&NumberofPosts=5
&_id=2cb5eb603ed55a6264ee1484e5fdd45c
&_callback=mostcommented
&_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:left;"><a href="http://helplogger.blogspot.com/2014/08/most-commented-posts-blogger-widget.html">Add this widget</a></span>


And replace http://www.itroshni.blogspot.com with your URL
To add the "comment" text after the comments number, Replace the line in red.



<div class="comment-count">' + postComments + "</div>"
With this code:
<div class="comment-count">' + postComments + " comments" + "</div>"


Once you have finished adding your own settings, press the “Save” button to the gadget in the sidebar of your blog. That’s it.!


Add Multi Color Most Commented Posts Widget in Blogger



To change the background colors of the most commented posts, go to “Template” > hit the “Customize” button and navigate to “Advanced” > “Most Commented” tab. Here you can pick 5 different colors by clicking on the color boxes.


Add Multi Color Most Commented Posts Widget in Blogger


Once you’ve selected your favorite color scheme, click the “Apply to blog” button to save the changes and you’re done.



Read More »

Add Stylish Floating Facebook Like Box Widget in Blogger - IT Roshni

2 comments
Add Stylish Floating Facebook Like Box Widget in Blogger - IT Roshni



Today i will show you, How to add Floating Facebook like box widget in blogger with a beautiful view, wonderful and attractive format, where the Facebook like box is hidden on the right side of the screen and shows only the passage of the cursor on it. to add this widget to your blog, follow my simple steps:





Add Stylish Floating Facebook Like Box Widget in Blogger - IT Roshni





FOLLOW THESE STEPS:-




1. Go to Blogger Dashboard --> Template

2. Please! download a backup of your template

3. Now click on Edit HTML

4. Use Ctrl+F to find </head>

5. Then copy and paste just before it, this code:


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

6. Save your template.

7. Now go to Layout--> click on "Add a gadget".

8. Select "html/java script" and add the code given below and click save.


<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2VMEUkNDg0b4lP7nzpOmOog9cdn9XKz16aBwnt9tDwx6uBwILttMX5yuBuUkjIxdw2thKkwjc1mwfXksGcLazr4c1DFy4vbrmRfiXY3RtZYDllVvjxjmzW0kIxQqjTGlVoIfTpxbF_lY/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 275px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fitroshniblog&amp;width=245&amp;
colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;
connections=12&amp;stream=false&amp;header=false&amp;height=275" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow:
hidden; height: 275px;
width: 245px;
background:#fafafa;"></iframe><span>Widget by :
<a href="http://www.itroshni.blogspot.com"> IT Roshni </a></span> </div> </div>


Note: 

Replace itroshniblog with your Facebook page user name. Just copy and paste user name,
Do not copy & paste complete url of facebook page.

Example: https://www.facebook.com/itroshniblog

Now you can see the result and be happy.




Read More »

Increase Laptop's Battery Life and Performance - IT Roshni

0 comments
Increase Laptop's Battery Life and Performance - IT Roshni

I am showing some useful steps on how to maintain our Laptop’s battery, It’s not only useful to save your future expenses to buy a new battery after every fourth month, but also as it saves you from the trouble of losing useful data due to sudden shut down of Laptop.

Increase Laptop's Battery Life and Performance - IT Roshni

Now, I am going to share some useful tips that may help you to maintain your Laptop's battery for a good performance.




  • Tips for Laptop's Battery Life


  • If you have just bought a new battery for your Laptop, charge the battery fully before taking it into use.

  • Do not bother if your new battery is not giving a good back-up, get it fully charged and discharged a couple of times so that it can give full of it.

  • Fully charge and fully drain your battery after every couple of months. It may help in maintaining the battery performance.

  • Re-chargeable batteries often undergo self-discharging when not kept in use for longer time. Hence, always keep a battery pack in fully charged state for storage.

  • Avoid using additional software programs available on the Web which promises increasing battery life and performances. Go for using the built-in power management that comes with your Laptop or Operating System‘s tools.

  • Keep the LCD brightness of your Laptop adjusted according to your need, I recommend keeping it at medium, which is good for our eyes as well as saves some or more battery power.

  • If you do not own a brand new “Ultrabook”, then it is highly recommendable to turn off your LCD when not using the Laptop. It helps in saving those limited 2-3 hours to keep your Laptop turned ON for longer time.

  • Avoid using screen savers etc on your Laptop. Close the windows of programs that are not in use at the moment. Avoid installing unnecessary software programs on your Notebook.

  • Upgrade the  RAM of your Laptop or add a second RAM if have dual RAM slots on your Laptop. This reduces the usage of Hard Disk to an extent.

  • Remove all the extra/external accessories attached to the Laptop. (For e.g., USB pen drives, Cards, external mini-speakers etc). Keep your battery away from fire, water, moisture, metals and the reach of children.

Increase Laptop's Battery Life and Performance - IT Roshni

Now, Tip for every Laptop user- "Avoid resting your Laptops on your thighs more than 10 minutes, it may be risky for you, and cause serious burns and problems like infertility in males, due to the extreme heat exhaust from the Laptop".



Read More »

Windows 7 Serials and Product Keygen Numbers | Updated

1 comments

Now you can Active your Windows-7 (32-bit) Windows by Serial Key or product keys. Ultimate is the best windows 7 version including all options from home and premium edition OS. Get active your windows now and enjoy your activated windows. There are many Useful ways to use the full version windows 7 ultimate. We will discuss about it later in our blog. windows ultimate 32bit activation key.


Windows 7 Serials and Product Keygen Numbers | Updated - IT Roshni



Windows 7 Ultimate 32bit Activation Keys Free:

C8XXQ-PQDD6-6KGP6-J8XT6-XGB2X
8XRH7-RTC6B-BJ42C-C2Q8Y-BRXMG
PTTCH-H7J6M-4XXWH-86RT3-66P6M
BCGX7-P3XWP-PPPCV-Q2H7C-FCGFR
RGQ3V-MCMTC-6HP8R-98CDK-VP3FM
Q3VMJ-TMJ3M-99RF9-CVPJ3-Q7VF3
6JQ32-Y9CGY-3Y986-HDQKT-BPFPG
3YHKG-DVQ27-RYRBX-JMPVM-WG38T
P72QK-2Y3B8-YDHDV-29DQB-QKWWM
6F4BB-YCB3T-WK763-3P6YJ-BVH24
7YWX9-W3C2V-D46GW-P722P-9CP4D
MM7DF-G8XWM-J2VRG-4M3C4-GR27X
KGMPT-GQ6XF-DM3VM-HW6PR-DX9G8
MVBCQ-B3VPW-CT369-VM9TB-YFGBP
KBHBX-GP9P3-KH4H4-HKJP4-9VYKQ
9JBBV-7Q7P7-CTDB7-KYBKG-X8HHC
C43GM-DWWV8-V6MGY-G834Y-Y8QH3
GPRG6-H3WBB-WJK6G-XX2C7-QGWQ9
MT39G-9HYXX-J3V3Q-RPXJB-RQ6D7
BPVVG-7KVMM-HGRZ1-SQZ4L-USRHM
FJGCP-4DFJD-GJY49-VJBQ7-HYRR2
MVYTY-QP8R7-6G6WG-87MGT-CRH2P
GRY6B-TJ49J-X73JG-38H9K-VWJHY
DLMKZ-2ILHP-7IUG9-A2QVK-A2BYX



Windows 7 Serials and Product Keygen Numbers | Updated - IT Roshni


Windows 7 Ultimate Serial Keys Built In Product Keys
Windows 7 ulimate serial - FJGCP-4DFJD-GJY49-VJBQ7-HYRR2 (acer)
Windows 7 ulimate keygen - 342DG-6YJR8-X92GV-V7DCV-P4K27 (dell)
Windows 7 ulimate cd key - 22TKD-F8XX6-YG69F-9M66D-PMJBM (Lenovo)




Read More »