Thursday, 28 July 2016

Don’t get confused with posts and pages in wordpress

Don’t get confused with posts and pages in wordpress

Wordpress posts and pagesThis article is for beginners who are confused with posts and pages in wordpress. You will have a doubt that both post and pages have same field, then why should i use both. Yes they are both same when it comes to look and feel ( theme & content), but there is more difference with posts & pages.
difference - wordpress posts and pages

POSTS

Blogging is done through posts and not with pages. Each post will have a specific date & time so that the subscribed users find latest posts via RSS and it comes with categories and tags.
It works in reverse chronological order, each and every post that you are making goes in reverse order (ie new posts shows up and older posts fades down). If you have a huge number of blog posts only few recent show up and the remaining older posts you have to find in blog archives. You can share your daily posting to social networking sites, by this your site gets updated day by day.
How to add a post & categories
Before adding a new post you must first create a category, in order to specify that the post is related to that category.
1. Go to posts in your wordpress dashboard and click categories.
2. Name the category and click add new category.
3. Now go to all posts and click add new.
4. Enter your post title and content
5. Specify the category that your content is related to and click publish. You can see the published article in your blog page, which will show the posted date, time & author.
wordpress posts vs pages - difference

PAGES

Pages don’t have categories & tags, pages are not listed day by day like you post, they are static, pages don’t come with posted date and time, not listed in RSS, no sharing options or commenting options(but it has).
Will you have a commenting option in your about us and contact page of your site? no one does it. A page can have multiple sub-pages that a post don’t. Each page can have their custom layout style.
How to add a page
Adding a page is same as doing with post. Just go to page in admin panel enter your page title and content then click publish. Set the page attributes before publishing so that pages are arranged in order in the main menu.
I hope you won’t get confused with posts and pages in wordpress from now on.

10 Ways To Style and Create "Read More" Links In Blogger

10 Ways To Style and Create "Read More" Links In Blogger

Creating 'After the jump' summaries using Read More Link makes your homepage load fast and keep things organized and well managed. Till now I shared many tutorials on free "Read More" Buttons and Continue Reading Links but today we will learn to create beautiful Read More buttons without using any image at all. We will use pure CSS to make this happen. I have styled a total of 10 buttons which I hope you will find interesting to further customize. Please see a demo first:





Applying Different Read More Links In Blogger

ve shared many CSS codes below which will change the look of the post summary link on your blogger blogs but first you must know who to add the CSS to your templates and Read More link.
  1. Go to Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand widget Templates" Box
  4. Search for this,
]]></b:skin>
   5.   And paste your selected Read More Link style code just above it.
   6.   Next search for this,
<data:post.body/>
   7.    Just below it you will find the read more link code similar to this one,
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="text-align: right;">Read More ->></div></a>
</b:if>

If you are using a read more link button then the code will look something like this,
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="text-align: right;">< img src=http://xyz.com border="0"/></div></a>
</b:if>
In both the cases, simply replace the highlighted code with this,

class="MBT-readmore"
    8.   Save your template and you are done!

Ten "Read More" Link Styles

Now select one of these styles for step#5
Style#1:
Read More Button

/*-------------------------- Narrow black Orange-------------*/
.MBT-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#EB7F17;
margin:5px 0;
border-left:400px dashed #474747;
border-right:2px solid #474747;
border-top:2px solid #474747;
border-bottom:2px solid #474747;
padding:2px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#EB7F17;
color:#fff;
border-left:400px dashed #474747;
border-right:2px solid #EB7F17;
border-top:2px solid #EB7F17;
border-bottom:2px solid #EB7F17;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#2:
Read More Button

/*------------Light Purple long----------------------*/
.MBT-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#6882C7;
margin:5px 0;
border-left:400px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
padding:1px 5px 1px 1px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
color:#000800;
border-left:50px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#3:
Read More Button

/*---------------- Rectangle left border-----------*/
.MBT-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#009999;
margin:5px 0;
float:right;
border-right:2px solid #009999;
border-left:10px solid #009999;
border-bottom:2px solid #009999;
border-top:2px solid #009999;
padding:5px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#006B6B;
border-right:2px dotted #009999;
border-left:10px solid #006B6B;
border-bottom:2px dotted #009999;
border-top:2px dotted #009999;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}


