Don't Miss

Today in this post I'm going to show you that How to Add Stylish Sliding Up Image Description Widget to your blogger blog. This widget adds a great look to your blog. If you have a special/popular post then you can add it on the sidebar of your blog and link to the post. Just follow the following steps to add this widget to your blogger blog.


Adding Slide Up Image Description Widget

Step 1. Go to Blogger Dashboard >> Layout >> Add A Gadget

Step 2. Now Choose HTML/JavaScript From the list of Gadgets

Step 3. And Paste the following Code in the HTML/JavaScript Box
.image-box {
  border:1px solid #ccc;float:left;margin:1px 1px;
  font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;
.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;
.image-details h4,
.image-details p {
  margin:0 0 .2em;padding:0 0;height:70px;
.image-details h4 {
.image-details .details {
  padding:10px 12px;overflow:hidden;

.image-details .more {
  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;
.image-box:hover .image-container {margin-top:-160px}
.image-details .more:hover {background-color:black}

<div class="image-box-wrapper" id="image-box-wrapper">
 <div class="image-box">
  <div class="image-container">
   <img width="280" height="280" src="" alt="Food" />
  <div class="image-details">
   <div class="details">
    <h4>Lorem Ipsum</h4>
    <p>Post Description</p>
    <p><a class="more" href="Post Link">More</a></p>

 <div style="clear:both;"></div>



  • Replace With Your Image Link.
  • Replace Lorem Ipsum With Your Post Article.
  • Replace Post Description With Your Post Description.
  • Replace Post Link With Your Post Link.
Enjoy !!!

---> Do you like this article? Share it with your friends/followers and subscribe to this blog now, for you to stay updated with our latest posts.


5 comments to ''Add Stylish Sliding Up Image Description Widget In Blogger"

  1. It is very arduous to mention once precisely have to be compelled to money your check. generally it's going to terribly troublesome to money if it's not official hours.
    24 hour check cashing

  2. gclub online โปรโมชั่น แบบครบวงจรที่คอยอัพเดทข่าวสารเกี่ยวกับโปรโมชั่น จีคลับ บาคาร่าออนไลน์ สล็อตออนไลน์ ตลอดทั้ง 24 ชั่วโมง เพื่อให้ท่านได้สามารถเข้าร่วมสนุกไปกับเกมออนไลน์ของเราได้ตลอดเวลาโปรโมชั่นสำหรับสมาชิก Premium, VIP ที่แจกโบนัสให้สูงที่สุด 10% และโปรโมชั่นแบบรายวัน สำหรับคำขอบคุณที่มอบให้กับ โปรโมชั่น gclub

  3. Our experienced and high-quality research paper services will ensure you have received the who can write my research paper based on your instructions and specifications.