Sliding
Affichage des articles dont le libellé est Sliding. Afficher tous les articles
Affichage des articles dont le libellé est Sliding. Afficher tous les articles

Sliding Animated Recent Post Widget For Blogger

hahasat 08:25 Add Comment
hahasat
Sliding Animated Recent Post Widget For Blogger - Add In Just 3 Step

 Above is Recent Post widget animation 

Well Guys I was searching for Sliding Animated Recent  Comments But I Accidentally Found Recent Post Animated widget, So i decide to share with bloggiyan. If you need a professional look of your blog, you must place an animated Recent Posts widget in your sidebar. As a good designer you must have a stylish blog. So your visitors are easily attracted. Its is very easy to add this widget. You have to put a code in HTML/JavaScripts box. 

Above is Demo Pic or if want to see Demo Click Here 
Or If you want create your own animated preview as showing on top check out Following Post

Live Demo Of Animated recent post widget


How To Add Animated Recent Post Widget into Blogger

First Log into blogger account 
Go to Dashboard >> Layout >> Add A Gadget >> HTML / JavaScript

1. Now Copy An Paste Below Code Into HTML / JavaScript Box.



  2. In above code just change http://www.s2free.blogspot.com/ [the blue line] with your blog link or url.
    Click Save Done!

    Now Check Your blog & You Will Be happy after adding this attractive animated post widget

Animated CSS3 Metro UI Drop Down Menu With Sliding Tiles Effect v1.1

hahasat 07:56 Add Comment
hahasat
Animated CSS3 Metro UI Drop Down Menu With Sliding Tiles Effect v1.1

I have Posted My First Two Creation Using CSS3   Earlier In my Posts Before,, Those are
  1.  Metro UI Social Profile and Search Box with Zoom & Glow Effects Widget v1.0 by MJN For Blogger ..
  2.  Simple and Stylish Ribbon UI Social Profile Widget v1.0 by MJN For Blogger..
So after Working on Those Two Metro UI and Ribbon UI Widgets today  I am Here With One More Metro UI Win 8 Style Drop Down Menu Using CSS3..  

Demo of Metro UI Drop Down Menu With Sliding Tiles Effect v1.1
 
After Previewing Live Demo I think you are "Happy!!" to add it to your Blog or Site..

 How to Add Metro UI Drop Down Menu With Sliding Effect Into Your Blog:

  1. First Go to "Blogger" and Go to  your Blog Dashboard..
  2. Now Click On "Layout" In Left Side of your Blog..
  3. Now Click on "Add Gadget"..
  4. You Will Get Many Widgets..Scroll Down to "HTML/JavaScript"..
  5. Click On "HTML/JavaScript"..
  6. Now Paste This Below Set of Code in it..


www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


 









  • Now Click Save and Drag it to your desired position..

Customization :

Now Replace Links Text Highlighted in Color Facebook,Twitter,Google+,RSS and other in Red with your Link.. 
Replace the Names Highlighted in  Pink with your Words appropriate to link given..

Smooth Sliding Social Media Widget For Blogger

hahasat 09:31 Add Comment
hahasat
 Smooth Sliding Social Media Widget For Blogger


In this tutorial im gonna  explain how  to add  Smooth Sliding  social  media  widget  for  blogger.  By  using this widget  you  can  link  your   social  media  profile Facebook, Twitter and  Rss  Google plus and pinterest.

1. Log in to blogger account and Click drop down. 



 2. Now select "Layout" Like Below.


3. Click Add Gadget and select 'HTML/Javascript

4. Paste below one of below code.


You have to change the counters manually, just change red color number according to profile.


Replace bloggertrix with your Facebook username
Replace bloggertrix with your Twitter Username
Replace 107955298793879607964 with your Google plus ID
Replace Username with your Youtube Username
Replace bloggertrix with your Feedburner ID

5. Now save your HTML/Javascript'.
    You are done...

Twitter Pop Out Sliding Follow Us Box For Blogger

hahasat 07:50 Add Comment
hahasat
 Twitter Pop Out Sliding Follow Us Box For Blogger



In My Older Post I show You How To Make This pop out slider For Facebook And Google Plus,Now only one famous social networking site remains that is twitter.So today I will tell you how to make this slider for twitter.


Demo

Follow Whatever I will tell you in below steps-

  • Go to Blogger Dashboard < Design tab > Edit Html
  • Search for  tag
  • Add below code Before tag

After Adding the above code Save Template.



Now We Have To Add Widget Code

  • Go to Blogger Dashboard < Design tab >Add a gadget.
  • Now Add Html/Javascript.
  • And Paste Following Code There And Save It.

 

id="twitterfanbox">
type="text/javascript">fanbox_init("Twitter Username");



Done!!!!!

Sliding Google+plus Pop Out Follower Box Blogger

hahasat 06:02 Add Comment
hahasat
How To Add Sliding Google+plus Pop Out Follower Box In Blogger



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHlWXkL4dRXluJa3HnZMZsXPG48FMKAsLl9o9DSZB2VvGOX1NikbSAxyVVP4lReRq_NzPw3-EpxkuRsRBAlZ0wMGYPVgfz99zWNGvQE5asaEKC1TiQBLEAJC4-yrXXRu7ISLRn0UV4tSVS/s1600/Untitled_GIF_12-10-12.gif

Google plus is quickly growing. As of October 2011 it already had over 40 million users and is the fastest growing social media site ever.Google Recently Launches Follower widget for all website.You can add this widget to your blog by going to layout >> Add gadget, but that old way to show your visitor this visit.I just customize this widget little with Css3.Now this widget will float on left side of your blog and when any visitor will put mouse over it then it will slide and expand itself.

This widget is also available for following social media-

Adding This Widget To Blogger

  • Go To Blogger Dashboard
  • Click On Layout Tab
  • Now Add Gadget >> HTML/JavaScript
  • Paste Below Code There




https://plus.google.com/113143762085765715608" data-source="blogger:blog:followers" data-width="320">


?
  • Now Replace Red Color highlighted Code with your Google + page or profile URL.
  • Click On Save Button And Preview your blog and you will see this widget live on your blog.
Inscription à : Articles (Atom)