100 Ro: Widget Facebook pentru blogger / blogspot

Au trecut saptamani intregi de cand am promis ca am sa va dau codul pe care l-am folosit la afisarea widgetului Facebook din laterala blogului. Dupa ce pagina este derulata in jos, widgetul ramane in imagine, astfel cei care vor sa dea like, vor avea la indemana in permanenta butonul like. Vedeti exemplu functional in sidebar

Instalarea este simpla: trebuie sa copiati doua coduri, unul in template, in sectiounea head, iar celalat cod in sidebar, la "Adaugati un obiect gadget" ,-> "HTML/JavaScript" . Daca nu stiti ceva, intrebati prin comentariu.

Copiaza codul de mai jos in "Sablon (Template)" - "Editati HTML (Edit template)" - "Accesati (Proceed)" . Cautati <head>. Inlocuiti <head> cu codul de mai jos, dupa care salvati sablonul :

/* CSS for sample sticky content */

.mattblacktabs{
overflow: hidden;
width:300px;
background:white;
margin-left:3px;
padding:2px;

}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* Sample CSS class applied to sticky element */

.docked{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
-webkit-box-shadow:0px 0px 50px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 50px gray; /*Mozilla shadow version*/
box-shadow:0px 0px 50px gray; /*CSS3 shadow version*/
}

</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/kaszoni84/blogger/aontppppppppppp.js'>

/***********************************************
* Sticky Content script (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>
<script>

//initialize sticky content:

jQuery(document).ready(function($){

$('#samplemenu').stickyit({
		gap: 223,
		stickyclass: "docked"
	})

})

</script>

Dupa aceea adaugati codul de mai jos acolo unde vreti sa apara widgetul Facebook:
Inlocuieste "ADAUGA CODUL FAEBOOK AICI" cu codul facebook generat pe Facebook. Succes!

2 comentarii:

Anonim3 august 2012 la 14:48
merci de informatie,mi-am facut un blog si abia dezleg tainele blogaritului ,ma pierd in butoane,coduri,sabloane !
chiar sunt utile informatiile ,asa ca sper sa ma descurc ,daca nu ..revin cu intrebari !
sa aveti o zi buna!
(Ana)
RăspundețiȘtergere
Răspunsuri
Anonim1 septembrie 2012 la 11:19
Multumesc
RăspundețiȘtergere
Răspunsuri

Adăugați un comentariu

Widget Facebook pentru blogger / blogspot

2 comentarii:

Recent