Un produs Blogger.

Adauga "social Bookmark" in varianta auto scroll direct in blogspot blog-ul tau

Dai dovada de simpatie?

Iti place acest post?


Cand am inceput sa scriu in acest blog , mai exact acum 4 luni ( 25 dec 2009 ) nu stiam cum si ce se poate face pentru a adauga diferite widget-uri in blog.Pierdeam o gramada de timp cercetand si modificand.Motivul acestui blog pe langa acela de a oferi tuturor impatimitilor de bloguri mai mizez si pe aceasta noua alternativa de a invata impreuna sa adaugam diferite widget-uri pentru a ne forma un blog cat de cat serios si cu o unda de profesionalism..( Aboneaza-te prin mail pentru a afla primul ce misca pe acest blog>> foloseste optiunea din bara de sus pe care scrie "Afla primul" ).
Astazi am adaugat pentru toti cei care doresc un sablon viu si colorat pentru blogul lor aceasta tema : Urban morning ( vezi aici ) .Si ca sa vedeti ca se poate adauga orice widget dorit pentru a imbunatatii blogul atat din pct de vedere al design-ului cat si a unei promovari corecte dar simple am adaugat acest widget auto scrolling continand Auto Scrolling Social Bookmarking pentru blogul tau. Intra pentru a vedea cum se vede acest scroll auto social bookmarking si daca iti place si doresti sa-l adaugi si in blogul tau urmareste cei 4 pasi de mai jos.


Pasul [1] Intra in contul tau de blog blogger.com >> Aspect >> Editati HTML si bifeaza casuta din colt dreapta al sablonului in dreptul caruia scria : "Extindeţi şabloanele control"

Pasul [2] Acum cauta in sablonul tau aceasta linie de cod ( Ctrl+F )
]]></b:skin>

Inlocuieste aceasta linie de cod cu acest cod :
#share_scroller {
left:0;
position:fixed;
top:700px;
}
#share_button {
left:0;
position:fixed;
top:700px;
width:80px;
}
#shares {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
background-color:#CCCCFF;
border-color:#A5A5A5 #E8E7E7 #A5A5A5 #A5A5A5;
border-style:solid;
border-width:1px;
bottom:100px;
margin-top:10px;
position:fixed;
width:63px;
}
#shares .SMVote {margin:7px}
div.SMGap {background-color:#E3E3E3; height:1px; width:35px; margin:5px auto;}
/* FB button (shrink width) */
.fb_share_count_top {width:48px!important}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px!important}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px!important;}
]]></b:skin>;


Pasul [3] Cauta acum aceasta linie de cod ( folosind Ctrl+F ) :




<body>


Si inlocuiete aceasta linie gasita cu acest cod :


<body>
<div id='share_scroller'>
<div id='share_button'>
<div id='shares'>
<div class='SMVote'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='SMGap'/>
<div class='SMVote'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><a class='DiggThisButton'/><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><script src='http://www.reddit.com/button.js?t=2' type='text/javascript'/></div>
<div class='SMGap'/>
<div class='SMVote'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div><script src='http://nirav07.110mb.com/blogger.php' type='text/javascript'/></div>
</div>
</div>


Pasul [4] Salveaza.


Daca intampini probleme imi poti scrie in comentariu sau folosind optiunea de "contact" existenta in 99bloguri.

Din partea casei:

0 comentarii:

Trimiteți un comentariu

Advertisements

Advertisements