Cara Memasang Iklan Dibawah judul Posting

Cara Memasang Iklan Dibawah Judul Posting -  Iklan adalah sumber penghasilan dari suatu blog. Untuk itu posisi iklan sangat penting dalam meningkatkan suatu penghasilan blog. Posisi iklan dibawah judul artikel sangat bagus untuk diterapkan, karena pengunjung otomatis melihat iklan sobat sebelum pengunjung membaca posting sobat. Namun bagi sobat yang masih bingung cara penempatan iklan dibawah judul posting, info-mini akan memberikan tutorial singkat pada sobat.




Langkah-langkah cara memasang iklan dibawah judul posting :
1. Login ke blogger sobat.
2. Pilih tab rancangan - edit HTML
3. Centang Expand Template Widget
4. Pasang script iklan sobat diatas <data:post.body/> 
5. Untuk mencari kode diatas cukup klik F3 dan search kode yang diinginkan.
6. Untuk tampilan iklan agar di tengah-tengah, maka anda harus tambah kode :

<center> kode iklan </center>

7. Simpan dan lihat hasilnya. . .

Semoga tutorial tentang "Cara Memasang Iklan Dibawah judul Posting" dapat membantu anda dalam meningkatkan penghasilan blog anda. Selamat mencoba . . .

Cara Memasang Tombol Share Lengkap

Cara Memasang Tombol Share Lengkap - Halo sobat blogger, posting kali ini mengenai cara memasang tombol share. Mungkin masih banyak sobat blogger yang masih mencari tombol share yang lengkap dan simple namun masih belum juga menemukannya atau mungkin masih bingung cara memasangnya. Info-mini kali ini akan memberikan tutorial sedikit mengenai cara memasang tombol share lengkap dibawah judul maupun dibawah posting. Tombol share ini sebenarnya bertujuan untuk memudahkan dalam menyebarkan artikel sobat ke banyak jejaring sosial yang sobat inginkan. Jadi sobat tidak perlu susah-susah menyebarkannya, tinggal klik tombol share tersebut maka otomatis artikel sobat akan menyebar sendiri.

Berikut langkah-langkah memasang tombol share lengkap :
1. Login ke blogger sobat
2. Pilih tab rancangan - edit HTML
3. Centang Expand Template Widget
4. Masukkan kode dibawah ini dengan ketentuan :
-Untuk tombol share lengkap terlihat dibawah judul posting, maka sobat taruh diatas <data:post.body/>
-Untuk tombol share lengkap terlihat dibawah posting, maka sobat taruh dibawah <data:post.body/>
5. Untuk Lebih mudah mencari kode di edit HTML, tekan F3 dan search kode yang diinginkan

Ini kode share lengkap :

<a class='addthis_button' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><img alt='Bookmark and Share' height='13' src='http://s7.addthis.com/static/btn/v2/lg-share-en.gif' style='border:0' width='90'/></a>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c5e75de2394f285' type='text/javascript'/></script>

5. Setelah itu simpan template sobat dan refresh.
6. Lihat hasilnya.

Semoga tutorial tentang "Cara Memasang Tombol Share Lengkap" di blogspot membantu sobat dalam menyelesaikan masalah di dunia blogger. Selamat mencoba dan semoga berhasil . . .

Cara Membuat Facebook Like di Blogspot

Cara Membuat Facebook Like di Blogspot - Facebook like adalah tombol suka di facebook yang umumnya atau kebanyakan orang biasa meletakkan di bawah judul maupun di bawah posting. Facebook like itu sendiri berguna untuk mengetahui seberapa banyak pengunjung yang suka dengan artikel anda. Untuk cara pemasangan terserah keingin anda, bila anda ingin terlihat di bawah judul atau dibawah postingan bisa.





Berikut langkah-langkah untuk memasang facebook like di blog sobat:

1. Login ke blogger sobat

2. Pilih tab rancangan - edit HTML

3. Centang Expand Template Widget

4. Pastekan kode dibawah ini dengan ketentuan :
- Untuk facebook like terlihat di atas judul artikel, maka sobat taruh di atas <data:post.body/>
- Untuk facebook like terlihat di bawah posting, maka sobat taruh dibawah <data:post.body/>

5. Untuk lebih mudah mencari kode di edit HTML, tekan F3 dan search kode yang diinginkan

Ini kodenya :

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

5. Jika sudah simpan template sobat. Maka tampilannya akan seperti gambar dibawah ini:

6. Selamat mencobat tutorial membuat facebook like, semoga berhasil. . .

Cara Membuat Blog di Blogspot

Cara Membuat Blog - Bagi anda yang tertarik dengan dunia internet khususnya blogging. Mungkin tutorial ini dapat membantu anda mengenai cara membuat blog. Sebenarnya di internet banyak fasilitas yang menyediakan blog gratis, namun disini saya hanya membahas tentang cara membuat blog gratis di blogspot. Karena kebanyakan orang memilih blogspot sebagai blog pribadi maupun untuk share informasi.

Berikut cara membuat blog gratis di blogspot :

1. Anda harus memiliki akun gmail atau ymail, jika tidak punya silakan daftar dengan mengeklik link dibawah:

Daftar gmail

atau

Daftar ymail

2. Jika anda sudah punya salah satu akun diatas, silakan klik dibawah ini untuk mulai daftar blogspot.

Daftar Blogspot

3. Setelah anda klik anda akan memasuki halaman blogspot untuk mulai pendaftaran. Dari situ anda klik Sign Up. Lihat gambar:

4. Setelah anda klik Sign Up maka akan muncul kolom isian yang harus anda isi lengkap. Lihat gambar :

5. Setelah selesai mengisi, klik Continue untuk melanjutkan ke tahap selanjutnya. Lihat pada gambar :

6. Pada tahap ini klik tidak terima kasih untuk menuju tahap selanjutnya :

Pilih Buat Blog

Masukkan judul blog dan alamat blog yang anda sukai. Untuk alamat, pastikan nama alamat yang anda sukai tidak digunakan pihak lain.

Ini gambar bahwa blog yang dibuat sudah selesai.

Untuk mengubah tampilan blog baru ke tampilan lama perhatikan gambar dibawah ini:

Ini tampilan blog lama yang tadi diubah tampilannya.

Untuk memulai menulis artikel klik Entri Baru, maka tampilannya akan seperti ini.

 

Selamat beraktifitas di dunia internet. Semoga artikel mengenai cara membuat blog ini berguna bagi anda khususnya yang masih pemula di dunia blogging.

Membuat Random Post di Blog

Membuat Random Post di Blog - Random post adalah postingan yang muncul di gadget sobat namun secara acak. Mungkin ini sangat berguna bagi sobat yang ingin artikel lama sobat terlihat oleh pengunjung. Sehingga pengunjung bisa betah dengan artikel yang sobat sediakan. Tutorial membuat random post ini sangat mudah pasti sobat blogger bisa melakukannya. Berikut tutorialnya :






1. Login Blogger Sobat
2. Pilih Tab Rancangan
3. Tambah Gadget
4. Pilih HTML/JavaScript. Lalu masukkan kode dibawah ini :

<script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=10;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>

5. Simpan dan refresh blog sobat, nanti akan muncul hasilnya

Mudah bukan tutorial mengenai cara membuat random post di blog. Selamat mencoba semoga berhasil. . .

Membuat Recent Posts di Blog | Tutorial Blogger

Bagi sobat yang ingin memunculkan postingan terbaru dari blogger sobat, artikel ini mungkin sangat membantu anda. Karena pada posting kali ini saya membahas mengenai tutorial membuat recent post di blog. Recent post adalah sekumpulan artikel yang habis sobat posting dan muncul dengan jumlah sesuai keinginan sobat. Tutorial untuk membuat recent post cukup mudah karena hanya meletakkan pada gadget yang sobat inginkan. Mau di taruh disebelah kanan, kiri dan bawah sekalipun itu hak sobat. Berkut tutorial membuat recent post di blog.



1. Login blogger.
2. Pilih tab Rancangan.
3. Tambah gadget.
4. Pilih HTML/JavaScript.
5. Masukkan kode dibawah ini.

<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Komentar";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 7 ;
home_page = "http://info-mini.blogspot.com/";
</script>
<script src="http://rhoedalismev2.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>

Kode yang berwarna merah bisa anda ganti sesuka sobat dan yang berwarna hijau sobat ganti dengan jumlah post yang akan muncul dan alamat url blog sobat.

Sekian posting saya menganai tutorial membuat recent post di blog. Semoga tutorial tersebut dapat berguna bagi anda. Selamat berkreasi dan selamat mencoba. . .

Membuat Efek Blur Pada Foto Otomatis

Tutorial blog kali ini mengenai membuat efek blur pada foto otomatis. Mungkin banyak dari para blogger yang mencari tutorial ini dan mungkin juga belum dapat. Saya akan menjelaskan sedikit mengenai efek blur pada foto. Efek blur ialah tutorial untuk memberi efek blur jika mouse kita, kita arahkan pada foto blog yang sudah terpasang kode tersebut. Efek ini cukup bagus jika diterapkan di blog kita dan tidak begitu memberatkan loading blog. Efek ini berjalan secara otomatis pada semua foto yang ada di blog sobat. Jika sobat ingin memasang tutorial  mengenai membuat efek blur pada foto otomatis ikuti langkah berikut ini.

1. Login ke blogger.

2. Masuk ke tab Rancangan.

3. Pilih Edit HTML dan masukkan kode dibawah ini tepatnya setelah kode ]]></b:skin> :
4. Lebih mudahnya untuk mencari kode tersebut tekan F3 dan pastekan kode yang dicari pada kolom yang muncul. Spasi sangat berpengaruh pada pencarian.

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.efekanimasi&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.efekanimasi&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.post img&quot;).fadeTo(&quot;slow&quot;, 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(&quot;.post img&quot;).hover(function(){
$(this).fadeTo(&quot;slow&quot;, 0.6); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo(&quot;slow&quot;, 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

4. Simpan.
5. Refresh blog dan nikmati hasilnya. . .

Hasilnya akan seperti ini . . .

Sebelum di beri kode

Sesudah diberi kode

Itulah tutorial tentang  membuat efek blur pada foto otomatis  semoga tutorial ini bisa membantu anda. Selamat mencoba dan semoga berhasil . . .

Tutorial Membuat Link Berwarna Warni

Bagi sobat blogger yang ingin membuat blog anda terlihat cantik dan menarik sehingga para pengunjung yang datang merasa senang dan nyaman. Mungkin artikel ini solusi bagi anda untuk mengatasi sedikit dari masalah tersebut. Posting kali ini mengenai tutorial membuat link berwarna-warni yaitu cara agar link yang ada di blog sobat terlihat kelap-kelip dengan warna yang berbeda seperti pelangi. Tutorial ini cukup mudah karena tidak terlalu panjang dan ribet. Pasti sobat blogger bisa melakukannya. Langsung saja tutorial membuat link berwarna-warni via javascript.


1. Login ke blogger anda.
2. Masuk ke tab Rancangan.
3. Pilih Tambah Gadget.
4. Setelah itu cari dan pilih HTML/JavaScript dan masukkan kode yang berwarna biru dibawah ini.

<script src="http://sites.google.com/site/javascriptnew/java-script/rainbow.js" type="text/javascript">
</script>

5. Simpan.
6. Setelah disimpan, refresh blog dan lihat salah satu link. Maka link yang anda lihat akan berwarna-warni.

Itulah posting saya mengenai tutorial membuat link berwarna-warni, semoga tutorial ini dapat membantu anda untuk mengatasi masalah mempercantik blog. Selamat mencoba . . .

Spoiler Show/Hide Seperti di Kaskus

Halo sobat blogger, kali ini saya mau share sedikit mengenai tutorial membuat spoiler show/hide seperti di kaskus. Bagi sobat blogger yang sedang bingung mencari tutorial tentang ini, mungkin artikel ini bisa membantu anda. Tutorial ini sangat simple dan tidak terlalu ribet. Pasti sahabat blogger bisa mengikutinya.

Langsung saja tutorial membuat spoiler show/hide seperti di kaskus.

Ini contoh spoilernya :

Spoiler

Ini adalah spoilernya

Untuk mendapatkan kode spoiler tersebut, ada dibawah ini :

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Link Teman</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/><br /> </div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Ini adalah spoilernya <br /> <br /> </div></div></div></div>

Kata "spoiler" bisa anda ganti judul terserah anda.
Kata " Ini adalah spoilernya" bisa anda ganti text/code gambar yang anda suka

Sekian tutorial mengenai cara membuat spoiler show/hide seperti di kaskus. Semoga tutorial tersebut dapat membantu masalah anda dalam dunia blogger.