Style#4:
Read More Button


/*-------------- Pink Left right -----------*/
.MBT-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#FE80DF;
margin:5px 0;
float:right;
border-right:2px solid #FE80DF;
border-left:2px solid #FE80DF;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#CC0099;
border-right:2px solid #CC0099;
border-left:2px solid #CC0099;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#5:
Read More Button


/*------------- Brown top Bottom----------*/
.MBT-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#B26B00;
margin:5px 0;
float:right;
border-top:2px solid #ddd;
border-bottom:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#B26B00;
border-top:2px solid #B26B00;
border-bottom:2px solid #B26B00;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#6:
Read More Link

/*-------------- Blue Blank-----------------*/
.MBT-readmore{
background:#0080ff;
text-align:right;
cursor:pointer;
color:#Fff;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#FFf;
font:bold 11px sans-serif;
color:#0080ff;
border:3px dotted #ddd;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#7:
Read More Link
/*------------- Red + Dark Red------------*/
.MBT-readmore{
background:#fffff;
text-align:right;
cursor:pointer;
color:#FE8080;
margin:5px 0;
float:right;
border:2px solid #FE8080;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#FFf;
font:bold 12px sans-serif;
color:#FF0000;
border:2px solid #FF0000;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#8:
Read More Link

/*------------ White + Green -----------*/
.MBT-readmore{
background:#fffff;
text-align:right;
cursor:pointer;
color:#008000;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#008000;
font:bold 11px sans-serif;
color:#fff;
border:2px solid #ddd;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#9:
Read More Link

/*---------- Black --------------*/
.MBT-readmore{
background:#000800;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#fff;
font:bold 11px sans-serif;
color:#000800;
border:2px solid #000800;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}

Style#10:
Read More Link

/*----------Orange One 1 ----------------*/
.MBT-readmore{
background:#EB7F17;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.MBT-readmore:hover{
background:#FFB93C;
}
.MBT-readmore a {
color:#fff;
text-decoration:none;
}
.MBT-readmore a:hover {
color:#fff;
text-decoration:none;
}


Customization:

You can easily make changes to the colors and style by understanding this general guide.
  • Edit .MBT-readmore To Change background, border and font colors in Active mode
  • Edit .MBT-readmore:hover To Change background, border and font colors when a user hovers mouse cursor on the button
  • Edit .MBT-readmore a To change the link color 
  • Edit .MBT-readmore a:hover To change the link color on mouse hover

Adding smart floating share widget in blogger

Adding smart floating share widget in blogger

We all the value of social networks in blogging. Enough social engagement can make our dream alive. Generally we all use social sharing buttons in our blog from shrethis/addthis/shareaholic. This is good to use the widget from those server, but this could be reduce your blog loading time. I have noticed that sharethis is faster than other platform.
floating share widget

But the problem is sharethis don't simply support a floating widget with counter. They only supports a simple hover sidebar share widget.

About this floating widget:

A normal share widget that putted on a fixed place can be hide with the scroll up-down. When the widget got hide the chance to share is reduce by user. But a floating widget never hide it remain every time in a side of your article. So user don't need to do a search for the share button to share the post. This will really increase your social engage almost 20%. Personally I'm using this widget in this blog.

Feature of floating widget:

This floating share widget has many amazing feature, I've noticed some in below points.
  • Always stay remain with user scrolling.
  • Have twitter, facebook, google+ options in show ups.
  • Fast loading with custom scripts.
  • Easy adding option without creating account.

How to add floating widget:

Adding this floating widget is more easy than ever. With simple 1 step you will able to add this widget in your blog without having any code experience.

Step A:

  1. Log-in to your blogger account choose Layout from dropdown menu.
  2. Now click Add Widget and choose HTML/JavaScript.
  3. Now paste the below code in the empty box and click Save button.
<style>
#pageshare {position:fixed; bottom:15%; right:0px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via='gossippme' >Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
</div>
<div class='sbutton' id='gb'>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='gplusone'>
<g:plusone size="tall"></g:plusone>
</div>
<div class='sbutton' id='at'>
<a class="addthis_counter"></a>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
</div>
<div style="clear: both;font-size: 9px;text-align:center;"> <a href="http://www.blogspotyard.com/2014/10/smart-floating-share-widget-for-blogger.html">Get This</a></div></div>
This was the easiest way to adding smart fast loading floating share widget for your blogger blog. I hove you will love this widget.


Look friends, this is my new blog about blogging and SEO. Here I’m sharing blogger tricks, templates, widgets and SEO tricks. In every post of this blog I tried my best to make the post better understanding with maximum screenshot. So I hope that you will find every post of this blog very friendly. So my request is, if this blog really helped you a little please consider 10 seconds to share share this post in your social profile.
Thanks for reading.

Android Forensics Tutorial 4 – Unlock Android Pattern Lock

Android Forensics Tutorial 4 – Unlock Android Pattern Lock

Android Forensics Tutorial 4 – Unlock Android Pattern Lock: In our previous Android Forensics Tutorials, we have learned about Directory structure, File Systems, Data Acquisition methods and how to copy sdcard data to your computer drive. In this Android Forensics Tutorial, we will learn about How to unlock or recover Android Pattern Lock or pass code. As we all know, currently android supports three basic types of pass  codes to lock Android Smartphones namely Pattern Lock, PIN and Alphanumeric Code. Each of these pass codes can be hacked via using a different approaches. Each method has its own limitations. Today i will explain how to unlock Android Pattern Lock of a rooted device via USB debugging method.
Unlock Android Pattern Lock
Forensics Tutorial 4 – Unlocking Android Pattern Lock
If USB debugging  is enabled, then bypassing the lock code can be done in a matter of seconds. Imagine an attacker who wants to get access to his friend’s files and applications on his Android mobile. You can first ask his handset for some false reason, to make a call, for example, and turn on the USB debugging under Settings à Developer Options à USB debugging; and then hand over the mobile back to him. So later, at some convenient time, when you get access to the device, you can exploit it using any of the following ways discussed in this article. Now adb (Android Debugging Bridge) is primarily a command line tool that communicates with the device. ADB is bundled with the Android platform tools. To explain in simple terms, this is what happens when you communicates with adb(Android Debugging Bridge):
  • An adb daemon runs as a background process on each Android device.
  • When you install Android SDK on your machine, a client is run. The client can be invoked from shell by giving an adb command.
  • A server is also run in the background to communicate between the client and adb daemon running on the Android device.
Now lets learn how to Hack Pattern Lock of any Android device in less than 5 minutes. The only condition required is that, smartphone should be rooted.

Unlock Android Pattern Lock or Pass code :

  1. Connect the device to the machine where Android SDK (including platform tools etc.) is installed.
  2. Open command prompt and type cd C:\android-sdk-windows\platform-tools>adb.exe devices
  3. The device will be identified by the adb if everything is going fine.
  4. Connect to adb shell by typing : adb.exe shell
  5. The terminal appears giving you access to shell. Now type rm /data/system/gesture.key. This is the file where pattern is stored.
  6. Restart the phone and you will still observe that the device is asking for the pattern. You can draw any random pattern and unlock the device.
    Below is the screenshot of above process :


Android Forensics Tutorial 4 - Hacking Android Pattern Lock

if you like please dont forget to like and shere..

Android Forensics Tutorial – Part 3 Data Acquisition Methods


Android Forensics Tutorial – Part 3 Data Acquisition Methods

In our previous Android Forensics Tutorial, we have learned about Directory structures of android and file system used by Android. Today we will learn about Android Data Acquisition Methods. So lets start third part of our forensics tutorial.

Data acquisition methods

Data acquisition is the process of extracting data from the evidence. As we discussed earlier, data acquisition on mobile devices is not as simple as standard hard drive forensic acquisition. These data acquisition techniques are broadly divided into the following types.
Android Forensics Tutorial - Data Acquisition Types
Data Acquisition Types

Android Forensics Tutorial : Data Acquisition

Manual Acquisition:
The examiner utilizes the user interface of the mobile device to investigate the content. While browsing the device, the examiner takes pictures of each screen. This method does not require any tools to perform data acquisition. Apart from the advantages, the biggest disadvantage of this method is that only data visible to the users on the phone can be recovered, and obviously it is time consuming.
Physical Acquisition:
Similar to physical acquisition process on standard digital forensics, physical acquisition process on mobile devices creates a bit-by-bit copy of an entire file system. It creates a copy of the entire file system which contains data present on a device, including the deleted data and unallocated space.
Logical Acquisition:
Logical extraction acquires information from the device using the original equipment manufacturer application programming interface for synchronizing the phone’s contents with a personal computer.
Most of the tools available for free perform Logical Acquisition. Logical Acquisition is the process of extracting data that is accessible to the users of the device and hence it cannot acquire deleted data or the data in unallocated space. The above statement has limitations in some cases.

Android Forensics Tutorial for Imaging an SD card with FTK Imager

FTK Imager can be downloaded from the following link. http://www.accessdata.com/support/product-downloads
It is important to get a bit by bit copy of the phone’s SD card, since it can be used as a valuable data treasure during investigations. As a best practice, we need to use a write blocker to maintain integrity of the evidence.
SD cards generally are of the FAT32 file system. So, we can use traditional imaging tools and acquire the image of the SD card. In this section, we are going to use a popular tool known as FTK Imager to get the image of the SD card.
Here are the steps:
  1. Safely remove the SD card from the mobile device and connect it to the workstation using a card reader.
  2. Launch FTK Imager tool. This appears as shown in the figure below.
Android Forensics Tutorial - Part 3 Image 13. Now, navigate to “File” and click “Create Disk Image” as shown below.
Android Forensics Tutorial - Part 3 Image 2
The above step opens a new window to select the type of acquisition.
Android Forensics Tutorial - Part 3 Image 3
Since we are trying to create an image of the complete SD card, I have chosen “Physical Drive”. It opens a new window to select the Physical Drive as shown below.
Android Forensics Tutorial - Part 3 Image 4
I have chosen “PHYSICALDRIVE 2″ of 1GB which in our case is the SD card. After selecting the appropriate option, click finish. It displays another window where we can add the destination as well as type of image to be created.
Android Forensics Tutorial - Part 3 Image 5
Upon clicking “Add” button, it opens a new window to select the destination image type.
Android Forensics Tutorial - Part 3 Image 6
In our case, we choose “Raw” which gives a “dd” image. Unlike other image formats like “E01″, “dd” image will not store its metadata in the image. Upon clicking next, it shows another window where FTK Imager requests for Evidence Item Information. We can fill in the appropriate details and click “next” or skip it if we are doing it as a trail.
Android Forensics Tutorial - Part 3 Image 7
Android Forensics Tutorial - Part 3 Image 8
As we can see in the above figure, we have provided the destination path and name of the output file. Finally, click finish to start imaging.
Android Forensics Tutorial - Part 3 Image 9
Click “start” to begin the process.
4. After finishing the process, FTK Imager displays a new window where it shows hash verification results. This is shown in the figure below.
Android Forensics Tutorial - Part 3 Image 10
Now, the created image can be further analyzed using traditional forensic analysis tools.
Imaging Android file system:
In this section, we will see how to perform data acquisition of Android file system partitions.
Note: in order to follow the below process, the device must be rooted.
We will use the popular “dd” tool to do our job. “dd” is present in Android by default in “/system/bin” location. This is shown in the following figure.
Android Forensics
Now, let’s look at the partition locations of our interest using the mount command.
Following is the entry associated with “/data” partition from the above output.
/dev/block/platform/msm_sdcc.3/by-num/p16 /data ext4 rw,nosuid,nodev,relatime,noauto_da_alloc,data=ordered 0 0
So, let’s use the following command to extract this particular partition using “dd“.
dd if=/dev/block/platform/msm_sdcc.3/by-num/p16 of=/mnt/sdcard/output.img
Android Forensics Tutorial - Part 3 Image 12
The above command is explained below.
if = input file
of = output file to be created
output.img = name of the output image to be created.
We can even specify the block size using the option “bs” in dd.
After finishing the above process, we can pull this file out using tools like Droid Explorer. We can even do it using the adb pull command.
The below screenshot shows the command to pull the image onto our workstation using the adb pull command.
Android Forensics Tutorial - Part 3 Image 13
Now, we can use this image to do our further analysis on the device.
That’s all friends. Hope you all have enjoyed android Forensics Tutorial on Data Acquisition Types. If you have any doubts feel free to contact us. Keep Learning !! Keep Connected!! Sharing is Caring!!