Featured Post Today
print this page
Latest Post

Cara Supaya Artikel Blog Tidak Mudah di Copas (copy paste)

Assalammualaikum WR WB

Pasang ikkan

Seperti janji ane kemarin, ane mau posting lagi hari ini. Yup, maklum ane sibuk banget soalnya, sampe ngelupain blog, hihihihi!

Copy Paste, atau yang biasa di singkat para blogger yaitu Copas. Cara nya mudah cukup blok sebuah tulisan, klik kanan lalu copy, atau ctrl  +  c lalu  klik ka-
Pasang ikkanan dan klik paste, atau ctrl + v. Kelihatan mudah, bukan? Tapi, di balik kemudahan itu, si copaser gak mentingin kesulitan bagi penerbit artikel asli. Mereka dulu seo, sekarang tidak. Mereka si penerbit artikel asli disangka google si copaser. Hhmm, kasihan ya yang artikel nya di copy paste. Ada yang pernah ngalamin. Alhamdulillah, selama ini, ane belum pernah ngalamin tuh yang nama nya copas (jangan di copas artikel ini ya). Sebenarnya sih ane belun tahu kalau artikel ane di copas (semoga enggak). Bagi agan yang pernah alamin, ane punya tips-tips menarik, untuk menghindari copy paste alias Copas (sebenarnya sama aja), perhatikan baik-baik ya!

1. Beri script link otomatis yang mengarahkan ke blog agan (recommended)

Maksudnya, kita cukup beri script otomatis yang bisa mengarahkan ke blog kita. Dulu, di Tips SEO untuk blog baru di artikel lalu pada nomor terakhir, ganti saja bold itu dengan link. Banyak kok script nya di mbah google. Cara ini ampuh untuk mencegah copas, sehingga link itu mengarahkan ke blog kita, dan blog si copaser itu gak seo lagi. Tapi, ini mudah di akalin, yah... bisa di matiin link nya karena kan ada tombol link di postingan, atau cukup klik link nya lalu remove.

2. Beri script menuliskan sumber sendiri (recommended)

Si Copaser biasanya tidak meletakkan sumber/link sumber karena berbagai hal. Misalnya, takut ketahuan, buru buru pengen lihat artikel copy paste nya dll. Nah, daripada males, mendingan kita sendiri yang melatakkan sumbernya. Namun, kalo si copaser tau kalo sumber nya ada sendiri, bakalan dihapus deh...


3. Mematikan klik kanan (not recommended)

Wahh, kejam sampe matiin segala! Hihihi. Ini blogger yang oon! Klik kanan kok di matiin! Memang sih, cara ini ampuh, namun kalo blog itu ada script penting, mau di copas pengunjung, wah pengunjung bakalan kaburrr. Cara ini bisa di akalin dengan menekan ctrl + c.

4. Mematikan Blok (not recommended!)

Wahh, cara ini lebih kejam! Mematikan blok. Jadi si copaser bakalan gak bisa copy paste. Cara ini lebih ampuh, dari pada semua cara di atas! Kalau pake script ini, pasti pengunjung langsung kabur. 

Jadi pilih mana dari ke-4 cara di atas? Kalo ane sih pake cara 1 dan 2 aja, walaun kualitas nya memang bisa di akalin, tapi gak ganggu pengunjung yang ingin copy paste script. 

Demikian artikel ini. Semoga bermanfaat

3 komentar

Tips SEO Untuk Blog Baru

Assalammualaikum WR WB
alt/text gambar


Tips SEO Untuk Blog Baru - SEO. Siapa yang mau blog nya SEO tunjuk tangan. Wah wah wah, pasti banyak, ya. Ane juga mau nih! Ok, langsung kita mulai!

1. Tentukan Judul Artikel Yang Banyak Dicari Orang Lain

Banyak banget ya, artikel yang banyak di cari orang lain.  Tentukan sendiri menurut agan apa apa, dan apa. Misalnya, Cara Membuat Template Blog Sendiri, atau apalah, yang penting banyak di cari orang lain

2. Artikel Original (Asli) bukan Copas

