Ads 468x60px

Δευτέρα, 22 Φεβρουαρίου 2016

Simple Social Subscription Widget

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα Social Subscription 
Widget το οποίο προτρέπει τους αναγνώστες - επισκέπτες μας να μας ακολουθούν
στα social networks και να ενημερώνονται για τις αναρτήσεις μας!Έχει όλα τα γνωστά social networks ενσωματωμένα, και έχει 
έναν πολύ απλό σχεδιασμό!!







Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτό...
 Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
...............................................................................................................................................................
<style>
.social { width: 100%; margin:0;float:none }
.social ul { border: 1px solid #CCCCCC; margin:  0 0 0 0; padding: 0; display 
:table }
.social ul li { list-style:none; padding: 0 0 0 0 !important;margin:0 0 0 0; 
 text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid 
 #FFFFFF; width:100% }
.social ul li:first-child { border-top: 0 none; } 
 .social ul li:last-child { border-bottom: 0 none; }
.social ul li a { background-color: #F2F2F2 !important; color: #404040; display:
 block; }
.social ul li a:hover { background-color: #fafafa !important; }
.social ul li .rss { background: url("http://3.bp.blogspot.com/-3oBs-HZBNgA/Um-
MXE49tTI/AAAAAAAADDA/nhHOwoceAcw/s1600/RSS-1.png") no-repeat scroll 10px center 
 #F87E12; padding: 17.5px 60px; }
.social ul li .twitter { background: url("http://1.bp.blogspot.com/-6aItDl3ZqNc/
Um-MX4V-psI/AAAAAAAADDY/Py_OZyhHlWU/s1600/Twitter.png") no-repeat scroll 10px 
 center #4CACEE; padding: 17.5px 60px;}
.social ul li .facebook { background: url("http://1.bp.blogspot.com/-HgZaw6CUtdU
/Um-MWmnPwPI/AAAAAAAADC0/3c1XCscZyoc/s1600/Facebook-1.png") no-repeat scroll 10px 
 center #3B5998; padding: 17.5px 60px; }
.social ul li .google { background: url("http://2.bp.blogspot.com/-5FIdKsk95vY/Um
-MYtYXQgI/AAAAAAAADDQ/cq9JDVtENWc/s1600/google.png") no-repeat scroll 10px center 
 #D44937; padding: 17.5px 60px; }
.social ul li .linkedin { background: url("http://3.bp.blogspot.com/-nCElo3oMz9w/
Um-MW6uNwqI/AAAAAAAADC4/1tuzlkZkpNo/s1600/LinkedIn-1.png") no-repeat scroll 10px 
 center #3692C3; padding: 17.5px 60px; }
.social ul li .youtube { background: url("http://1.bp.blogspot.com/-BD-6vOWZIek/
Um-MYYscx0I/AAAAAAAADDI/ITVY2d90KtE/s1600/Youtube-1.png") no-repeat scroll 10px 
 center #C6312B; padding: 17.5px 60px; } .social-about { display: none; }
</style>

<div class="social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/USERNAME FEED"> 
Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/
USERNAME TWITTER
"> 
Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/
USERNAME FACEBOOK
"> 
Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/
GOOGLE PLUS ID
" 
 rel="author"> 
Join me on Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/
LINKEDIN ID
"> 
Connect with me on LinkedIn</a></li>
<li><a class="youtube" href="http://www.youtube.com/
USERNAME YOUTUBE
"> 
Watch me on YouTube</a></li>
</ul>
</div>
................................................................................. 
ΑΛΛΑΓΕΣ
 
Αντικαταστήστε όλα τα USERNAMES -- ID  με τα αντίστοιχα δικά σας και πατήστε
Αποθήκευση!Αυτό ήταν! 

Καλή επιτυχία!!! 


Πηγή κώδικα 
thanks to http://www.trackmyblog.com



Edit by

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog