300x250 AD TOP

PageRank

Welcome to Black splat

Blogroll

Total Pageviews

About

Music

M Shehroz. Powered by Blogger.

Followers

About Me

Followers

Featured Posts

Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Sunday, 24 November 2013

Tagged under:

How To Add Anonymous Comments On Blogger

Aslam-o-Alaikum From HaCkInG 'O' sHiT....

Blogger Main Jab Ap Comments Dena Chahty Han app add Comments Par Click Karty Han To Sing in Ka Option Deta Hy Then ap Comments Accounts Ky Bagair Ni dy sakty Likin Blogger Main Ak asa Anyone Commentz Ka 0ption Hy Jo Anonymous Comments Ko On Kr Deta Hy Or ap bagair Kise ACCount ky Comments Day Sakty han Like This


How To Add Anonymous Comments On Blogger


Method How To Add Anonymous Comments On Blogger
Goto: www.Blogger.com/home 
After Follow da 1.2.3.4.5 Steps :)











Any0ne Par Click Karny Ky Badd SAVE karadain :)


Tagged under:

How To Remove Subscribe to Posts (Atom) from Blogger

How To Remove Subscribe to Posts (Atom) from Blogger


In many Blogger templates there is a "subscribe to: Posts (Atom)" link,  Is ko remove karny ka Tarika Bhut asan hy.. so Lets Start . .


Step 1.  Dashboard Main Jain > Template > Edit HTML ( Proceed button Par Click Karain if needed)



Step 2. Select "Expand Widget Templates"




Step 3. (CTRL + F) Sy Find Karain this line:

<b:include data='feedLinks' name='feedLinksBody'/> 



Step 4. Remove it and  Template. Save Kardain
 This should remove subscribe to: posts (atom) link. Want To See This ? let see this image







Tagged under:

How to Change Blogger Anonymous Avatar

Now Time Blogger Ya Image anonymous Comments Main Use Kar raha Hy :http://img1.blogblog.com/img/anon36.png. . . and we can't hack this image with background But Hamary Pas jQuery script Hy Jis Sy Image hack Hack Karskty Han.See Some

ScreenShots


How to Change Blogger Anonymous Avatar

Let's we go... :)

follow simple steps below:

1. Go to Template -> Edit HTML
2. Find </body>
3. Add this code just before </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'your-avatar-url-here')
.ssyby('blank')
</script>


Like This Pic




Tagged under:

How to Remove Showing Posts With Label in Blogger

Step 1. Go to Dashboard - Template - Edit HTML (if necessary, click on Proceed button)


How to Remove Showing Posts With Label in Blogger

Step 2. Select "Expand Widget Template" (make a backup)


Step 3. Now find (CTRL+F) this code in the template:


<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>

Step 4. Delete the code from above and replace it with this one: 

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Step 5. Save the template. Now view your blog and click on some label...Ap dakhain Gy ky no box anymore. 
Tagged under:

How to Add Stylish Sliding Up Image Description Widget

How to Add Stylish Sliding Up Image Description Widget

This widget that adds a great look to your Blogger site is the sliding up image description. You can incorporate this stylish widget via this tutorial by the guys at Bloggertrix. You can add it on the sidebar and if you have a special post, you can link it as well. CSS and HTML are basically used so it’s easy to customize if you wish to change the images.

Blogger Dashboard > Layout
Add Gadget > HTML/Javascript
Paste this code


<style>
.image-box {
  width:280px;height:280px;overflow:hidden;background-color:white;
  border:1px solid #ccc;float:left;margin:1px 1px;
  font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;
  color:#333;
}
.image-container,
.image-details {height:280px;border:5px solid white;background-color:#ffc;
  transition:margin-top .4s ease-out .4s;
}
.image-container img {
  width:280px;height:280px;padding:0 0;margin:0 0;border:none;outline:none;max-width:none;
  max-height:none;
  background-color:black;
}
.image-details h4,
.image-details p {
  margin:0 0 .2em;padding:0 0;height:70px;
}
.image-details h4 {
  font-size:120%;height:auto;
}
.image-details .details {
  padding:10px 12px;overflow:hidden;
}

.image-details .more {
  color:white;text-decoration:none;display:block;
  text-align:center;font-weight:bold;background-color:#f9a;height:26px;line-height:26px;margin:10px 0 0;
}

.image-box:hover {border-color:#bbb; width:280px;
  height:280px;}
.image-box:hover .image-container {margin-top:-160px}
.image-details .more:hover {background-color:black}
</style>