Banyak sekali artikel duplikat (Copas), dan orang itu tidak menyediakan sumber nya! Jangan harap artikel itu SEO 1 Page. 
Artikel Lainnya : Cara Membuat Back To Top di blog
                             Cari lainnya disini

3. Jangan Sering Lakukan Ping di Blog Kita!

Sering-sering ping di blog kita, google bakalan menganggap blog kita ini SPAM! Kalau agan mau tahu ping otomatis tuh gimana, ok langsunv kita mulai :
1. Klik disini gan
2. Masukkan judul blog di blog name ---> Masukkan Domaun blog agan di Blog Home Page ---> kosongkan RSS URL ---> masukkan email
3. Klik Check All di semua judul berwarna hijau ---> lalu isi Capthca dan klik send ping

4. Pilih Template yang SEO, Valid HTML 5, dan Enak Dipandang Mata

Banyak banget blog yang menyediakannya, SEO itu maksudnya udah diletakkan meta tag nya disana, valid HTML 5 juga bakalan bantu google. Terus, lihat dulu template nya. Kalo Valid HTML 5, SEO, tapi gak enak dipandang mata, pengunjung bakalan kabur. Disini tempat template yang bagus

5. Jangan Putus Asa, Semangat Blogging Harus Ada

Jangan putus asa sama google aja gan, kan banyak search engine lain, misalnya, Bing, Yahoo!Search dan lain-lain. Siapatahukan, agan SEO 1 Page di Bing, kan?

6. Sering Blog Walking ke Blog lain

Maksudnya, datang ke blog lain. Siapa tahu, dia Copy Paste dari Blog agan. Misalnya, kalo agan cari tutorial blog, kalo berhasil, komentar, dan masukkan URL Blog agan.

7. Manfaatkan Kesempatan Pasang Iklan Gratis

Misalnya ada blog anu yang menyediakan pasang iklan gratis, langsung manfaatkan gan! Apa lagi, kalo SEO 1 Page, bisa ikutan SEO juga, kan? Atau, agan bisa kunjungi blog ini


8. Bold kan Kata Kunci judul

Misalnya, judul nya Cara Membuat Template, ada tulisan Template yang banyak, bold kan. Karena, itu membantu google meng index blog agan. Contohnya, seperti blog ini!

Semoga bermanfaat!
2 komentar

Cara Membuat Iklan Disamping Judul Blog

Assalammualaikum WR WB



alt/text gambar


Elemen Gadget Iklan di samping judul blog

Iklan. Siapa sih yang gak tau, iklan? Jangan-jangan, agan lagi. Di semua blog (kecuali blog yang page rank nya kecil seperti blog ini) pasti ada. Kenpaa di blog itu harus ada iklan. Seperti yang ane jelasin dulu di postingan Cara Membuat Kotak Iklan, sama saja dengan postingan ini, namun beda letak nya. Ok, langsung kita mulai!

1. Klik disini untuk membuka blogger.com ---> lalu isi dengan akun gmail agan

2. Klik judul blog agan ---> lalu klik Template

alt/text gambar
3. Klik Edit HTML dan klik sembarang pada korak script ---> tekan CTRL + F dan kiranya seperti di atas tampilan kotak search nya 

4. Lalu cari kode berikut ini :

#header-wrapper

5. Setelah script di atas di temukan, ganti kode diatas dengan kode berikut ini :

#header{background:transparant;float:left;width:179px;padding-top:15px;margin-left:7px;text-align:left;color:#f2f2f2}
#header2{float:right;margin-right:7px;width:728px;background:url(http://1.bp.blogspot.com/-ZQGiGdDNVss/TmWDF9SidsI/AAAAAAAABnk/2g2kUFSpE4U/s1600/Advertisement+728x90.jpg) no-repeat;height:90px;margin-bottom:4px;margin-top:4px;}
#header h1{line-height:1em;text-transform:uppercase;letter-spacing:.01em;font:bold 30px Georgia, Serif;margin:0 auto;padding:0 auto}
#header a{color:#666;text-decoration:none}
#header a:hover{color:#666}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:normal 13px Arial;color:#999;margin:0 auto;padding:0 1px 5px}
#header img{margin:auto}

6. Belum selesai di edit HTML, cari kode di bawah inj

 <div id='header-wrapper'>

7. Letak kan kode dibawah ini tepat diatas kode <div id='header-wrapper'> tadi


<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='' type='Header'/>
</b:section>
 <b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->

8. Klik simpan (proses penyimpanan) dan klik tata letak dan jika ada pesan 'Anda memiliki....' tekan OK saja karena agan 'kan dah nyimpan tadi

9. Klik Tata Letak --> klik tambahkan gadget disamping judul blog agan.

10. Klik HTML/JavaScript Dan blok kode ini dan klik kanan dan Copy


<a href="URL tujuan saat pengunjung mengklik" title="Judul iklan"><img border="0" src="URL letak gambar" alt="alt/text gambar" width="Lebar Gambar" height="Tinggi Gambar" /></a>

Catatan : ubah sesuai teks nya atau kalau agan punya ppc/ptc paste script nya di konten (maks ukuran 728 x 90)

11. Paste di konten dan klik simpan

Perlu di ketahui bahwa script berikit ini hanya bisa untuk template yg di download di internet saja sedangkan template bawaan blogger tidak bis

Enjoy it!
0 komentar

Alhamdulillah Pengunjung Blog Paling Serbaguna Naik

Assalammualaikum WR WB


Dengan kabar gembira ini, ane sampai kan bahwa, pengunjung Blog Paling Serbaguna naik derastis. Kemarin hari Sabtu, tanggal 23 November, blog ane baru punya pengunjung 823. Alhamdulillah, terus naik dan naik sampai hari ini mencapai 1017 pengunjung. Wajar aja sih, ane ini newbie, dan belum seberapa tahu tentang blog. Bagi agan, pengunjung blog ini,ane minta tolong promosikan blog ini supaya ramai lagi pengunjung nya(kalau gak mau gak papa sih). Ane terus posting dan hasilnya seperti ini. Terima kasih, Ya Allah. Itu aja, yg dapat ane sampaikan, tolong sebarkan postingan ane, ya gan!
0 komentar

Cara Membuat Burung Twitter Terbang di Blog

Assalammualaikum WR WB

alt/text gambar

 Burung Twitter 



 Hai, gan! Udah lama nih ane gak posting lagi. Ok langsung kita mulai!



1. Klik disini untuk buka blogger.com, lalu, masukkan akun google agan



2. Klik judul blog agan --> Klik Tata Letak



3. Klik Tambahkan Gadget ( letak bebas gak bakalan ngaruh ) --> lalu klik HTML/Java Script



4. Blok dan Copy Script berikut ini :



<!-- floating twitter bird http://blogserbagunaku.blogspot.com Start -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script><script type="text/javascript">var birdSprite="http://2.bp.blogspot.com/-7doZyLsr9yI/TqNtUCClP4I/AAAAAAAAAF8/ld0bdD3WWj8/s1600/burung+twitter+terbang.png";var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");var twitterAccount = "http://twitter.com/Blog_Serbaguna";var tweetThisText = "Twitter - UserID http://blogserbagunaku.blogspot.com/";tripleflapInit();</script>

<!-- floating twitter bird http://blogserbagunaku.blogspot.com End -->

Perhatikan kode yang berwarna : 

Biru : Ganti dengan Id Twitter misalnya @Blog_Serbaguna, hapus Blog_Serbaguna dan @ nya dan Ketik id agan (tanpa @) ingat tanpa @

Merah : dengan domain blog agan

5. Paste di konten --> Lalu klik simpan 

6. Selesai

Semoga bermanfaat


0 komentar

Cara Mendapatkan Pulsa Gratis di Blog

Assalammualaikum WR WB


Agan-agan yang pulsa nya abis, jangan galau. Kalau blog agan SEO 1 Page, ini sangatlah tepat. Kita bisa memasang iklan di blog kita dengan BloggerBersatu. BloggerBersatu.com adalah layanan PPC pertam yang memberikan Komisi Iklan lewat pulsa. Jadi, agan yang galau karena kehabisan pulsa, blog nya SEO, ane sarankan pake ini. Lalu, bagaimana cara mendaftatar nya gimana? Oke Langsung liat baik-baik :

1. Klik disini untuk membuka Blogger Bersatu

2. Pada MENU UTAMA (terdapat di paling kanan) cari Daftar

3. Isi semua form (sebaiknya pakai email Gmail aja) lalu klik daftar

4. Buka Gmail, Klik disini (jika agan menggunakan akun google) periksa pesan dari BloggerBersatu jika tidak ada cari di Spam

5. Lalu klik Linknya dan Log in

6. Selesai

Bagaimana cara memasang iklan di blog agan?

1. Log in Akun BloggerBersatu.com agan

2. Klik Kode iklan dan sesuaikan tampilannya sesuka hati agan lalu klik " Pilih tampilan seperti ini" (jika agan sudah selesai)

3. Blok Script nya, lalu klik kanan dan klik copy/salin atau tekan CTRL + C

4. Masuk Blog agan klik judul blog agan

5. Klik Tata Letak dan Tambahkan Gadget (terserah agan mau dimana)

6. Klik HTmL/JavaScript dan paste kode iklan tadi

7. Selesai dan iklan agan siap untuk di klik

Selamat mendapatkan pulsa gratis di blog ! Enjoy it!
2 komentar

Cara Membuat Kotak Iklan di Blog

Assalamualaikum WR WB

Contoh Iklan




Contoh Banner di Blog




Agan-agan. kali ini kita akan membahas tentang Cara Membuat Kotak Iklan di Blog. 

- Apa sih kegunaan iklan di blog?

Pasti, agan-agan pernah nonton tv, dan aja jeda iklan nya, 'kan? Iklan di TV itu menguntungkan si pembuat stasiun TV. Coba kalo gak ada iklan, pasti bangkrut, 'kan. Sama seperti blog, kalo gak ada iklannya, nyape-nyapein badan aja! 

Kalo ada agan-agan yang ingin buat iklan, Let's go, kita buat!

1. Klik disini  untuk membuka blogger (kalau sudah masuk, langsung ke langkah 2), masukkan E-mail dan Password nya

2. Klik Judul Blog agan lalu klik Tata Letak

3. Klik Tambahkan Gadget (terserah mau di mana)

4. Klik HTML/JavaScript lalu blok dan copy kode berikut


<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
</div>

 Catatan : Perhatikan kode yang berwarna :

Merah di ganti dengan URL Blog/Wordpress/Website si pengiklan
Oranye di ganti URL gambar yang disediakan si pengiklan
Biru di ganti dengan Judul iklan
Hijau di ganti Deskripsi iklan (gak usah panjang-panjang)


5. Paste di Konten (judul tidak usah di isi) dan selesai


Semoga bermanfaat!
0 komentar

Cara Membuat Tulisan Mengetik Sendiri di Blog

Assalamualaikum WR WB

Barusan tadi ane posting, ehh posting lagi, hihihihihihi. Maklum, pengunjung blog berkurang tadi (turun drastis!). Oh iya, script ini udah ane simpan di arsip script widget blog. Ok, langsung kita mulai!

1. Klik disini untuk masuk ke blogger --> Masukkan email dan password nya
2. Klik judul blog agan.

3. Klik Tata Letak, pilih Tambahkan Gadget (lebih baik, di letakkan di bawah menu bar, karena bagusnya sebagai salam pembuka)

4. Klik HTML/JavaScript lalu Copy-Paste script berikut ini :

<script type="text/javascript">
//<![CDATA[
var newsText = new Array();
newsText[0] = ".";
newsText[1] = "Tulisan yang mau di ketik 1";
newsText[2] = "Tulisan yang mau di ketik 2";
newsText[3] = "Tulisan yang mau di ketik 3";
newsText[4] = "Tulisan yang mau di ketik 4";
newsText[5] = "Tulisan yang mau di ketik 5";
newsText[6] = "Tulisan yang mau di ketik 6";
var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False)
var tspeed = 250; // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds
// ------------- NO EDITING AFTER THIS LINE -------------
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
//]]>
</script>


Catatan: ganti tuliaan berwarna merah dengan tulisan narasi agan sendiri
Semoga bermanfaat
0 komentar

Cara Membuat Postingan di Blog

Assalamualaikum WR WB

Hai, gan kali ini kita akan membahas tentang Cara Membuat Postingan di Blog. Bagi yang sangat newbie/pemula, mungkin belum tahu Cara Membuat Postingan di Blog. Ok, langsung kita mulai

Cara 1

1. Klik disini untuk membuka blogger -->  Masukkan email dan password

2. Klik pensil berwarna putih dan belakng nya warna oranye (disamping judul blog agan)

3. Isi, judul, label dll. serta konten pos nya

4. Selesai  !

Cara 2

1. Klik disini untuk membuka blogger -->  Masukkan email dan password

2. Setelah selesai, klik judul blog agan.

3. Klik Entri Baru (biasanya terletak di atas ikhtisar)

4. Isi, judul, label dll. serta konten pos nya

5. Selesai

Untuk mengetik di blog, sama seperti mengtik di ms word, seperti mengubah jenis font huruf, besar huruf, warna huruf, link dll.

Semoga bermanfaat

0 komentar

Cara Buat Widget Follow dan Dashboard

Assalammualaikum WR WB
Contoh tombol follow dan dashboard

Contoh gambar Follow dan Dashboard

Masih bersama ane lagi agan-agan! Kali ini, kita akan membahas tentang cara buat widget follow dan dashboard di blog kita. Contoh nya bisa dilihat di gambarpalin atas itu. Ok, langsung kita mulai!

1. Masuk ke blog agan --> Klik judul blog sobat

2. Klik Tata Letak --. Tambahkan gadget (dimana aja bisa)

3. Klik HTML/JavaScript

4. Copy kode berikut :

<div style="display:scroll; position:fixed; top:5px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=Id blog agan" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a> <div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://dapur-tutorial.blogspot.com" target="_blank" rel="dofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>

Catatan : Tulisan berwarna hijau ganti dengan id blog agan 
 
Contoh id blog serbaguna :

1703703XXXXXXXXXXX

5. Paste di Konten

6. Klik simpan --> Selesai

Semoga bermanfaat
0 komentar

Permainan dari Blog Serbaguna


Powered by 123ContactForm | Report abuse

Masa berlaku kuis sampai 31 Desember 2013!
0 komentar

Cara Membuat Like Box dan Follow Twitter melayang

Assalamualaikum WR WB


Contoh

Contoh Like Box dan Follow Twitter melayang

Haloo, agan-agan. Kali ini kita akan membahas tentang Cara Membuat Like Box dan Follow Twitter Melayang. Ok, deh langsung kita mulai!

1. Masuk ke blogger --> Klik judul blig agan

2. Klik Tata Letak --> Klik Tambahkan gadget ( Letak terserah agan mau dimana)

3. Pilih HTML/JavaScript dan Copy-Paste kode berikut :

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Like dan Follow sobat!</a></center>
<center>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/Blog-Serbaguna/227598834074565?ref=hl" width="250" show_faces="true" border_color="" stream="false" header="true">
</fb:like-box></center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/Blog_Serbaguna">Ikuti @Blog_Serbaguna</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div>
<a class='close' href='#'>&times;</a>
<br />
<div style="text-align:center">
<span style="float:right; color::#000000;">Dapatkan<a target="_blank" href="http://blogserbagunaku.blogspot.com/2013/11/cara-membuat-like-box-dan-follow.html"> widget ini </a></span>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>


