Ads 468x60px

Τετάρτη 7 Νοεμβρίου 2018

Social bar with opacity effect

Φίλες και φίλοι γεια σας, σήμερα θα δούμε άλλη μία version των socials bars,
σχετικά απλή σε σχέση με άλλα socials widgets , με πολύ ωραία εικονίδια και με
opacity hover effect!
Έχει εικονίδια για Rss feed, facebook, twitter, youtube, google
plus,
 xωρίς κώδικες Css & jguery scripts!



Δείτε εδώ το DEMO



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

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

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

 και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα--
...............................................................................................................................................
<center>
<style>
a:hover {background-color: transparent;opacity:0.4;}
</style>

<a title="Rss Feed" href="http://feeds.feedburner.com/USERNAME FEED" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkCmvk1aEHjBHrJ_S2Lpxtbv0B3seR6r7PpSOLl1WMsHZTj2TGJKlzS1tgO0IzkfXuJYCx6MlHWfwthT097uOnqqDVvYQJX8XTJl4BLNx59xwWG2q0BhEXmr6p-UWew5Y8At8ptR45n90/s96/rss-feed-icon.png" /></a>

<a title="Find Us On Facebook" href="http://facebook.com/USERNAME FACEBOOK" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioAJNvCcIA62M0RhZyRun3c_zo2dAJHpqsa48ohoQTZUuv8LlfvBQ4eI77VFVhV8FucR95RO7eQOVB-ioI1OufWJQaGOgabiN9B5557P3Mm2l68Nal4BiXIZoeLs6mClubnMeD8RcuXcY/s96/facebook-icon.png" /></a>

<a title="See our videos" href="http://www.youtube.com/user/USERNAME YOUTUBE" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQ3fV46c6Q2DRK8LtpYCANlv4eKrijtnNPDegkc8Y-4UbRlPIOdKRQiTgD9OYAcIirp0_Lvot728APlARP086X5jdIaKo4qlnb7AtZrJ-p6xw6d2pMs6mIl8FkIMNXCB_2XCMeNLlDl0/s96/youtube-icon.png" /></a>

<a title="Follow On Twitter" href="https://twitter.com/USERNAME TWITTER" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDKn-alP_SQ9sslbDZyybEibY3rMbUf7ZtZI2Zuv_SVgTx8Q6TucZv2YFY9BTUd8iNm9zDptyiC3S7R2ft3FaWomeyU5AXr4Fh2g9zZSAj5IovhyMUKcJrzqGn34fBhZoaPzYc4B27jA/s96/twitter-icon.png" /></a>

<a title="Add To Circles" href="https://plus.google.com/GOOGLE PLUS ID/posts" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7I_bR_Vyh1L-NWgyWtrfmd99fp0mbWlBj48-xuRomPTDusd3L_r-RfTBME2pGcyyNqddWu4w0ltIrNV6ow_1D_lJxXM1Otb3oXqCF3gWDZrAHwCGYa9Cv9IAjUBQQc-OXM22HVE-d47k/s96/google-icon.png" /></a>
</center>
..................................................................................................................................................
ΑΛΛΑΓΕΣ

Κάντε αλλαγή όλα τα usernames με τα αντίστοιχα δικά σας και το google plus id σας, και
πατήστε Αποθήκευση!Αυτό ήταν!

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


Πηγή κώδικα 


Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .