Ariefinity Blog: Tutorial Blog

Membuat Related Post Dengan Linkwithin

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcu9ZJ_rB5MsVWAZ7Ny4uJBlRJQliNytWJT9F784-xO5udZ3aTDKHOuZVDGlFdi5GIoFLytoQ5NcxK5AjcwnLiKWvJp2mI8Ku23BVZq0df7C_oXjTO5VcC3NPQTvtQk8AHGK8RwJ6hg8z1/s1600/linkwithin.jpg

Membuat Related Post Dengan Linkwithin - Pada kali ini saya akan memposting tentang cara Membuat Related Post Dengan Linkwithin . Apa itu linkwithin ? linkwithin adalah semacam related post dengan gambar , jadi bagi sobat yang belum memasang related post bisa menggunakan linkwithin
Langkah-langkah pemasangan linkwithin

Buka situs linkwithin Disini
Isi Email , blog link , platform dan widhth (jumlah post yang ingin di tampilkan).
Jika sudah terisi semua kolom klik Get Widget!
Lalu anda akan di bawa ke halaman selanjutanya , dan instal widget
Sesudah di instal,drag widget tersebut ke bawah postingan dan jadilah related post bergambar :D

Semoga postingan tentang Membuat Related Post Dengan Linkwithin ini bermanfaat :D

»» Baca Selengkapnya

Membuat Buku Tamu Tersembunyi

Mungkin kamu bingung untuk menaruh buku tamu kamu dimana , saran saya buat saja buku tamu tersembunyi .Ini berguna supaya blogmu tidak memuat banyak tempat .

Bagi yang belum membuat buku tamu bisa lihat panduan DI SINI

Jika sudah membuat buku tamu ayo kita lihat caranya di bawah ini :

Langkah-Langkah :

1.Login blog anda www.blogger.com

2.Pilih Layout / Rancangan

3.Add gadget / Tambah gadget

4.Pilih HTML / Java script

5.Masukan kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipJLYdYzGv8h7TJLcFzo37aWZSSXjv0f2ucwxrE-tCBvKvmdJDZOdGROmBm0LAQ4czNhtAw-iPO0ip2Xnsg74NUuvDWIKve0MuqRBj9NB7QzzXFqYJbVLEoI8EJBXz_KOaedrx2_pnNuZt/') no-repeat;
}
.gbcontent{float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">   </div>

<div class="gbcontent">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://ariefinity.blogspot.com/2011/10/membuat-buku-tamu-tersembunyi.html">sini (Tutorial blog)
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6.Ganti tulisan  dengan kode shoutbox / cbox anda , contoh cbox saya

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="500" height="425" src="http://www3.cbox.ws/box/?boxid=3318490&amp;boxtag=w8n72p&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3318490" style="border:#000000 1px solid;" id="cboxmain3-3318490"></iframe></div>
<div><iframe frameborder="0" width="500" height="75" src="http://www3.cbox.ws/box/?boxid=3318490&amp;boxtag=w8n72p&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3318490" style="border:#000000 1px solid;border-top:0px" id="cboxform3-3318490"></iframe></div>
</div>
<!-- END CBOX -->

7.Dan ganti tulisan 50px dengan ukuran sesuka anda , semakin kecil angka yang anda ganti semakin ke atas buku tamu tersebut.

»» Baca Selengkapnya

Membuat Judul Blog Berjalan

Banyak cara membuat blog menarik , salah satunya adalah dengan Membuat Judul Blog Berjalan pada title browser .
langkah-langkahnya.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Back-up template dengan mengeklik Download Template Lengkap untuk berjaga jaga jika ada kesalahan
4. Cari tag <head>.

5. Copy kode di bawah ini dan paste-kan di bawah tag <head> tersebut.

<script language='JavaScript'>
var txt=" <data:blog.pageTitle/> ";
var kecepatan=200;
var segarkan=null;
function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}
bergerak();
</script>

6. Untuk mengubah kecepatan silakan ganti angka 200 pada var kecepatan=200; semakin rendah nilainya semakin cepat gerakannya.

7. Klik tombol SIMPAN TEMPLATE.

»» Baca Selengkapnya

Membuat Tulisan Berkedip (Blink)

Pada kali ini saya akan memposting tentang cara membuat tulisan berkedip (blink) , dengan blink ini orang akan tertarik untuk mengklik tulisan tersebut.

Belajar Blog

Jika sobat ingin silahkan lihat tutorial di bawah ;

Cara Membuat Tulisan Berkedip-kedip
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

<blink><b>Belajar Blog</b></blink>

5.Ganti Belajar Blog dengan tulisan yang sobat inginkan

Jika ingin memakai link seperti ini

Belajar blog

1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

<blink><a href="http://ariefinity.blogspot.com/"><b>Belajar blog </b></a></blink>

5.Ganti tulisan belajar blog dengan tulisan yang sobat inginkan & ganti http://ariefinity.blogspot.com/ dengan url blog sobat

»» Baca Selengkapnya

Cara Membuat Reply Di Komentar

Pada kali ini saya akan memposting tentang Cara membuat reply komentar di blog Jika anda minat silahkan liat tutorial di bawah...

1. Login ke akun Blogger anda. www.blogger.com
2. Klik Rancangan, kemudian pilih Edit HTML.
3. Centang Expand Template Widget (saya anjurkan download dahulu template anda).
4. Cari kode seperti dibawah ini:

<b:include data='comment' name='commentDeleteIcon'/>

5.Jika sudah ketemu kode diatas maka pastekan kode di bawah ini persis berada di bawahnya

<a expr:href='"https://www.blogger.com/comment.g?blogID=Blog ID anda&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'><img alt='Reply To This Comment' src='Url Image Reply Anda'/></a>

6. Klik Simpan Template.

Blog ID anda → Silahkan ganti dengan Blog ID (angka id blog) anda.
Url Image Reply Anda → Silahkan ganti dengan Url gambar reply anda.

NB:Untuk mengetahui ID blog anda , anda bisa mengetahuinya dengan Dasbor ->Posting -> Entri Baru

contoh

Ganti nomor dalam kotak merah itu dengan ID blog anda.

Selesai deh......

»» Baca Selengkapnya

Ariefinity Blog

Tutorial Blog & Sharing Info

Membuat Related Post Dengan Linkwithin

Membuat Buku Tamu Tersembunyi

Membuat Judul Blog Berjalan

Membuat Tulisan Berkedip (Blink)

Cara Membuat Reply Di Komentar

POPULAR POST

FOLLOWERS BLOG