Ads 468x60px

Δευτέρα, 25 Απριλίου 2016

Social Subscription Form

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε ένα widget με μία
ακόμα version μίας Social Subscription form!Είναι από τα πιο δυνατά widget
που έχουμε στα blog μας, καθώς μπορεί να ενημερώνει τους  επισκέπτες της σελίδα μας για τις
τελευταίες αναρτήσεις των blog μας μέσω του RSS Feed, και διαθέτει και
ενσωματωμένα social networks για να μας κάνουν follow οι επισκέπτες της
σελίδα μας!Το widget αυτό έχει ακόμα και ενσωματωμένo Search box!




Δείτε εδώ το DEMO



Για το εγκαταστήσετε και εσείς

Πηγαίνετε blogger--> Διάταξη -->

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
..............................................................................................................................................................
 
<style> 
/* ---Safe Tricks Social Media Widget--- */ 
#search {
border: 1px solid #DDD; 
background: white url(http://1.bp.blogspot.com/-t-XnlJf5iIE/Tu_lRFYsvkI/
AAAAAAAABqc/qtXhiIEeTpY/s1600/search.png) 99% 50% no-repeat; 
text-align: left; 
padding: 6px 24px 6px 6px; 
height:15px; mouse:pointer: 
} 
#search #s { 
background: none; 
color: #666; 
border: 0; 
width: 100%; 
padding: 0; 
margin: 0; 
outline: none; 
} 
.social-connect-widget {
background:#F5F4EF;
border:1px solid #E7E6DE;
padding:10px; 
border-radius:5px; 
-moz-border-radius:5px;
} 
.social-connect-widget:hover
{
border:1px solid #CBCBC2;
background:#FFF
} 
.social-connect-widget a
{
text-decoration:none;
font-weight:bold;
font-family:Arial,Helvetica,Sans-serif;
color:#4B4D4E
} 
.social-connect-widget a:hover
{
text-decoration:underline;
color:#F77C04
} 
.social-connect-widget img
{
vertical-align:middle;
margin-right:5px;
height:32px;
width:32;
} 
</style>

<div id="search" title="Type and hit enter"> <form action="/search" id="searchform"
 method="get"> <input id="s" name="q" onblur="if (this.value == &quot;&quot;) 
{this.value = &quot;Search&quot;;}" onfocus="if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}" type="text" value="Search" /> </form> </div>
<br/><br/>
<div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;">
 <img alt="rss feed" src="https://lh3.googleusercontent.com/-Gp6ddPgOsGQ/
UflKXskniVI/AAAAAAAADLg/TyKkwnpJmgM/s32/rss.png" /><a href="http://feeds.
feedburner.com/USERNAME FEED" target="_blank">Subscribe to our RSS Feeds!</a>
</div>
<div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="
follow us on twitter!" src="https://lh4.googleusercontent.com/-VI_uYqivuCA/
UflKZPKuogI/AAAAAAAADLs/bKBPSKPRVT0/s32/twitter.png" title="follow us on twitter!
" /><a href="http://twitter.com/USERNAME TWITTER" target="_blank">Follow Me on 
Twitter!
</a>
</div> 
<div class="social-connect-widget" style="margin-bottom:10px;"> <img alt="be our
fan!" src="https://lh5.googleusercontent.com/-b3vt-JVuxo8/UflKXpk5piI/AAAAAAAADLk
/u-IbcQcxnR4/s32/facebook.png&#39; title=&#39;Be Our Fan" /><a href=
"http://www.facebook.com/USERNAME FACEBOOK" target="_blank">Follow Me on 
Facebook!</a>
</div>
<div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;">
<img alt="google plus" src="https://lh6.googleusercontent.com/-3FUyQAWSRzc/
UflKXjrS1mI/AAAAAAAADLc/_PBLrrjQSps/s39/g-plus-logo.png" /><a href="
https://plus.google.com/u/0/USERNAME GOOGLE PLUS" target="_blank">Add Me on 
Google+!</a></div>
 
................................................................................. 
 ΑΛΛΑΓΕΣ

Αντικαταστήστε όλα τα USERNAMES με τα αντίστοιχα δικά σας που έχετε στα
social networks, και πατήστε Αποθήκευση!Αυτό ήταν!


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


Πηγή κώδικα
 thanks to safetricks.com



Επόμενη Ανάρτηση: Πέμπτη 5 Μαΐου


 Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog