jQuery Sliding Panel with Expanding and Collapsing Content for Blogger Blog

Advantage of this awesome plugin and use it to increase other elements, for instance a menu, search box, social icons and the feed subscription etc.

jQuery Sliding Panel with Expanding and Collapsing Content for Blogger Blog, jaanck,ckjaan,jaan ck, jaanckblog
Lots of times as soon as we think about making a blog, we tend to positioned numerous gadgets, even though many are not needed, otherwise perhaps lone a small number of of them. Now edict to add the gadgets that we love and want, for that we need to have enough space. A way out would be to use an expanding and collapsing the menu that is hidden and expands as soon as the user clicks on it.

jQuery Sliding Panel with Expanding and Collapsing Content for Blogger Blog
In the beginning, this plugin is known as Sliding Login Panel, It was created therefore that users might register on the website, but then again as we are aware of, in Blogger we do not have the that option to add user registration, however that does not nasty we can't take advantage of this awesome plugin and use it to increase other elements, for instance a menu, search box, social icons and the feed subscription etc.

Don't forget to check out these awesome Post about Blogger Blog : How to Add floating Social Media Sharing Buttons below Blogger post titles + How to Add Simple Drop Down Menu in Blogger Blog + How to Stop Copying Blogger Blog Content? STEP-BY-STEP + How to Remove Showing label Post in Blogger Blog How To Disible Right Click On Blogger Blog?

Adding the jQuery Expand/Collapse Slider Panel to Blogger Blog

This sliding menu is made with jQuery, therefore the first mechanism is to add the script by pasting it just below the <head> section:
Also Check Out : 10 Killer Ways to Imorove your Blog Page Rank
Here are the 6th tips to add the Expand/Collapse Slider Panel to Blogger Blog
Step 01. From your Blogger Blog dashboard > go to "Theme" > click on the "Edit HTML" Button:
jQuery Sliding Panel with Expanding and Collapsing Content for Blogger Blog
Step 02. Click anywhere inside the code area and search by pressing the CTRL + F keys for the <head> tag
jQuery Sliding Panel with Expanding and Collapsing Content for Blogger Blog
Step 03. Below the <head> Section, add this script:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
$(&quot;#open&quot;).click(function(){
$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);
});
$(&quot;#close&quot;).click(function(){
$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);
});
$(&quot;#toggle a&quot;).click(function () {
$(&quot;#toggle a&quot;).toggle();
});
}); </script>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
body#layout #slide-top-panel {display:none !important;}
</style>
</b:if>
Also Check Out: 6 Best Places To Add Keywords In Blogger Posts For Best Optimization
Step 04. Now search (CTRL + F) the </head> tag and add the CSS styles just above it:
<style>
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {height: 1%;}
.clearfix {display: block;}
.tab {
background: url(http://1.bp.blogspot.com/-NUzxkktRzaU/Uv_kp1jV21I/AAAAAAAAGLo/KtKg7i17Ecc/s1600/sliding-panel-tab-0.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}
.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}
.tab ul.login li.left {
background: url(http://4.bp.blogspot.com/-xlp0IDZdYO0/Uv_kY314jPI/AAAAAAAAGLQ/rViPl1Lb6AA/s1600/sliding-panel-tab-left.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li.right {
background: url(http://2.bp.blogspot.com/-5XawEIl5fZ4/Uv_kY6E8W2I/AAAAAAAAGLc/3gC41-rCLcE/s1600/sliding-panel-tab-right.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://3.bp.blogspot.com/-xRg5USmC76w/Uv_kY2BfO2I/AAAAAAAAGLU/ssNd4LjkegQ/s1600/sliding-panel-tab.png) repeat-x 0 0;
}
.tab ul.login li a {color: #15ADFF;}
.tab ul.login li a:hover {color: #FFFFFF;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}
.tab a.open {background: url(http://2.bp.blogspot.com/-cdOsu2eBoaw/Uv_jiuYiBwI/AAAAAAAAGK0/MHNq2ZHKx84/s1600/button-open.png) no-repeat left 0;}
.tab a.close {background: url(http://2.bp.blogspot.com/-x8TYckHLWSI/Uv_jikLN4XI/AAAAAAAAGKw/351QJzRE6hU/s1600/button-close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://2.bp.blogspot.com/-cdOsu2eBoaw/Uv_jiuYiBwI/AAAAAAAAGK0/MHNq2ZHKx84/s1600/button-open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://2.bp.blogspot.com/-x8TYckHLWSI/Uv_jikLN4XI/AAAAAAAAGKw/351QJzRE6hU/s1600/button-close.png) no-repeat left -19px;}
#slide-top-panel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#panel {
width: 100%;
height: 230px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3.00;
display: none;
}
#panel h4 {
font-size: 18px;
color: #F2F2F2;
text-align: center;
padding: 5px 0 10px;
margin: 0;
}
#panel p {
margin: 5px 0;
padding: 0px;
}
#panel a {
text-decoration: none;
color: #15ADFF;
}
#panel a:hover {
color: white;
}
#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}
#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}
#panel .content .right {
border-right: 1px solid #333;
}
#panel .content form {
margin: 0 0 10px 0;
}
#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}
#panel .content input.field {
border: 1px #1A1A1A solid;
background: #545454;
border-radius: 10px;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 18px;
}
#panel .content input:focus.field {
background: #7F7F7F;
}
#panel .content input.button-register {
display: block;
clear: both;
height: 24px;
width: 94px;
color: white;
background: transparent url(http://3.bp.blogspot.com/-dT-QzDtobHo/Uv_j8KyMIWI/AAAAAAAAGLE/dhWa0RKCLpI/s1600/button-register.png) no-repeat 0 0;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px auto;
}
#sliding-panel {
width: 160px;
float: left;
}
#sliding-panel2 {
width: 160px;
float: right;
}
#sliding-panel ul, #sliding-panel2 ul{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}
#sliding-panel ul li a, #sliding-panel2 ul li a {
background:url(http://4.bp.blogspot.com/-zAJKRnLzcmc/Uv_yHsaS9FI/AAAAAAAAGMc/1fbDDXwrbbY/s1600/star-bullet.png) center left no-repeat;
margin:0;
padding:3px 3px 3px 18px;
}
#sliding-panel li, #sliding-panel2 li {
display: inline;
}
#sliding-panel a, #sliding-panel2 a{
color: #999999;
text-decoration: none;
font-size: 11px;
display: block;
padding: 3px;
width: 160px;
}
#sliding-panel a:link, #sliding-panel a:visited, #sliding-panel2 a:link, #sliding-panel2 a:visited {
color: #999999;
text-decoration: none;
}
#sliding-panel a:hover, #sliding-panel2 a:hover {
color: #FFFFFF;
}
#search-box22{
margin-top: 20px;
}
#search-box22 input[type="text"] {
float: right;
background: 10px 6px #444;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #777;
width: 160px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search-box22 input[type="text"]:focus {
width: 190px;
}
.about-author {
width: 100%;
text-transform: none;
margin-top: 15px;
}
.authorbox {
overflow: hidden;
padding: 0;
width: 100%;
}
.authorbox .authorinfo {
}
.authorbox .authorinfo img {
float: left;
margin: 4px 10px 4px 5px;
border-radius: 100%;
width: 20%;
background: #222;
padding: 5px;
}
.authorbox .authorinfo p {
margin: 0;
padding: 0 5px;
text-align: left;
}
.authorinfo p a {
text-decoration:none;
}
.authorbox h3 {
margin: 0;
display: inline-block;
}
h3.boxtitle {
font-size: 14px;
}
 </style>
Note this:

In case you need more space for your widgets, the height of the entire container can be changed by modifying the 230px value from height: 230px;
Also check out: Key to Creating a Popular Blog : Evergreen Content
If you wanted to change the background color, then you have to change this color value: #272727

Step 5. And finally, we will place the HTML structure of it. Right after the <body> tag, add this code:

<!-- From start copying this code and this the Start of sliding panel -->
<div id='slide-top-panel'>
<div id='panel'>
<div class='content clearfix'>
<!-- first section -->
<div class='left' style='width:240px !important'>
<h4>Welcome to my blog!</h4>
<div class='about-author'>
<div class='authorbox'>
  <div class='authorinfo'>
<img src='http://1.bp.blogspot.com/-J8r3gQVzSSE/Uv5nM4vluSI/AAAAAAAAGJk/Np7Vu3uVxwU/s1600/profile-pic.png'/>
<h3 class='boxtitle'> Meet the Author </h3>
<p>Ut eleifend tortor aliquet, fringilla nunc non, consectetur magna. Suspendisse potenti.</p>
</div>
</div>
</div>
<p align="right" style="margin-top: 10px;">Looking for something?</p>
<form method="get" action="/search" id="search-box22">
  <input name="q" type="text" size="40" placeholder="Search..." />
</form>
</div>
<!-- second section -->
<div class='left' style='width:320px !important'>
<h4>Categories</h4>
<div id='sliding-panel'>
<ul>
<li><a href='Link URL'>Category1</a></li>
<li><a href='Link URL'>Category2</a></li>
<li><a href='Link URL'>Category3</a></li>
<li><a href='Link URL'>Category4</a></li>
<li><a href='Link URL'>Category5</a></li>
<li><a href='Link URL'>Category6</a></li>
<li><a href='Link URL'>Category7</a></li>
</ul>
</div>
<div id='sliding-panel2'>
<ul>
<li><a href='Link URL'>Category1</a></li>
<li><a href='Link URL'>Category2</a></li>
<li><a href='Link URL'>Category3</a></li>
<li><a href='Link URL'>Category4</a></li>
<li><a href='Link URL'>Category5</a></li>
<li><a href='Link URL'>Category6</a></li>
<li><a href='Link URL'>Category7</a></li>
</ul>
</div>
</div>
<!-- third section -->
<div class='left right' align="center">
<h4>Subscribe to this blog!</h4>
<p style="padding:0px 30px;">Receive the latest posts by email. Just enter your email below if you want to subscribe!</p>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=Feed-Name' method='post' target='_blank'>
<input class='field' name='email' type='text/' value=''/>
<input name='uri' type='hidden' value='Feed-Name'/>
<input name='lang' type='hidden' value='en_EN'/>
<input class='button-register' type='submit' value='Subscribe'/></form>
<div align='center' style="clear: both;">
<a href='http://www.facebook.com/UserName'><img title="Follow on Facebook" src='http://4.bp.blogspot.com/-7yw8LAxUHDs/Uv_yeMsPAzI/AAAAAAAAGMk/FmmQs1-0onE/s1600/Facebook.png' style='padding:5px;' width='32'/></a>
<a href='http://blog-address.blogspot.com/atom.xml'><img title="RSS Feed" src='http://2.bp.blogspot.com/-m3RbHRx_SrU/Uv_yefCLr6I/AAAAAAAAGMo/UkejpiUz5gk/s1600/RSS.png' style='padding:5px;' width='32'/></a>
<a href='https://plus.google.com/UserName'><img title="Follow on Google" src='http://4.bp.blogspot.com/-BDo6SRqhmMk/Uv_yefar_mI/AAAAAAAAGM4/lBmHhNcUceY/s1600/Google-plus.png' style='padding:5px;' width='32'/></a>
<a href='http://twitter.com/UserName'><img title="Follow on Twitter" src='http://4.bp.blogspot.com/-DBsj0D214z8/Uv_yeiKl49I/AAAAAAAAGMw/xG8n2ZSVR98/s1600/Twitter.png' style='padding:5px;' width='32'/></a>
</div>
</div>
</div>
</div>
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Hello guest!</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'> Open Menu </a>
<a class='close' href='#' id='close' style='display: none;'> Close Menu </a>
</li>
<li class='right'/>
</ul>
</div>
</div>

Note: If you can not find the <body> tag, then try to find this one:
< body expr:class='&quot;loading&quot; + data:blog.mobileClass '>
Here we have added the content in the sliding panel which will be hidden and will show on mouse click. In green are the names of each section so it is easier to recognize them.

Note:
In the first section, you can change the "Welcome Message", and the "Meet the author" title and add your description by replacing the text in bold. Also To add your own picture, replace this URL:
http://4.bp.blogspot.com/-S1mxan2FWvs/WcjdbusbvXI/AAAAAAAABW4/2U8scf0y-3AauzLBoVmHxxWPxiWHJ_FZgCK4BGAYYCw/s1600/profile-pic.png

In the 2nd section you must have the categories - there add the URLs of your links by replacing the addresses in Red then replace Category1, Category2, and Category3. With the titles that you want to look as if for the links.

In the third piece of this is the email subscription - just replace the text in Red with the name of your blog's feed. Please note that you must have this email subscription option enabled in your Feed burner account, Good.

