Categories
Tips

How To Stop Those Useless Notifications from Facebook Groups

Facebook groups are a good way to interact with a number of people at the same time. You can share a post, photos, videos, events, documents simultaneously or you can even ask a questions. But a negative point of these groups is that admins or your friends can add you in  a group without your permission which leads to flooding of useless updates in your notifications page. One option of stopping these notifications is to unjoin that group, but there’s an alternate solution too where you can stop these notifications while staying in that group.

How to stop group notifications:

unjoin group

  • This will open the custom notifications, see the screenshot below.

Make the following changes:

  1. Select ‘Only posts I am subscribed to’ to completely stop notifications from that group, you will not receive any notification even if the admin posts. If you want updates from a post click ‘Subscribe’ link given with that post.
  2. Uncheck this box if you don’t want notifications as an E-Mail too.
  3. This box enables group chatting, if you feel that pop-up appeared by group chats are annoying too, then uncheck this box as well.

Now you’re all done, just click ‘Save Changes’ and that group will never disturb you again with annoying and useless notifications. Stay connected to Devils Workshop for more tips and tricks.

Categories
Tips

How to find who unfriend you on Facebook [without app]

Last week we told you that how you can Backup or Export all your Facebook contacts with their E-Mail using a Yahoo! account. If you missed it you can read it here. Exporting contacts is a part of this tutorial so you have to read it before proceeding further. The good thing about this method is that we are not using any kind of 3rd party application and hence there will be no spam or scam.

Requirements: You need a Facebook account and a separate Yahoo account for this tutorial.

Steps:

  1. Follow the steps 1 to 4 of this tutorial: How to Backup/Export your Facebook contacts. After that all your Facebook contacts will also be there in your Yahoo! account with their E-Mails.

  2. This will create a Backup of your friends till that day. Now if you feel that someone deleted you, you can check it out by opening the page: https://www.facebook.com/find-friends.

  3. On that page select Yahoo. Now enter your Yahoo E-Mail address that you used in Step 1 and click ‘Find Friends’. In this Step we are importing our contacts back to Facebook that we exported earlier.

  4. Now a Pop-Up will appear asking your permission to start importing contacts on Facebook. Click agree to begin.

Facebook who unfriend you

 

 

ADVERTISEMENT

 

ADVERTISEMENT

 

 

 

 

 

ADVERTISEMENT

 

  1. After that it will take you back to the ‘find-friend’ window and will show you how many contacts are there who are on Facebook but not in your friend’s list. This is actually the list of the people who unfriend you (deleted you) from Facebook provided that there were no contacts in your Yahoo account before step 1. You can add them back by checking the box given with each profile else click ‘Skip’.

facebook who unfriend you-1

 

 

 

 

 

 

 

 

 

 

 

 

Check out the screenshot about, when I imported my Yahoo contacts it shows that I have 82 Yahoo! contacts on Facebook. That means a total of 82 people deleted me from their friend’s list from the day of my first Backup. Please make sure that you export your contacts time to time.

If you are stuck somewhere drop us a comment below. 🙂

Categories
Tips

[How-To] Share your Facebook Photos on WordPress Blog

Facebook has become the place of interest for internet users to hang around, play games, network, share photos and more. It’s quite a common trend that everyone uploads their pictures on Facebook. If you are willing to show those photos on your WordPress powered blog, this is the right tutorial for you. 🙂

Get the Plugin

We will be using a plugin to implement the feature on the blog. Fotobook is a WordPress plugin that will link to your Facebook account and import all of your photo albums into a page on your WordPress installation. It makes use of Facebook’s API so importing your photos is a breeze.
You can download the plugin here

Configure the plugin

Install the plugin from the admin section. and activate the plugin.
Once you activate the plugin, you can see something like in the following screenshot.

Link to fotobook settings

Click on the link and you’ll be taken to the Fotobook Settings page.

Fotobook Settings Page

Step 1: Authenticate

This step asks you to login to your Facebook account. This is the step by which you allow the plugin to access your account and fetch the images and publish to your blog. Clicking on the link opens a pop-up window as below. Enter your login credentials and click the login button.

This will take you to the next step, that is grant access.

