My Personal Blog..: butoane

Se afișează postările cu eticheta butoane. Afișați toate postările

3/06/2012

Icoanite pentru utilizare Rss Şi Social pentru Blog

În acest post va voi prezenta un set nou de pictograme elegante care le puteţi utiliza pe blog-ul dvs. pentru cititori dvs de a subscrie si sa va urmeze pe platforma socială . Mi-a placut foarte mult aspectul acestui set de pictograme şi include o pictogramă pentru Google + (Plus), se poate folosi pentru ca oamenii să va urmeze pe Google Plus .Sunt patru icoane sociale aici pentru Facebook, Twitter, Plus Google şi RSS dvs.Insa Daca doriti setul complet care are 24 de icoane pentru alte site-uri, inclusiv YouTube, LinkedIn şi Stumble Upon, setul complet il puteti downloada de AICI

Read more »

3/02/2012

Floating Social Bookmarks with Mouseover

Acum voi posta cateva butoane sociale care mie imi plac foarte mult . ' Floating Social Bookmarks with Mouseover'. Cred ca a-ti vazut foarte multe feluri de Social Bookmarks . Aici sunt cateva butoane plutitoare , care le puteti pune inainte de post sau dupa post sau chiar si in sidebar . Vezi DEMO. daca iti plac? Urmariti pasi de mai jos ca sa le adaugati la blogul vostru.

1. Intra in contul blogger
2.Dute la Design --> Page Elements --> Add Gadget
3. Alege "HTML/Java Script"

<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZ_tRu0NcBspc5vNueTI-Zq0neG3E5QmCyIIBdaYBlLk1UAOd2rtZlHlkFMRnlTcBBUWNLsax8R8XVpCjf4mcLNjQCyVMjBkftiQOQyhY31TFRUEeqOe2Ms3Nj0ZFvqSpKm0ppjdZf6_z/s400/rss_64x64.png);
}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1sKvFo7f0cN6X0By7pshulPsYep9LzKVtBhORzMfwcKs0Ve5sAzRfADiWMBwHqyqbouT11ZPMFbA3UvSojmCMv_NHJYkq00n533L0-Q7oMnSn5x3SaUn2t3yg01nJ67v795ROfGgyPYDa/s400/facebook_64x64.png);
}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlXx-NIiJnye-_XrZUaRh7m2PBc6ZnFOPi7b0Y3VfEHWgFCv3Kt1if5YX5_ZSc-tinAaFjExEbD5BKvlpttLZ20SpeAm1PYQ3eAhQxvJglHfP13L3sStcI8HyF0yiUy9JzDVG1eweh7eNF/s400/twitter_64x64.png);
}
ul#navigation .googlebookmarks a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjnHfSB6Kd0o6CmWiHgyfBp5GZ7Lub4PW4X93fKjNSiCnQ5biwK04gublRHOjvTK6CKBGO1S4u7SlT1zFll_2LM9jN5a_mgZ3-uUu_sn8G4iI9HMrTe5winDImnB2-0W7W_q7gD6he0Nz/s400/google_64x64.png);
}
ul#navigation .e-mail a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDHn_OFiK9hjitexfVSCq1CSnprai5HrE3pPi1vNU6HgWRgMZMshgXKUYqRIQp4McmTZZMqz_F2JMWDj1t5Uw8QpfDhJMd8nQiA0zNEmZ1MvAXP-zDiRNBj8o07KViTbCq099rZCulZjT1/s400/yahoo_64x64.png);
}
</style>

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>

<ul id="navigation">
<li class="rss"><a href="http://YOUR-BLOG.blogspot.com/atom.xml">RSS Feed</a></li>
<li class="facebook"><a href="FACEBOK-PROFILE">Facebook</a></li>
<li class="twitter"><a href="TWITTER-ACCOUNT">Twitter</a></li>
<li class="googlebookmarks"><a href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a href="YAHOO!-ACCOUNT">Yahoo!</a></li>
</ul>

Schimbati linile albastre cu conturile voastre si salvati si totul este gata nu uitati sa dai un share:)

Read more »

Adăugaţi butonul +1 în paginile dvs. pentru a vă ajuta site-ul să se remarce pentru Blogger

Emil | 3/02/2012 | butoane | google+1 Be the first to comment!

Permiteţi celor care vă accesează site-ul să recomande conţinutul dvs. în căutarea Google şi să-l distribuie pe Google+

Prin adaugarea butonului +1 de la google la paginile tale face ca blogul tau sa se remarce . +1 buttons lasa ca cititori tai sa recomande continutul blogului la Google search.

Step 1 :

Intra in Blogger, dute la Design / Layout > Edit HTML si bifeaza casuta "Expand Widget Templates" .

Read more »

Butonul Reddit pentru Blogger

Emil | 3/02/2012 | butoane | reddit Be the first to comment!

Reddit este un site de ştiri sociale. Utilizatorii au posibilitatea de a prezenta link-uri la conţinutul de pe Internet sau să prezinte "automat", mesaje originale, ghidul de-a prezenta textul. Alţi utilizatori pot vota, atunci cand link-urile sunt postate, si link-urile cele mai de succes câştigă importanţă de a ajunge la prima pagina . Utilizatori pot comenta la link-urile postate
Butonul reddit pt blog poate da cititorilor sansa sa 'share' posturile care ii intereseaza
Sunt 3 feluri de butoane din care poti alege cel care este pe placul tau.

Read more »

Linkedin Share Button pentru Blogger

Emil | 3/02/2012 | butoane | linkedin Be the first to comment!

Linkedin Linkedin a lansat recent Butonul trimite pe Linkedin de editorii săi, bloggeri, şi a întreprinderilor, astfel încât utilizatorii pot cu uşurinţă să includă un buton de pe site-ul lor şi de a permite cititorilor şi vizitatorii lor sa împărtăşesc conţinutul de pe site-ul lor uşor de pe LinkedIn.După cum ştim cu toţii că Linkedin este un site de afaceri orientate spre crearea de reţele sociale, care este folosit în principal pentru crearea de reţele de afaceri orientat.

Read more »

3/01/2012

Cum să Adaugi icoane Social Bookmark sub forma de inima la Blogger

Emil | 3/01/2012 | butoane | tutoriale blogger 1 Comment so far

Toată lumea ştie cât de importante sunt iconiţe sociale de marcare pentru a vizualiza site-ul sau blog.
Mai jos este un cod care va adauga pe blog tau icoane sociale sub forma de inima .

Conectati-va la tabloul de bord blogger -->Aspect -->Editati HTML
Bifati casuta expend Si intrduceti codul de mai jos dupa

Read more »

Cum să adaugi Flaper icoane sociale în blogger

Emil | 3/01/2012 | butoane | tutoriale blogger Be the first to comment!

Am menţionat deja cât de importante sunt   icoane sociale Bookmarking ca  să crească un  blog.

Deci, tutorial pentru acest lucru începe aici

Read more »