<div class="image-box-wrapper" id="image-box-wrapper">
 <div class="image-box">
  <div class="image-container">
   <img width="280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgasIAlGwXmykOcXp0lwkN46m-9pSJq5qvafd_EWERUpXNuvBPq9bn_46OF_tNs_4pNNWkYV8bEXqGy37rWqknegATpXUTq3xpJciC2NRZIAlx-6SvXKHxl6h8TCI7K9EXosUG0M8k9e2U/s1600/3.jpg" alt="Food">
  </div>
<div class="image-details">
   <div class="details">
    <h4>
Lorem Ipsum</h4>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
<p>
<a class="more" href="Post Link ">More</a></p>
</div>
</div>
</div>
<div style="clear:both;">
</div>
</div>


Save.
Note: Make a backup of your template before attempting to edit it... !
Tagged under:

Add Amazing Social Widgets

This is another cool social widget for you to integrate in your site. #HaCkInG 'O' sHiT shows you his version called Amazing Social Widgets.

Add Amazing Social Widgets

Here’s how you can add to your Blogger blog:
Go to Blogger Dashboard.
Go to Layout > Add a Gadget > HTML/JavaScript.
Copy and paste the code provided below in the content area.

<style>

/*social icon By Urduhacks*/

#head-htb{width:230px ; }

#head-htb ul li {list-style :none; padding: 0 0 0 1px; float: left;}

#head-htb ul li a {text-indent: -9999px; font-size: 0; line-height: 0;

overflow: hidden ; height: 64px; width: 64px ;border: 0px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79jNmefw31PoEscAOgA9CdS7ssGqgtmjAC5b6MhqG4YBMtufZSDXylxi50mjSc4-t_DgL05FGLbIEKBGT3r0m0jGcQELuzefbR_WlQBgyYz2sRGxjfKglV-rXZcAfzy2CGwsh6_oa/s353/Social%2520Media%2520Widget.PNG)

no-repeat; display: block;}

#head-htb li#fb a {background-position: -210px 0px;margin:0px 0px;}

#head-htb li#fb a:hover {background-position: -210px 0px;margin:0px

0px;transform:rotate(30deg);

transform:rotate(15deg);

-ms-transform:rotate(15deg);

-moz-transform:rotate(15deg);

-webkit-transform:rotate(15deg);

-o-transform:rotate(15deg);

-moz-transition-duration: 950ms;

-webkit-transition-duration: 950ms;

-o-transition-duration: 950ms;

}

#head-htb li#twit a {background-position: -290px 0px;margin:0px 0px 0px

7px;}

#head-htb li#twit a:hover {background-position: -290px 0px;margin:0px 0px

0px 7px;transform:rotate(30deg);

transform:rotate(-15deg);

-ms-transform:rotate(-15deg);

-moz-transform:rotate(-15deg);

-webkit-transform:rotate(-15deg);

-o-transform:rotate(-15deg);

-moz-transition-duration: 950ms;

-webkit-transition-duration: 950ms;

-o-transition-duration: 950ms;

}

#head-htb li#g a {background-position: 0px 0px;margin:0px 0px 0px -8px;}

#head-htb li#g a:hover {background-position:0px 0px;margin:0px 0px 0px

-8px;

transform:rotate(15deg);

-ms-transform:rotate(15deg);

-moz-transform:rotate(15deg);

-webkit-transform:rotate(15deg);

-o-transform:rotate(15deg);

-moz-transition-duration:950ms;

-webkit-transition-duration: 950ms;

-o-transition-duration: 950ms;

}

#head-htb li#rss a {background-position: -68px 0px;margin:0px -3px;}

#head-htb li#rss a:hover {background-position: -68px 0px;margin:0px 0px

0px -3px;transform:rotate(30deg);

transform:rotate(-15deg);

-ms-transform:rotate(-15deg);

-moz-transform:rotate(-15deg);

-webkit-transform:rotate(-15deg);

-o-transform:rotate(-15deg);

-moz-transition-duration: 950ms;

-webkit-transition-duration: 950ms;

-o-transition-duration: 950ms;

}

/*Social Icons Urduhacks */

</style>

<div id="head-htb">

<ul>
<li id="fb"><a href="YOUR FB URL">Facebook</a></li>
<li id="twit"><a href="YOUR TWT URL">Twitter</a></li>
<li id="g"><a href="YOUR GOOGLE+ URL">Google+</a></li>
<li id="rss"><a href="YOUR RSS URL">RSS

</a></li>
</ul>
</d <br>

Save.
Note: Always make a backup first before doing any customizations in your template. Replace the following with your own URL links:
Your FB URL (Facebook fan page)
Your G+ URL (G+ profile or blog fanpage)
Your TWT URL (Twitter account)
RSS FEED LINK (feed links)