After this step, you may close the pop-up window and proceed to the step 2.
Step 2 : Get Permissions
This step asks you to grant access for your photos and videos associated with your Facebook account.
Once you allow the Fotobook plugin to do so, you can close the window and proceed to the next step.
Step 3: Apply Permissions
By clicking this, you apply all the steps done before and save the settings. Once you click Apply Permissions your Facebook account will be added and you can see something like below.

 

Import Photos to blog

This will take you to the next step which is shown below.

Clicking on Get Albums will fetch from your Facebook account and list all the albums related to your account. By this time, the plugin have created the exact replica of albums on your Facebook account. You can even hide the albums if you don’t want to show that specific album by clicking the hide link.

That’s it, you are done. You can now access the albums at http://yourblogdomain/photos
The plugin also allows you to display photos in 3 styles.

  1. Color box.
  2. Embedded.
  3. Lightbox.


Select the style and you are all set. Do drop in your comments.

Categories
Tutorial

[SVN] Simplest Way To Restore (Revert) Deleted Files/Directories

SVN (Subversion) is a version control system that is used by WordPress and thus by all our developers at rtCamp.

Many a times, while cleaning up our repositories, we end up deleting the wrong files and/or directories. If a top-level directory gets deleted accidentally, one usually starts sweating!

The simplest command to restore/revert deleted file/directory in SVN is:

svn cp http://svn.example.com/path/to/deleted/dir/@REVNUM http://svn.example.com/path/to/deleted/dir/
ADVERTISEMENT

In the above command,

  • cp is shorthand for copy command 😉
  • http://svn.example.com/ is the location of SVN-repo
  • /path/to/deleted/dir/ is actual path of file or directory to be restored (including filename/directory-name)
  • @REVNUM is the old revision number in which that file/directory was present last-time

Note that SVN paths for source and destination are same in such copy commands!

Example: Below is an example usage

ADVERTISEMENT
svn cp http://svn.example.com/wordpress/themes/@286 http://svn.example.com/wordpress/themes/

Alternative Syntax:

If for some reason above command-syntax doesn’t work, try  alternative syntax as below.

svn cp -r REVNUM http://svn.example.com/path/to/deleted/dir/ http://svn.example.com/path/to/deleted/dir/

FAQs

ADVERTISEMENT

Q. How to find old REVNUM i.e. revision number?

There are many ways. The simplest one is, if you have noticed the accidental delete quickly enough, notice the current version number and try using a number smaller than one!

Alternatively, you can use SVN browser, just Google for one. If you are using NetBeans or any other nice IDE for development, try using for built-in SVN browser/tool in that IDE.

Q. Why don’t we just use ‘revert’ command in SVN?

‘revert’ command in SVN, rolls back local changes on local working copy only! Though I wish it should have been designed to roll-back changes in remote copies as well.

This unexpected behavior from revert command is one of reason why people starts sweating then they delete a folder in SVN accidentally.

Let me remind you, you can never loose data in SVN itself. So be calm and try some other article from Google search, just in case this doesn’t work for you! 😉

Categories
Tips

Features which can be used with your WordPress 3.0

There are lots of features in WordPress 3.0, but we do not use all the features in our theme. These features may keep our theme handy, flexible and secure.

Some of these features are as below :

  • Custom Navigation Support.
  • Custom Background Support.
  • Custom Header Support.
  • Custom Post Type.
  • Thumbnail support.
  • Multi Site Support.

Custom Navigation Support
In WordPress 3.0 we have a new feature which is custom navigation support. Now any one can handle the menu very easily.
Steps to provide this features in our theme are :

ADVERTISEMENT
  • Open Function.php”
      past the following code snippet  // This theme uses wp_nav_menu()
      add_action( 'init', 'register_my_menu' );
       function rt_register_my_menu() 
       {
       t_register_nav_menu( 'primary-menu', __( 'Primary  Menu'));
       }
  • Refresh your WordPress 3.0 Admin Dashboard.
  • In the appearance tab we have a new option named Menu. Click on it.
  • The following screen will appear in front of you.

When we will click on menu the following screen appears :

As you see in the image above, menu name is Primary Menu so when we have to call it just write the following code.

  php wp_nav_menu('Primary Menu') ?> 

