Lets See How it looks

fter sharing a large number of great and amazing widget let's come to Blogging Tips. So, friends today I'm going to share an amazing hack that will change your Blogger Posts List to Grid View. Most of the blogger template are in list style but you can change any Blogger template from list style to Grid View. If you run a Fashion Blog then this hack is useful for you. This hack will only work on Homepage, Archive and Label.

Change Your Blogger Posts List to Grid View

Step 1. Log in to your Blogger Dashboard
Step 2. Select your Blog >> Template and Hit the Edit HTML Button
Step 3. Search for </head> Tag, Copy and Paste the following code just Before/Above the </head> tag.

<!-- Grid Style Hack Start By Blogolect.blogspot.com-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot; ;
summary_noimg = 400;

Read More...

New Grid Copied

fter sharing a large number of great and amazing widget let's come to Blogging Tips. So, friends today I'm going to share an amazing hack that will change your Blogger Posts List to Grid View. Most of the blogger template are in list style but you can change any Blogger template from list style to Grid View. If you run a Fashion Blog then this hack is useful for you. This hack will only work on Homepage, Archive and Label.

Change Your Blogger Posts List to Grid View

Step 1. Log in to your Blogger Dashboard
Step 2. Select your Blog >> Template and Hit the Edit HTML Button
Step 3. Search for </head> Tag, Copy and Paste the following code just Before/Above the </head> tag.

<!-- Grid Style Hack Start By Blogolect.blogspot.com-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot; ;
summary_noimg = 400;

Read More...

Grding View Copied

Generally, all default blogger template are arrange in list style, while some bloggers (especially those who run a fashion blog) have been looking for a way to style their blogger template to a grid  or gallery style. I have receive couple of emails from different bloggers asking, if there is a way they can style their blogspot template into a grid style. Now here i come with a hack that can do the job perfectly well.

This hack will position your post thumbnail at the top, and align the post summary at the bottom with an automatic jump break or "read more" link, which will appear at the end of each summary after a specified number of characters. Bigs-up to Muhammad Hassan on these.
The hack will only work on homepage, archive,  label and search page (not with Google custom search.) Love that? Let's get it done then.

Read More...

Lorem ipusum Copied

Download Script

PHP Code
This script resize an Image into two 60px and 25px. Take a look at $newwidth you have to modify size values.

<?php 

 define ("MAX_SIZE","400");

 $errors=0;
 
 if($_SERVER["REQUEST_METHOD"] == "POST")
 {
        $image =$_FILES["file"]["name"];
 $uploadedfile = $_FILES['file']['tmp_name'];

  if ($image) 
  {
  $filename = stripslashes($_FILES['file']['name']);
        $extension = getExtension($filename);
  $extension = strtolower($extension);
 if (($extension != "jpg") && ($extension != "jpeg") 

&& ($extension != "png") && ($extension != "gif")) 
  {
echo ' Unknown Image extension ';
$errors=1;
  }
 else
{
   $size=filesize($_FILES['file']['tmp_name']);
 
if ($size > MAX_SIZE*1024)
{
 echo "You have exceeded the size limit";
 $errors=1;
}
 
if($extension=="jpg" || $extension=="jpeg" )
{
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefromjpeg($uploadedfile);
}
else if($extension=="png")
{
$uploadedfile = $_FILES['file']['tmp_name'];
$src = imagecreatefrompng($uploadedfile);
}
else 
{
$src = imagecreatefromgif($uploadedfile);
}
 
list($width,$height)=getimagesize($uploadedfile);

$newwidth=60;
$newheight=($height/$width)*$newwidth;
$tmp=imagecreatetruecolor($newwidth,$newheight);

$newwidth1=25;
$newheight1=($height/$width)*$newwidth1;
$tmp1=imagecreatetruecolor($newwidth1,$newheight1);

imagecopyresampled($tmp,$src,0,0,0,0,$newwidth,$newheight,

 $width,$height);

imagecopyresampled($tmp1,$src,0,0,0,0,$newwidth1,$newheight1, 

$width,$height);

$filename = "images/". $_FILES['file']['name'];
$filename1 = "images/small". $_FILES['file']['name'];

imagejpeg($tmp,$filename,100);
imagejpeg($tmp1,$filename1,100);

imagedestroy($src);
imagedestroy($tmp);
imagedestroy($tmp1);
}
}
}
//If no errors registred, print the success message

 if(isset($_POST['Submit']) && !$errors) 
 {
   // mysql_query("update SQL statement ");
  echo "Image Uploaded Successfully!";

 }
 ?>

Read More...