Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan

Cara Membuat Efek Zoom pada Gambar di Blog

Cara Membuat Efek Zoom pada Gambar di Blog - Efek Zoom pada gambar diblog adalah ketika kursor mengarah ke gambar maka gambar tersebut akan membesar, jika blog yang banyak menggunakan gambar cara ini sangat cocok untuk digunakan misalkan blog yang bertemakan Gallery foto.
Berikut ini langkah-langkah membuatnya -

1.Login
2.Selanjutnya langsung menuju >> Template >> Edit HTML


3.Kemudian cari kode ]]></b:skin> (CTRL + F untuk pencarian lebih cepat)
4.Copy dan pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

5.Save template dan lihat hasilnya.

Selamat mencoba & semoga bermanfaat.

Cara Membuat Random Post di Blog

Cara Membuat Random Post di Blog - Random post adalah menampilkan post secara acak dan postingan yang lama atau jarang terbaca akan tampil pada random post. Tertarik ingin membuatnya?
Berikut ini cara membuat Random Post -

1.Login.
2.Tata letak > tambah gadget > HTML/Javascript.
3.Copy dan pastekan kode dibawah ini ke HTML/Javascript.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=8;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

4.Save & lihat hasilnya.

Nb - var numofpost=8 adalah jumlah post ganti sesuai keinginan.
Selamat mencoba & semoga bermanfaat.

Cara Menghilangkan Angka Pada Label di Blog

Cara Menghilangkan Angka Pada Label di Blog - Angka pada label adalah menampilkan jumlah postingan yang ada pada setiap label yang dibuat. Angka yang banyak pada label akan menjadi patokan bagi visitor untuk melihatnya namun jika angkanya sedikit?
Berikut ini cara menghilangkan angka pada label tersebut -

1.Login.
2.Template > Edit HTML > Expand Templates Widget.
3.Cari kode > <span dir='ltr'>(<data:label.count/>)</span> , (CTRl+f pencarian lebih cepat)
4.Kemudian hapus kode tersebut.


5.Seleasi dan lihat hasilnya.

Selamat mencoba & semoga bermanfaat.

Cara Memasang Widget Jumlah Post di Blog

Cara Memasang Widget Jumlah Post di Blog - Fungsi dari widget ini untuk menghitung atau mengetahui jumlah postingan yang ada pada blog sobat. Langsung saja caranya -

1.Login yang paling utama
2.Langsung menuju Tata Telak >> Tambah Gadget >> HTML/Javasript
3.Kemudian copy dan paste kode dibawah ini -

<script style="text/javascript">function showpostcount(json) {document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script><script src="http://www.andisitorus.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

4.Save & Selesai. Lihat hasilnya.

Nb - Ganti http://www.andisitorus.com dengan URL blog sobat.
----selamat mencoba----

Cara Mengganti Kursor Di Blog

Cara Mengganti Kursor Di Blog - Berikut cara mengganti kursor diblog untuk mempercantik blog karena kursor akan tampil berbeda.
Berikut ini langkah-langkah membuatnya -

1.Login
2.Tata letak >> Tambah Gadget >> HTML/Javascript
3.Copy dan pastekan kode dibawah ini pada HTML/Javascript .
<style type="text/css">
body {
cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgja90jeHM54uM2kZ61CwpAPm1ALoIlKn32MF6wDfMh5NE7BOVYT9LbSaFJKyvFJSrqq0uHRGzuUxKb2s0xXerx-UMKoFTlfWkowgkb4Aeby8HyMg2zp_HkINXp8_EEYkd6FUh9hZjvo7c/h120/4.gif")
,default}
</style>

Menghasilkan Kursor seperti ini -
Kursor

4.Simpan. Lihat hasilnya.

Berikut ini ada beberapa kursor yang bisa sobat pilih (ganti tulisan yang berwarna diatas) -

Kursor
http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png

Kursor
http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif

Kursor
http://i40.photobucket.com/albums/e230/dh34sy/flame.gif

Kursor
http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg

Kursor
http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif

Kursor
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT6uDjPFyMH7EnoQC3s6B5EHhpFdY0CItWit7MteKZ3cid4Qyi1O8xQ31s27jkmfUvMpj5-uIkEy6yrA_Y_3Hv_PhMuvx8tdgBHEdN11hXy9Snlr1lAxA3ZYAb4FYJmZgrRsuqaIVJ7mc/h120/2.gif

Cara Membuat Efek Salju di Blog

Cara Membuat Efek Salju di Blog - Cara ini salah satu untuk mempercantik blog karena ada nya efek salju pada blog. Berikut ini cara membuatnya -

1.Login
2.Pilih Tata letak >> Add gadget >> HTML/JavaScript
3.Copy code script dibawah dan paste di kotak HTML/JavaScript, untuk judulnya kosongkan saja.

<script src="http://yourjavascript.com/102192216212/salju.js.txt.js"></script>

4.save, selesai dan lihat hasilnya.
----selamat mencoba----

Cara Membuat Tombol Reply pada Komentar Blog

Cara Membuat Tombol Reply pada Komentar Blog - Berikut ini saya akan berbagi tentang membuat Tombol Reply pada Komentar Blog, Tombol Reply sangat berfungsi untuk mempermudah membalas komentar pada blog kita.
Berikut ini caranya -

1.Login
2.Template >> Edit Html >> centang expand template widget
3.Cari kode <data:commentPostedByMsg/> (Ctrl+F untuk pencarian cepat)
4.Copy dan pastekan kode dibawah ini tepat dibawah kode <data:commentPostedByMsg/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=5640555051968018394&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=
0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd;'>Reply Comment</a>
</b:if>

5.Save template.

Nb - Ganti 5640555051968018394 dengan ID blog sobat.


Terima kasih. ----selamat mencoba----

Cara Membuat Efek Hujan Uang di Blog

Cara Membuat Efek Hujan Uang di Blog - Efek hujan uang di blog sangat menarik untuk mempercantik blog akan tetapi cara ini sedikit mengganggu para pengunjung untuk membaca postingan blog dikarenakan banyak nya uang yang berjatuhan. Tapi kalu sobat tertarik ingin membuat nya berikut ini caranya -

1.Login
2.Tata letak >> Add Gadget >> HTML/Javascript


3.Kemudian copy paste kode dibawah ini

<script src='http://yourjavascript.com/734115111226/hujanuang.js.txt.js'/></script>

4.Save, selesai dan lihat hasilnya. ----selamat mencoba----