Główne zaletą tego widgeta jest to, że można zwiększyć swoje wrażenia z AdSense wraz z podwyższeniem wejść CTR - i oczywiście, wypełni to puste miejsce obok jednostek reklamowych AdSense, by Twój blog wyglądał bardziej atrakcyjnie.
Dodawanie przycisków social bookmarking na górze blogger postu, jest łatwiejsze, gdyż czytelnicy chcą dzielić swoje posty za pośrednictwem portali.
Widget zawiera przyciski na Del.icio.us, Twitter, Facebook, StumbleUpon, Technorati i Digg. Jak dodać ten widżet:
1. Po pierwsze, zaloguj się do swojego Bloggera i przejść do szablonu, a następnie kliknij przycisk Edytuj HTML (nie zapomnij zrobić kopię zapasową szablonu)
2. Szukaj (CTRL + F) dla po tagu:
]]></b:skin>
3. Wklej następujący kod CSS tuż nad nim:
.ads{margin-bottom:10px; border-top:solid 1px #DEDEDE; padding-top:10px; font-size:13px;}
.ads-right-min{border-left:solid 1px #DEDEDE; height:250px; padding-left:10px;}
.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited{
font-size:12px;
color:#222;
display:block;
height:22px;
line-height:22px;
margin-bottom:16px;
padding-left:32px;
}
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#666;}
.mini-tech{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitfr3cN1Nc_gySAlEXUzXLO4bQb-USqQdzaFioSdk_sRUVgPPKW8uRSn32mXiG6v-UBbBmQLtRaTC2LWxMi7TY2xr8mzZgfQB58AV2qkQqK6jHHnsC7OGjysEz4_4qriwWLnsP9LoI55Vz/s1600/technorati.gif) no-repeat;}
.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXlJnXtusyYXxZ-OY0OeoVwdYC8XiEWjKMt0nU-qC6b8nG2HWkF1GPMLdlRzAge6OIuiTfUIKxbUKdMAkvbvujXUy4QcMNWn3s5fxiZPoD_yRfefovFjSJYRnI7TbpfoC0yPmvyvIxlm60/s1600/facebook.gif) no-repeat;}
.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvyI0bmj1t6CmAMbpC_zwre9LsJhSzSxC8kIBg6frRQwWDshRWoJ6CdQpyw-h2kMnWU7pmQwuyCFWpnsCqrwxNQ-Msp_Rk66KV-CjuaKbKPlKvdW96wPWx28dhhWfCDX-K8uQy4r3IIQvk/s1600/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7UDwiBFwuwqECwLXciQvMlZkof5RTQbhdFJLAO8AqFjwhoBMRs-L47P_ZllG6NON5eXeWsuDEktU6VGqerOIWtYFsHYatoyM5QJG_BrLJ1lrIJUknonyOkKWQE3dKMl9euP1oYS4Jdpge/s1600/delicious.jpg) no-repeat;}
.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQpMMmlKv5JrwiNCIzeovogqTGjTuOtb8DGn4gRr1zGZAe-Tsxp4tW9vee9Urcvz4HQSc7lwUrfPesqMPLknjlalrSbWvNNKTKE43cmjr6_NqOe3WAs4Kwh-_lBEEKZAhQxbBiKOdQqXuo/s1600/stumbleupon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYZCiZUp5nSvMq1_q1FitTlv-chkWZSjVF6nPTZMhyWtNZ14i0UJPpXcR8-652d2_jcChQY5KIm5Ws8wSTxBdVpxD4i_1h29eSp7206N4N_fmdGkSn4CsMaYMjMWRLw0WhiqCIMBcU_hhA/s1600/Digg.png) no-repeat;}
4. Teraz szukać - za pomocą "CTRL + F" - z następujących linii:
<div class='post-body entry-content'>
Jeśli nie możesz go znaleźć, szukać tego:
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
5. Dodaj następujący kod bezpośrednio pod nim:
<b:if cond='data:blog.pageType == "item"'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='354'>
<script type='text/javascript'><!--
google_ad_client="pub-YOUR PUBLISHER ID";
google_ad_host="pub-4139113537490172";
google_ad_width=300;
google_ad_height=250;
google_ad_format="300x250_as";
google_ad_type="text_image";
google_ad_host_channel="0001";
google_color_border="FFFFFF";
google_color_bg="FFFFFF";
google_color_link="0000FF";
google_color_url="008000";
google_color_text="000000";
//--></script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>
</td>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add To Del.icio.us'>Add This To Del.icio.us</a>
<a class='mini-tweet' expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " " + data:post.url' target='_blank' title='Post this article on Twitter'>Tweet/ReTweet This</a>
<a class='mini-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share On Facebook'>Share on Facebook</a>
<a class='mini-stumble' expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This'>StumbleUpon This</a>
<a class='mini-tech' expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Add To Technorati'>Add to Technorati</a>
<a class='mini-digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg This'>Digg This</a>
</div>
</td>
</tr>
</table>
</div>
</b:if>
Wymień YOUR PUBLISHER ID ze swoim kontem AdSense ID. Znajdziesz go w zakładce Home, na stronie "Ustawienia konta".
Powinno to wyglądać mniej więcej tak: pub-4139113537490172 (skopiuj swoje numery ID ADSENSE, a następnie musisz wkleić je tam gdzie jest YOUR PUBLISHER ID )
6. Zapisz szablon ... i po prostu pójdź do jednego z Twojego postów, aby zobaczyć zmiany.
>>> click below for THANKS <<<