ADVERTISEMENT
  For more information click here.
ADVERTISEMENT

Custom Background Support
This feature is useful for those who want to change their  WordPress Theme background randomly. To enable this option use the following code in the “function.php” .

  // This theme allows users to set a custom background   
     add_custom_background();

After Doing this, refresh WordPress 3.0 Admin dashboard.

We have a new option inside the appearance tab named Background.

Custom Header Support
It provides an option to change the header style randomly. To enable this feature use the following code in the “function.php”

add_custom_image_header( 'rt_header_style', 'admin_header_style' ); // This Enables the Appearance > Header
//This will allow croping features in backend
ADVERTISEMENT
define('HEADER_IMAGE_WIDTH', 960); // use width and height appropriate for your theme
define('HEADER_IMAGE_HEIGHT', 70);// Following Code is for Styling the Admin Side
if ( ! function_exists( 'admin_header_style' ) ) :
// gets included in the admin header
function admin_header_style() {
?>px;
height: php echo HEADER_IMAGE_HEIGHT; ?>px;
}
-->

After adding this code, refresh WordPress 3.0 Admin dashboard.

You will see the an additional tab added below the appearance tab as in the image below.


Custom Post Type
This feature is very useful for designing the portfolio page or a shopping related site. Custom post type is just like post and pages but we can manage or handle it separately within the WordPress Dashboard and through custom queries. When creating custom post type we can use any name.

ADVERTISEMENT

To enable this features use the following code snippet in the “function.php”

add_action('init', 'rt_create_portfolio');
function rt_create_portfolio() {
$portfolio_args = array(
'label' => __('Portfolio'),
'singular_label' => __('Portfolio'),>
'public' => true,
'show_ui' => true,
'capability_type' => 'post',
'hierarchical' => false,
'rewrite' => true,
'supports' => array('title', 'editor', 'thumbnail')>
);
register_post_type('portfolio',$portfolio_args);
}
//Addindg More Coustome Fileds in portfolio Page
add_action("admin_init", "rt_add_portfolio");
function rt_add_portfolio(){
add_meta_box("portfolio_details", "Portfolio Options", "rt_portfolio_options", "portfolio", "normal", "low");
}

After adding this code refresh the WordPress 3.0 Admin dashboard.

You will see the additional tab added below the appearance tab as shown in the image below.

Now we have a same post page dashboard for portfolio page.

There is an option inside portfolio “Add new “. On clicking a screen appears as below from which we are familiar. 🙂

Thumbnail support :

This feature was introduced with WordPress 2.9,  but after the launch of WordPress 3.0 it is widely used. There is an option while writing a post named as Featured Image.

To enable this features use the following code in “function.php”

/* add post thumbnail support */
add_theme_support('post-thumbnails'); 

For more details on this click here.

?Multi Site Support

This is a WordPress MU feature. To enable this feature add the following code in the in the “config.php”. You can find this file under WordPress installation directory.

Open wp-config.php

  • add this line
     define('WP_ALLOW_MULTISITE', true); above where it says /* That's all, stop editing! Happy blogging. */:
  • Save the file.
  • Refresh the WordPress dashboard.
  • Go to Dashboad->Tools->Network(Newly added)
  • Click on it you have following option see the screenshot.

After installing these options now it provides some code and will display a message. We just have to follow these steps and we have an option like WordPress MU. See the below image

If you know any other good features that can be helpful feel free to tell me through your comments.

Categories
Tutorial

How to apply Spotlight Effect on Image with Photoshop?

We have many options for various effects on an image with Photoshop. In this post I am going to tell you about how to apply a spotlight effect on an image.

Why use spotlight effect?

We can use spotlight effect for highlighting a part of the image. It is usually to show or draw attention to a particular part of the image. Sometimes spotlight effect can be used to complete give the image a different context.  A good example is are the images below.

For this tutorial I have taken the example of the image below. This image is a little dark and I like to use darker images while using spotlight effect. This is because with spotlight a darker image seems to work better overall.

We are going to highlighted the face the girl in the image.

Select the image layer and go to Filter>Render>Lighting Effects.

After Lighting Effects box is displayed on your screen, keep the all value as per the image below. You can free to change these value as per the nature of the image.

