<div style="background:{{plugin_schattenbild_config_hgschattenfarbe}};"><br><style type="text/css">
.rahmen {
        background-color:{{plugin_schattenbild_config_farbe_hinter_bild}}; 
        padding:2px;
        -moz-border-radius: 15px;
        -moz-box-shadow: 10px 10px 15px #000; 
        -webkit-border-radius: 15px;
        -webkit-box-shadow: 10px 10px 15px #000;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        box-shadow: 10px 10px 15px #000; 
        border: 3px solid gray;         
}
</style>
 
<center><a href="{{plugin_schattenbild_config_link_zum_bild}}"><img class="rahmen" src="http://up.picr.de/17438222xj.png"></center><br>
 

<div style="position:fixed; top:50%">
<a href="https://www.facebook.com/pages/Offroadfreunde-Nord/232544210167738"><img style="border: 0pt none ;" title="Hier geht es zu unserer Facebookseite" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/Facebook-6.png" width="45" height="45"/></a><br>
<a href="https://twitter.com/M_Siedenburg"><img style="border: 0pt none ;" title="Folge uns bei Twitter" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/Twitter-6.png" width="45" height="45" /></a><br>
<a href="https://plus.google.com/b/111935687927583246914/+Offroadfreunde-nordDe/posts"><img style="border: 0pt none ;" title="OFN bei Google+" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/google-2.png" width="45" height="45" /></a><br>
<a href="http://www.youtube.com/user/mario4370/featured?view_as=public"><img style="border: 0pt none ;" title="Offroadfreunde Nord Youtube Kanal" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/YouTube-1.png" width="45" height="45" /></a><br>
</div>
 

{{plugin_meintestfeld_config_rechte==true.start}}
<div class="fb" style="position:fixed; top:50%">
<a href="https://www.facebook.com/pages/Offroadfreunde-Nord/232544210167738" class="fb1"><img style="border: 0pt none ;" title="Hier geht es zu unserer Facebookseite" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/Facebook-6.png" width="45" height="45"/></a><br>
<a href="https://twitter.com/M_Siedenburg"><img style="border: 0pt none ;" title="Folge uns bei Twitter" alt="" src="http://i788.photobucket.com/albums/yy162/donnasimone/buttons/Twitter-6.png" width="45" height="45" /></a><br>
<a href="https://plus.google.com/b/111935687927583246914/+Offroadfreunde-nordDe/posts"><img style="border: 0pt none ;" title="OFN bei Google+" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/google-2.png" width="45" height="45" /></a><br>
<a href="http://www.youtube.com/user/mario4370/featured?view_as=public"><img style="border: 0pt none ;" title="Offroadfreunde Nord Youtube Kanal" alt="" src=" http://i788.photobucket.com/albums/yy162/donnasimone/buttons/YouTube-1.png" width="45" height="45" /></a><br>
</div>
{{plugin_meintestfeld_config_rechte==true.end}}
 

<style type="text/css">
a.fb1:hover {background-color: #d4e4b8 !important;}
</style>
 
 

<div id='social-sidebar'>
			<ul>
				<li>
					<a class='entypo-twitter' href='https://twitter.com/digitalhubinc' target='_blank'>
						<span>Twitter</span>
					</a>
				</li>
				<li>
					<a class='entypo-gplus' href='http://dribbble.com/digitalhubinc' target='_blank'>
						<span>google+</span>
					</a>
				</li>
				<li>
					<a class='entypo-tumblr' href='http://www.tumblr.net/digitalhubinc' target='_blank'>
						<span>tumblr</span>
					</a>
				</li>
<li>
					<a class='entypo-facebook' href='http://www.facebook.net/digitalhubinc' target='_blank'>
						<span>facebook</span>
					</a>
				</li>
        <li>
					<a class='entypo-rss' href='http://feeds.feedburner.com/digitalhubinc' target='_blank'>
						<span>feedburner</span>
					</a>
				</li>
			</ul>
		</div>
<style type='text/css'>
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://www.digitalhubinc.com/---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
	font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
	left: 0;
	margin-top: -75px; /* (li * a:width) / -2 */
	position: fixed;
	top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
	background: #121212;
	color: #fff;
	display: block;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	position: relative;
	text-align: center;
	width: 50px;
}
#social-sidebar ul li a:hover span {
	left: 130%;
	opacity: 1;
}
#social-sidebar ul li a span {
	border-radius: 3px;
	line-height: 24px;
	left: -100%;
	margin-top: -16px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	padding: 4px 8px;
	position: absolute;
	-webkit-transition: opacity .3s, left .4s;
	-moz-transition: opacity .3s, left .4s;
	-ms-transition: opacity .3s, left .4s;
	-o-transition: opacity .3s, left .4s;
	transition: opacity .3s, left .4s;
	top: 50%;
	z-index: -1;
}
#social-sidebar ul li a span:before {
	content: "";
	display: block;
	height: 8px;
	left: -4px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style>
 
Read more: http://www.digitalhubinc.com/2013/06/Professional-Social-Sidebar-Widget-for-Blogger-and-Website-2013.html#ixzz2uuWQHjmb