Kochani, ponieważ dawno dawno temu, szukałam na ten temat pomocy, a dzisiaj w zasadzie sobie przypomniałam, że w końcu miałam się za to zabrać i dodać te ikony na swoim blogu...
Zawsze wydawało mi się to strasznie skomplikowane. Też tak myślicie? Nic bardziej mylnego, owszem potrzeba trochę czasu, jeżeli chcecie znaleźć idealną ikonkę bo z tym tak naprawdę najbardziej schodzi ;) Ale o jakie ikony mi tak właściwie chodzi?
Mowa o ikonach które na obrazku powyżej są w prawym dolnym rogu...
Słuchajcie jeżeli macie ochotę na dodanie takiego "gadżetu" u siebie na blogu to wystarczy, że
skopiujecie poniższy kod :
<style> #social a:hover {background-color: transparent; opacity:0.1;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <div id='social'> <center>
<a href='ADRES GOOGLE+' target='_blank'><img alt='g+' border='0' src='http://sklep37096.shoparena.pl/public/assets/Elementy%20graficzne/Ikona%20Google%20czarna%2050x50.jpg'/></a>
<a href='ADRES INSTAGRAM'><img alt='Instagram' border='0' src='http://sklep37096.shoparena.pl/public/assets/Elementy%20graficzne/Ikona%20Instagram%20czarna%2050x50.jpg'/></a>
<a href='ADRES YOUTUBE' target='_blank'><img alt='g+' border='0' src='http://findicons.com/files/icons/1979/social/50/yt.png'/></a>
</center> </div>
Na CZERWONO zaznaczyłam miejsca, w które wklejacie swoje adresy do portali
Na NIEBIESKO zaznaczyłam miejsca w które wklejacie adresy do ikonek, które wam przypadną do gustu - dodatkowo zostawiam Wam moje odnośniki do ikonek, gdyby komuś przypadłu do gustu.
Ikonki możecie zrobić sami, bądź wyszukać w wyszukiwarce ;) ot cała tajemnica i filozofia.
Oczywiście możecie też dodać inne ikony np do facebooka itp.
PS. ten kod sprawia, że ikonki po najechaniu myszką obrócą się o 360 stopni :)
No i na sam koniec jak w ogóle i gdzie dodać taki kod ?
Wchodzicie w bloggera zakładka układ, dodajecie gadżet HTML/Java Script i gotowy kod wklejacie.
Mam nadzieję, że komuś pomogłam i ktoś z Was skorzysta. Jeżeli tak koniecznie dajcie znać w komentarzu :) wtedy postaram się poszukać jeszcze czegoś co poprawi nasze blogi ^^
Pozdrawiam serdecznie,
Glammadame1990:***
Brak komentarzy:
Prześlij komentarz