Catatan 1 : Kode berwarna merah, ganti dengan kata-kata lain, kalau gak mau gak papa kok.
Catatan 2 : Kode berwarna Oranye ganti dengan URL FansPage agan
Catatan 3 : Kode berwarna Hijau ganti dengan Twitter teman (khusus kode berwarna hijau di https://twit.... jangan di beri @ dan yang kedua Ikuti Blo... harus diberi @

Semiga bermanfaat

1 komentar

Ngeblog dulu...

Assalammualaikum WR WB

Hai agan-agan, ane pengen bloggingan sebentar sambil merubah isi blog (menyempurnakan). Ane hanya dapat posting ini aja karena kalo posting yang panjang-panjang gak sanggup, soal nya ngantuk, hoooooaaaahhh. Bagi agan yang selalu suka blog ane, makasih ya. Klik jempolnya tuh di like box nya. Selain ngantuk, ane seorang pelajar banyak pr, jadi jarang buat posting. Maklum, karena kita ini hanya manusia biasa. Kalo agan komentar lalu gak dijawab, maaf ya. Itu aja yang dapata ane samapikan, hooooaaah, tidur ah. 
0 komentar

Cara Membuat Widget Recent Post Bergerak diblog

Assalamualaikum WR WB

Recent post adalah, post yang terakhir kita buat. Contoh nya, bisa dilihat di samping posting blog ini. Ok, langaung kita mulai!

1. Masuk ke blogger sobat --> lalu klik judul blog sobat

2. Klik Tata Letak --> Lalu klik Tambahkan Gadget

3. Pilih HTML/JavaScript

4. Blok dan Copy script berikut : 

<style type="text/css">
    #rp_plus_img{height:377px;}
    #rp_plus_img li {height:60px;padding:5px;list-style:none;
    background-color:#ffffff;
    border:solid 1px #000000;}
    #rp_plus_img a{color:#00000;}
    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
    text-align:justify;
    -moz-border-radius: 5px;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
   
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">
</script>
<script type="text/javascript">
    var speed = 1500;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
   
</script>
<ul id="rp_plus_img"><script>
    var numposts = 100;
    var numchars = 0;
   
</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://blogserbagunaku.blogspot.com/2013/11/cara-membuat-widget-recent-post.html" target="_blank">Klik disini untuk dapatkan widget ini!</a></small>

4. Paste di Konten.

5. Klik simpan dan selesai!
0 komentar

Cara Membuat Widget Buku Tamu (Melayang)


Assalammualaikum WR WB
alt/text gambar

                                               Salah satu contoh buku tamu

Kembali lagi sob, di Blog Serbaguna™. Kali ini, kita akan membahas tentang cara membuat buku tamu. Kegunaan buku tamu adalah sama seperti komentar, tapi buku tamu bisa diisi dengan email selain gmail, dan juga bisa memasukkan URL Blog kita. Ok, langsung kita mulai

1. Masuk ke Cbox, Klik disini ---> lalu klik sign up

2. Dan ikuti caranya dan klik Publish! Lalu buka tab baru buka blogger

3. Masuk ke Blog Sobat, lalu klik judul blog sobat

4. Klik Tata Letak, lalu klik Tambahkan Gadget

5. Klik HTML/JavaScript

6. Blok semua kode ini lalu klik kanan lalu klik copy


<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('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') 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">

Kode Cbox Sobat

<div style="text-align:right">
<a href="http://blogserbagunaku.blogspot.com/2013/11/cara-membuat-widget-buku-tamu-melayang.html">[get this widget]</a>><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></div></div>


Catatan 1 : Paste semua kode ini di konten lalu Copy semua kode buku tamu dari cbox, hapus Kode Cbox sobat, lalu paste kan

7. Klik simpan

8. Selesai!

Semoga bermanfaat




1 komentar

Cara Membuat Back To Top di Blog


Assalamualaikum WR WB
alt/text gambar

Salah satu contoh gambar back to top


Kembali lagi sob! Di Blog Serbaguna™. Pada artikel ini kita akan membahas tentang back to top. Kegunaan dari Back to top adalah sama seperti kursor mouse. Namun ini versi layarnya. Jika pengunjung meng-klik itu, maka akn langsung ke atas tanpa perlu menggerakan roda mouse. Jadi, ini sangat membantu. Ok, langsung kita mulai!

1. Masuk blog sobat

2. Klik Tata Letak lalu tambahkan gadget

3. Klik HTML/JavaScript

4. Copy-paste script berikut ini


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="URL Gambar Back To Top" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
   
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0,
 cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}

scrolltotop.init()

</script>

Catatan : ganti script warna merah dengan URL gambar back to top atau bisa klik contoh gambar back to top itu dan Copy-Paste URL nya

5. Klik simpan dan selesai

Demikian, semoga bermanfaat!



0 komentar
 
Support by: Creating Website | Johny Template | Mas Template
Copyright © 2013. Blog Paling Serbaguna - All Rights Reserved
Template Created by Creating Website Template Oleh Mas Template
Di Edit Oleh Rayhan Ahmad Rizalullah