Now you can see the face of the girl in the image is highlighted in comparison to the original image.

We can also change the spotlight color. This is used to create a different context to the image.

Go to Filter>Render>Lighting Effects and change the color. Just double-click on the color box and you can see the selected color box on your screen.

You are free to use any color for your Spotlight Effect. Here I use light Orange and Yellow color as you can see in the image below.

Below is how the image was after changing the spotlight color.

This does make the image a lot different from where we started. There are many creative ways to use spotlight effect with Photoshop. Do drop in your comments and views.

Categories
Tutorial

Quick Tip: How to Create a Speed Effect in Photoshop

In this tutorial we will see how to create the Speed Effect with using Motion Blur Filter. The image is two parts where the motorcycle has been overlapped on the background.

#1. First take the Images

For this tutorial we need image of car or bike and another one should be on any road or any natural settings.

I decided to go with the image below. 😉

#2.Cut out the Bike Image

Cut out the bike image. You can cut it with the Pen tool.

Now the image looks like the one below.

#3.Drag the Bike Image

Now open the second image. Then drag the Bike Image on Road image. This way we have two images in the file.

#4.Here we go for our Speed Effect

Now lets go for our Speed Effect. Select the Layer of Road picture image and go to Filter> Blur> Motion Blur.

ADVERTISEMENT

Now you can see this palate. Keep your Angle Value -34, Distance 10px for this one and click OK.

You are free to change Angle Value and also Distance value as per your picture’s specifications. At the end of it we get a effect like in the image below.

Then select the Bike image layer and go to Filter> Blur> Motion Blur keep Angle value -34, Distance 4px, after that make the selection around the wheels of Bike and go to Filter> Blur> Radial Blur keep your Amount value – 8, Blur Method – Spin, Quality – Good. Click OK. 🙂

Here we have got our Speed Effect with simply 2-3 steps. It’s take hardly took me ten minutes.

Hope you people enjoyed this tip. If you liked reading this post you might want to check out

Do drop in your views, suggestions and opinions through your comments.

Categories
Tutorial

How to create solid color square box more effectively using filters in Photoshop

In this post we see how to create solid color box more effectively by using some filters. You can create this effect in simple four–five steps.

So here I show you the simple and unique box effect.

First create a new file in Photoshop. Create a solid color box in your work area you can take any color for box as you want.

The box is something as shown in the image below.

  • Here we see simple solid color box.
  • Now we go for our unique box effect
  • Select the box layer and look up Filter > Noise > Add Noise.  You can see this pallet as shown in image below.
  • I take Amount value – 5, and select Gaussian and keep Monochromatic on for this one.
  • You can change amount value or any more setting as per your preferences.

Now we have the image of the box with slight matting as seen below.

After that we can give some another filter effect to make our box more descent. Go to Filter > Brush Strokes > Angled Strokes and you can see this pallet.

Here I keep my pallet setting as below Direction – 50, Stroke Length – 15, Sharpness – 3. You can keep it as per your requirement. Here we got the more effective box image.

Now we are go for some more effect for border edges. For this one go once again to

Filter > Distort > Ripple and you can see this pallet. You can set it’s value amount as per your image requirement.

Here I take Amount value – -142 and size – Medium.

Here we convert our fine border in to Ripple edges. See the image below.

Now we give some more effect to this one for more descent look.

Go to Layer Style > Stroke set it as per your image requirement. Here I keep this one. See the image below.

We can give some shadow effect to it. It’s help the border to come out and be more defined. Our image looks more effective. Now here we can see how it looks.

Finally we got our unique square box image more effectively. Hope you people like it.

If you liked reading this tutorial you might want to check out how to create Image Relection using Photoshop. Do drop in your comments and views.

Categories
Tutorial

How to Create Image Reflection in Photoshop

We can see many types of tutorial about Image Reflection in Photoshop. You can create this effect by using layer mask and gradient effect. In this post we can see how to create Image Reflection in an easier way.

You can create Image Reflection effect in a few simple steps.

I will show steps by which you will be able to take the image to the left and transform it with a reflection like the one to the right. (See image below).

Now here below I have included the original Image I will use for this tutorial.

  • Before we start please create duplicate the image.
  • Select the image layer and simply right-click on it for duplicate layer.