As for the social icons below, change the URLs in Red with your Facebook and Twitter and add the URL of your blog's RSS feed address.

Ultimately, these are the main sections that can be customized, on the other hand we can remove some of them then paste something else instead of it.

Step 06. Save the theme and that's it! Note that this menu works with jQuery, thus if you are already using Scriptaculous, Prototype or Mootools, at that time it will not work.

Hope you'll appreciate this elegant menu by way of sliding effect, which will look tactic better if we remove the Blogger navbar.

COMMENTS

Name

10 Best Freelance Websites,2,10 Worst SEO Practices,1,10+ Commandments Affiliate Marketing,1,5 Profitable Business to Invest,1,AdSense,5,AdSense Account Banned,1,AdSense Tips and Tricks,3,Advanced Guide to YouTube SEO,1,Affiliate Marketer,1,Affiliate Marketing,6,Alexa,2,Alexa Ranking Tips,1,Apple,2,apple 8,1,apple 8+,1,Apple iPhone X Vs Samsung Galaxy S8,1,Auto Publish Blog Posts,1,benefits of blogging,2,Best Cars,1,Best Hosting for WordPress,1,Best Mobiles,1,Best SmartPhones,4,Best Tactics to promote your Blog,1,Best Ways to make money Online through blogging,2,Best WordPress Plugins,1,blog,9,Blog Accept Guest posts,1,Blog Post Ideas Tactics,6,Blogger,17,Blogger Gadget,5,Blogger Search engine optimization Tips,1,Blogger Vs WordPress Best Blogging Platforms,2,Blogging,62,Blogging Communities,2,Blogging Guide,3,Blogging Practice to become a successful Blogger,1,Blogging Tips,6,BlueHost Review,1,Business,10,Business Tips,11,Cameras,1,Computer,5,Connection and Engagement,1,Content Ideas,3,Content Marketing,2,Content Marketing Trends,2,Control Your Gmail Inbox,1,Copy and Paste Jobs,1,Creativity and Productivity,2,Develop your Blog,1,Digital Marketing,2,Digital Marketing Strategy,1,Domain Name,1,Earn money with affiliate,7,Earn Money with Google Adsense STEP BY STEP,2,Earn Money with Online Servey,1,Earning,20,eBay,1,Email marketing,2,encryption code,1,Evergreen Content,2,Expanding and Collapsing Content for Blogger Blog,1,Expanding and Collapsing Menu,1,Facebook,4,Facebook Tips,2,Forex Trading,1,Free Blogging Guide,2,Freelance Websites to Find Jobs,1,Freelance Writing,1,Freelancers,3,Freelancing Resources To Make Money,2,Gadget,4,Generate Highly Targeted Traffic,2,Getting Approval in Google AdSense,1,Google Adsense,4,GoogleAdsense,3,Guide For Begnners: Importance of Keywords in SEO,1,Hackers,2,Hacking,2,HBO Hacked,1,Hosting,1,How Insurance Works,1,how make your own Business services,4,How to Delete Cortana,1,How to Delete Cortana in Windows 10,1,how to get traffic to your blog,3,how to increase organic traffic,1,how to make money online,18,How to Set Up a Self-Hosted WordPress Blog,1,How to Write SEO Friendly Content,1,Improve Ranking in Search engines in 2018,1,Insurance,2,Insurance Tips,2,iPhone,2,iPhone X. Samsung Galaxy S8,1,ips to Become a Successful Affiliate Marketer,1,Iranian Hacker,1,jQuery,1,jQuery Sliding Panel,1,Key to Creating a Popular Blog,2,Keyword Difficulty Analysis,1,Killer Tips,1,Killer WordPress Tips,1,Kinds of Insurance,1,lenses for Nikon DSLRs,1,List of 30+ High-Quality Blogs,1,make a seo frienly blog,1,Make Money Online,27,Make Money With eBay,1,Make Your Blog Popular,2,Make Your Blogger Theme SEO Friendly,1,Making Money With Freelancing,1,Marketing,1,Marketing Tips,1,Marketing Tips and Tricks,1,Maximum Allowed Ad Units on a Web Page in AdSense,1,most Important for a Blog,1,Most recent SEO Approaches For each Company Must Be Aware Of,1,New Sports Cars,1,Niche/topical blogs,1,one click to all your Social Media,2,Online Success,1,Online Writing Expertise,1,Paid Advertising to Grow your Business,1,PC Tutoria;s,1,Perfect blog Post,2,Perfect Web Hosting Provider,1,Photography,1,Plugins,1,Profitable Niche for Your Online Business,1,Programing,1,promote your blog,2,Protect Your Business,1,Quick Cash from Event Blogging,1,Racing Cars,1,Rank better in Google,1,Review of BlueHost,1,Reviews,2,Samsung,3,Samsung Galaxy X,1,Search Engine Friendly blog,1,Search Engine Optimization,20,Search Tricks,1,SEC’s new cyber,1,Secret To Blogging Easier,2,Secure AdSense Beginners,1,Selling Products Services,1,SEO,25,SEO for Beginners,7,SEO Friendly Content,1,SEO frienly blog,2,SEO Guide for Beginners WordPress,1,seo optimization tips,2,SEO Terms - SEO Jargon,1,seo tips,9,SEO Tricks,2,SEO WordPress,2,Set Up a Self-Hosted WordPress,1,Small Business,4,Smartphones Reviews,2,social media auto poster,1,social media.,1,Startups,1,styles and types of blogs,1,Submit and Claim your Website in Alexa,1,Successful Business,7,Successful Small Business,2,Survey Companies that Pays Cash for taking Online Surveys,1,Tactics to Run a Successful Business,3,Tech News,12,Technical SEO Audit,1,technology,5,Technology news and features,11,Tesla,1,testla New Roadster,1,themes,3,Tips,1,Tips To Improve Your Blog or Website Alexa Ranking,1,Tips to Start your Own Blog Today,1,Tools,1,Top 10 Web Hosting,1,TOP 100+ FREE TOP HIGH PR DIRECTORY SUBMISSION SITES LIST 2017,1,Top 5 Best Tactics,1,Top List of Blog Niche,3,Top List of Blog Niche to Catch Good Traffic,1,Topmost Nikon lenses 2017,1,Traffic,4,traffic from organic search,1,Twitter,4,Twitter testing a features,1,Twitter Tips and Tricks,2,Ultimate Ways to Make Money,1,United States of America Companies,2,USA Companies,1,Ways To Choose the Right SEO keywords,1,Ways To Increase Your Blog Traffic For Free,1,Web Hosting,3,Web Hosting companies,1,Webinars Trainings,1,What is a blog,1,What readers want from the blog,1,Why persons blog,1,Windows 10,1,Windows 10 Tips,4,WordPress,18,WordPress Blog for Search Engines,1,WordPress Full Guide Step By Step,1,WordPress Image Optimization Plugins,1,WordPress Plugins,1,WordPress Tips for Beginners,2,Write and Make Money,1,Writing First-Class Article,1,YouTube,3,YouTube Search Engine Optimization,2,YouTube SEO,2,
ltr
item
JaanCk - Way Towards Success: jQuery Sliding Panel with Expanding and Collapsing Content for Blogger Blog
jQuery Sliding Panel with Expanding and Collapsing Content for Blogger Blog
Advantage of this awesome plugin and use it to increase other elements, for instance a menu, search box, social icons and the feed subscription etc.
https://4.bp.blogspot.com/-Uly0mxe2jWY/Wcjgf25iVpI/AAAAAAAABXM/NZ4IZRH8NzQi8diqSlKLgvXJY0jWxg1EACK4BGAYYCw/s1600/jQuery%2BSliding%2BPanel%2Bwith%2BExpanding%2Band%2BCollapsing%2BContent%2Bfor%2BBlogger%2BBlog.jpg
https://4.bp.blogspot.com/-Uly0mxe2jWY/Wcjgf25iVpI/AAAAAAAABXM/NZ4IZRH8NzQi8diqSlKLgvXJY0jWxg1EACK4BGAYYCw/s72-c/jQuery%2BSliding%2BPanel%2Bwith%2BExpanding%2Band%2BCollapsing%2BContent%2Bfor%2BBlogger%2BBlog.jpg
JaanCk - Way Towards Success
https://www.jaanck.com/2017/09/jquery-sliding-panel-with-expanding-and-collapsing-content-for-blogger-blog.html
https://www.jaanck.com/
https://www.jaanck.com/
https://www.jaanck.com/2017/09/jquery-sliding-panel-with-expanding-and-collapsing-content-for-blogger-blog.html
true
5111712822225056916
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy