Pages

Subscribe:

468x60 ads

Populer Post

Thursday, February 18, 2010

Membuat Page Navigation 3.000 Untuk Blogger

Apakah Anda pernah menggunakan Navigasi Halaman 3000?? Ini adalah navigasi yang digunakan untuk blogger dan Anda dapat melihat demo sini navigasi ini. Dan navigasi adalah navigasi yang sangat baru yang sangat disukai karena navigasi sangat sederhana namun bermanfaat navigasi dan kualitas sangat bagus karena memiliki Gulir Bar yang memungkinkan Anda untuk bergerak untuk mencari Page atau halaman yang Anda inginkan. Dan dalam artikel ini saya akan mengajarkan anda bagaimana membuat this Page Navigasi.
Hasil yang akan dibuat:

Langkah-langkah yang akan dilakukan adalah:

1. Login ke account blogger Anda
2. Pilih sebuah blog yang akan digunakan
3. Anda harus memiliki minimal 10 artikel untuk Navigasi ini berfungsi dengan benar.
4. Simpan Template atau blog Anda sebelum Anda menambahkan Navigasi Halaman ini.
Lihat Gambar ...


Cari kode ini>> ]]> Cari kode dalam template Blogger Anda.
Untuk memudahkan pencarian tekan ctr-f di browser Anda.
Sebelum Anda mencari kode ingat Expand Template Widget memeriksa bahwa kode ditemukan.

Tambahkan kode CSS di bawah ini dan meletakkan di atas kode hijau

Masukkan kode CSS yang ada di bawah ini pada kode hijau di atas.

Masukkan kode CSS di atas kode ini>> ]]> Dan jangan hapus kode ini.

Css Kode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74



.paginator {
font-family: Trebuchet MS;
margin-top:60px;
font-size:1.1em;
}
.paginator table {
border-collapse:collapse;
table-layout:fixed;
width:100%;
}
.paginator table td {
padding:0;
white-space:nowrap;
text-align:center;
}
.paginator span {
display:block;
padding:3px 0;
color:#fff;
}
.paginator span strong,
.paginator span a {
padding:2px 6px;
}
.paginator span strong {
background:#0AA5D5;
font-style:normal;
font-weight:bold;
}
.paginator .scroll_bar {
width:100%; height:20px;
position:relative;
margin-top:10px;
}
.paginator .scroll_trough {
width:100%; height:3px;
background:#E8E8E8;
overflow:hidden;
}
.paginator .scroll_thumb {
position:absolute;
z-index:2;
width:0; height:3px;
top:0; left:0;
font-size:1px;
background:#363636;
}
.paginator .scroll_knob {
position:absolute;
top:-5px; left:50%;
margin-left:-10px;
width:20px; height:20px;
overflow:hidden;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
position:absolute;
z-index:1;
top:0; left:0;
width:0; height:3px;
overflow:hidden;
background:#0AA5D5;
}
.fullsize .scroll_thumb {
display:none;
}
.paginator_pages {
width:600px;
text-align:right;
font-size:0.8em;
color:#808080;
margin-top:-10px;
}


Kode JavaScript

Kemudian setelah Anda berhasil menambahkan kode css di atas akan menambahkan kode JavaScript silakan lihat gambar ...
Kode ini biasanya terletak di bagian bawah template Anda ...




Lihat kode JavaScript di bawah dan copy ke blogger Anda.
2
3
4
5
6
7
8
<script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
 Tambahkan kode JavaScript ini di atas kode berwarna hijau.Green kode di atas tidak boleh dihapus.
Arti dari kode ini pada kode JavaScript adalah:
1. var postperpage = 5;Banyak Posting akan ditampilkan sebanyak 5 unit.
2. var numshowpage = 10;Scroll bar akan muncul jika melebihi 10 Jumlah Halaman Navigasi.
Setelah kode ini berhasil tekan SAVE dan langkah selanjutnya lihat gambar ...


Terjemahan Inggris ke Bahasa Indonesia
lihat tanda panah dan Anda dapat mengubah berapa banyak posting yang akan Anda tampilkan pada halaman utama blog Anda dan menyesuaikan jumlah digit dengan kode JavaScript var postperpage = 5; untuk semua menjadi sempurna dan efektif. Hasil akhir Klik di sini dan melihat navigasi.
Jika Anda tidak berhasil untuk membuat navigasi sederhana ini maka Anda hanya perlu meninggalkan pesan di artikel ini dan saya akan memberikan solusi terbaik untuk Anda dan semua kode di atas sangat sering saya gunakan saat membuat blogger Navigasi tempates dengan sederhana desain. Sehingga Anda dapat membuat navigasi ini jika Anda tidak memiliki navigasi yang baik untuk blog Anda. Dan Pengarang Navigasi ini adalah Abu Farhan. Jika Anda mengubah semua kode di atas silahkan hubungi penulis navigasi ini. thank's untuk membaca artikel di sini.

Berbagi cinta, sharing and Bookmarking Widget For Blogger Posts

hi semua. sudah lama sekali saya diposting trik terbaru tentang bagaimana menambahkan tombol bookmark sosial untuk blogger
sejak bookmark sosial merupakan faktor yang sangat penting ketika datang ke blogger seo dan link building.
, hari ini aku akan melakukannya lagi tetapi aku akan menggunakan widget yang luar biasa, terlihat sangat stylish,
dan trik kami hari ini, akan dilakukan hanya dalam tiga langkah sederhana, untuk melihat demo untuk widget ini sebelum kita mulai, silakan klik di sini.
silakan gulir ke bawah ke pos bawah untuk melihat widget.
widget blogger ini pengunjung Anda akan dapat berbagi dan penunjuk posting Anda dengan jaringan berikut.
<ul>
<li class="single">Stumbleupon</li>
<li class="single">Digg</li>
<li class="single">Reddit</li>
<li class="single">Delicious</li>
<li class="single">Yahoobuzz</li>
<li class="single">Blinklist</li>
<li class="single">Technorati</li>
<li class="single">Facebook</li>
<li class="single">Twitter</li>
<li class="single">Myspace</li>
<li class="single">Mixx</li>
<li class="single">Scriptstyle</li>
<li class="single">Designfloat</li>
<li class="single">Comfeed</li>
<li class="single">Newsvine</li>
<li class="single">Linkedin</li>
<li class="single">Google</li>
<li class="single">Friendfeed</li>
</ul>

Langkah 1

Pergi ke blogger.com dan sign in ke account blogger Anda, Dan pergi ke Dashboard>> Layout>> Edit html dan sebelum melakukan sesuatu,
pastikan untuk memeriksa
Expand Template Widget
Kemudian, cari kode berikut.





]]></b:skin>

dan sebelum itu, tambahkan kode berikutnya.



/* start share the love css by allblogtools.com
----------------------------------------------- */
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://www.mydatanest.com/files/allblogtools/41739_lujnj/sexysprite.png') no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}
/* end share the love css by allblogtools.com
----------------------------------------------- */

Langkah 2

Cari kode berikut



<blockquote></head></blockquote>

Cari kode berikut



<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery(&#39;.sexy-bookmarks a.external&#39;).attr(&quot;target&quot;, &quot;_blank&quot;);
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery(&#39;.sexy-bookmarks&#39;).height();
var sexyFullHeight=jQuery(&#39;.sexy-bookmarks ul.socials&#39;).height();
if (sexyFullHeight&gt;sexyBaseHeight) {
jQuery(&#39;.sexy-bookmarks-expand&#39;).hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+&#39;px&#39;
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+&#39;px&#39;
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery(&#39;.sexy-bookmarks-center&#39;)) {
var sexyFullWidth=jQuery(&#39;.sexy-bookmarks&#39;).width();
var sexyBookmarkWidth=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).width();
var sexyBookmarkCount=jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery(&#39;.sexy-bookmarks-center&#39;).css(&#39;margin-left&#39;, sexyLeftMargin+&#39;px&#39;);
}
});
</script>

Langkah 3

Ini adalah langkah terakhir, kita akan melakukannya.
Cari kode ini



<data:post.body/>

jika Anda tidak dapat menemukan kode ini, silakan cek pada Expand Template Widget dan Anda akan menemukannya.

dan setelah itu, tambahkan kode berikut.



<div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'>
  <ul class='socials'>
  <li class='sexy-delicious'><a class='external' expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>
  <li class='sexy-digg'><a class='external' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'>Digg this!</a></li>
  <li class='sexy-stumbleupon'><a class='external' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>
  <li class='sexy-reddit'><a class='external' expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>
  <li class='sexy-google'><a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>
  <li class='sexy-twitter'><a class='external' expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>
  <li class='sexy-facebook'><a class='external' expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>
  <li class='sexy-mixx'><a class='external' expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>
  <li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' title='Subscribe'>Subscribe</a></li>
  <li class='sexy-yahoobuzz'><a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' rel='nofollow' title='Buzz up!'>Buzz up!</a></li>
  <li class='sexy-linkedin'><a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>
  <li class='sexy-designfloat'><a class='external' expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>
  <li class='sexy-technorati'><a class='external' expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>
  <li class='sexy-scriptstyle'><a class='external' expr:href='&quot;http://scriptandstyle.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this to Script &amp; Style'>Submit this to Script &amp; Style</a></li>
  <li class='sexy-myspace'><a class='external' expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>
  <li class='sexy-blinklist'><a class='external' expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>
  <li class='sexy-friendfeed'><a class='external' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>
  <li class='sexy-newsvine'><a class='external' expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>
  </ul>
  <div style='clear:both;'/>
  </div>
  <div class='sexy-link'> <font size='1px'>Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a> | Brought to you by : </font><a href='http://www.allblogtools.com' target='_blank' title='Blogger templates'><font size='2'>AllBlogTools.com</font></a></div>

Sekarang anda selesai, Klik SAVE TEMPLATE

Tuesday, February 16, 2010

Tambahkan Mp3 player (Musik Latar Belakang) untuk blogger, + 20 Different Styles.

hi semua. sudah lama sekali saya diposting trik terbaru tentang bagaimana menambahkan tombol bookmark sosial untuk blogger
sejak bookmark sosial merupakan faktor yang sangat penting ketika datang ke blogger seo dan link building.
, hari ini aku akan melakukannya lagi tetapi aku akan menggunakan widget yang luar biasa, terlihat sangat stylish,
dan trik kami hari ini, akan dilakukan hanya dalam tiga langkah sederhana, untuk melihat demo untuk widget ini sebelum kita mulai, silakan klik di sini.
silakan gulir ke bawah ke pos bawah untuk melihat widget.
widget blogger ini pengunjung Anda akan dapat berbagi dan penunjuk posting Anda dengan jaringan berikut.
  • Stumbleupon
  • Digg
  • Reddit
  • Delicious
  • Yahoobuzz
  • Blinklist
  • Technorati
  • Facebook
  • Twitter
  • Myspace
  • Mixx
  • Scriptstyle
  • Designfloat
  • Comfeed
  • Newsvine
  • Linkedin
  • Google
  • Friendfeed

Langkah 1

Pergi ke blogger.com dan sign in ke account blogger Anda, Dan pergi ke Dashboard>> Layout>> Edit html dan sebelum melakukan sesuatu,
pastikan untuk memeriksa
Expand Template Widget
Kemudian, cari kode berikut.

]]>

dan sebelum itu, tambahkan kode berikutnya.
/* start share the love css by allblogtools.com
----------------------------------------------- */
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://www.mydatanest.com/files/allblogtools/41739_lujnj/sexysprite.png') no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}
/* end share the love css by allblogtools.com
----------------------------------------------- */

Langkah 2

Cari kode berikut


Cari kode berikut


Langkah 3

Ini adalah langkah terakhir, kita akan melakukannya.
Cari kode ini



jika Anda tidak dapat menemukan kode ini, silakan cek pada Expand Template Widget dan Anda akan menemukannya.

dan setelah itu, tambahkan kode berikut.

Disable klik kanan pada blogger blogspot

Anda akan belajar blogger baru trik untuk menonaktifkanklik kanan pada halaman blog Anda.Blogger trik dan hacks
Klik kanan pada browser Internet manapun unsur yang sangat penting.dan kita harus menggunakannya ketika datang ke menyalin atau mengedit teks dan sebagainya.dan itu sangat penting ketika datang ke webmaster juga.
tetapi beberapa orang mungkin menggunakannya dalam cara yang buruk, dan Anda mungkin ingin membuat cacat klik kanan di blog Anda.untuk melindungi Anda teks, link dan gambar dll ....
jadi semua apa yang harus Anda lakukan adalah hanya langkah sederhana.Anda harus menambahkan html / javascript elemen tata letak Anda.sekarang pergi ke account blogger Anda.arahkan ke Layout>> Tambah GadGet>> dan pilih html / javascript
kemudian salin kode berikutnya dan masa lalu di dalam html / javascript kotak teks area



<script language="JavaScript">
<!--
 
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
 
var message="Function Disabled!";
 
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function("alert(message);return false")
 
// --> 
</script>
 
kemudian simpan html / javascript. dan melihat blog Anda.
ketika Anda mencoba untuk melakukan klik kanan. pesan akan mengatakan kepada Anda bahwa "Fungsi cacat"
dan jika Anda ingin mengubah kata-kata ini "Fungsi Cacat"
menemukan baris berikutnya dalam kode 


Cara Tambah Avatars Untuk Custom Blogger Templates


tutorial Yang saya tulis ini tentang cara menambahkan avatar blogspot template jika Anda tidak mendukung atau menampilkannya.

template Anda bertindak seperti itu karena template yang disesuaikan, dan untuk menambahkan avatar ke komentar Anda harus mengikuti langkah-langkah dalam tutorial ini, jangan khawatir itu terlalu mudah.
Hanya dua langkah

Log in ke account blogger Anda dan pergi ke,
Dashboard>> Layout>> Edit html
maka pastikan untuk mencentang "Expand widget template" kotak
Dan cari kode berikut,

<dl id='comments-block'>

Sekarang, bukan kode ini melewati kode berikutnya.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Catatan: tergantung pada template yang Anda dapat menemukan kode diatas dengan div Bukannya dl

jika Anda menemukannya di dalam template Anda dengan div

maka Anda harus menggantinya dengan div juga. sehingga Anda akan menambahkan kode berikutnya.

<div expr:class='data:post.avatarIndentClass' id='comments-block'>


STEP 2:
Sekarang cari kode ini.

<a expr:name='data:comment.anchorName'/>

dan persis sebelum menambahkan kode berikutnya.

<a expr:name='data:comment.anchorName'/>


dan persis sebelum menambahkan kode berikutnya.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

sekarang anda selesai.
Terakhir, klik Simpan Template
Dan sekarang anda selesai,

Followers