When we right-click on the image layer we can see this palate. (See the image below)

  • Click on it. We can also give name to this layer.
  • We can also use short cut key Ctrl+J to duplicate the image.

Now select the duplicate image layer and place it at below the Original image.

  • Now we need to reverse the image. Select the image and go to Edit > Transform > Flip Vertical.

Now we have got our reverse image. 🙂

Click on the below image and go to Tool bar. Now just right-click on Marquee Tool. We will see this pallet

Select the Rectangular Marquee Tool (M) and make a selection on the below image. Ideally it should be from bottom up to half-size of image like the one shown below.

Now keep choice on image and go to Select > Modify > Feather we can see this palate.

  • Select the Feather Radius value. Here I take Feather Radius value -50. Now just press delete 2-3 time as per your image requirements.

Now for make more realistic effect go to layer pallet select Opacity give Opacity value – 50%. You can adjust it as per your image requirement.

There we go. We have our Image Reflection effect.

Hope you liked this tutorial. I will try to write a few more in the future. If you know of other Photoshop tips and tricks do share them with your comments.

Categories
Tips

How To Create Widgets For Your Blog Using Wolfram Alpha

wolfram_alpha Internet today is dominant with search engines, with every search engine fighting hard to grab their share of market. But in this fight, there is one search engine that stands apart-Wolfram Alpha.

Wolfram Alpha, which was launched last year in May, has quietly created a niche for itself by providing calculable knowledge available to everyone.

In an attempt to let users use the computational knowledge of Wolfram Alpha on their site, it has recently come up with Widget Builder, which lets users create widgets easily. These widgets can then be used on blogs or websites or shared on various social networking platforms.

The widgets are built on top of Wolfram Alpha queries and anyone can create them without any programming knowledge.

ADVERTISEMENT

In this tutorial we will see how to create a widget from scratch. We’ll create a widget to convert one currency to other.

How to create the widget

  • To create widgets you need to have an account with Wolfram Alpha. If you don’t already have an account create one here.
  • Once you have signed in, you’ll be taken to My Widgets page, where you can create a new widget and also view your existing widgets. This page also displays a chart that shows the number of people who have used the widget created by you. (to boost your ego :P).
  • When you click on Build Widget, you are taken to Query Template page. Here you write a search query as you would have done in a normal search engine. I queried for “US Dollar to Indian Rupee”. Now click on “Try it” button to see the result of your search query and if it is what you want then click “Use It”. If not, then modify your search query.

wolfram alpha search query wolfram alpha result search query

  • In the next step you’ll be asked to highlight the elements of your search query that you want to use as variable. I want US Dollar and Indian Rupee to act as variable so I’ll highlight those. This means that US Dollar and Indian Rupee are variables and can be replaced with any other currency in the final widget. So our widget will act as a currency converter for all currencies.

wolfram widget specify variables

  • Now you have to specify the label name and component type. Label name is what will appear before the variable field in the widget. Using component type you define whether you want to keep the variable field as “input field” or a “check box” or a “pop-up menu”. This might sound confusing now, but once we are done with the complete process, it will be clear.

wolfram widget specify label and field

  • The next step involves customizing the look and feel of your widget.
  • Now you have to decide the output you want to display. If you have used Wolfram Alpha before, you would have notice that unlike other search engines, it gives a detailed result for your query, which includes Interpretation, Assumptions, Result and other useful information. So in this step you decide whether you want to display all the outputs or some specific output. For our widget, I want only the result to be displayed.

wolfram widget output

  • In the next step you decide how you want the output to appear- as a pop up, or embedded below the widget. After that just enter the name, category, tags and description for your widget and hit Publish button. You are done. 😀

Your widget will get published in the Widgets Gallery under a Creative Commons License. You can embed the widget on your blog or share it with others. You can see the widget created in this tutorial here.

wolfram our widget

Wolfram should be praised for making the entire process of creating widget so simple. Since this is still in beta stage, you can expect more modifications in the near future.

So go ahead and create your own widgets or modify the existing ones. But don’t forget to share the link of your widget with us :).

Do let us know if you found this tutorial useful. Will you use it to create widgets for your blog?