Cara Membuat Burung Twitter Melayang di WordPress

Cara Membuat Burung Twitter Melayang di Blog WordPress - Sebelumnya anda sudah baca Cara Membuat Burung Twitter Melayang di Blog jika sudah kali ini saya akan kasih tahu Caranya Membuat Burung Twitter Melayang di WordPress - Trik Membuat Burung Follow Twitter Melayang di WordPress - Membuat Follow Twitter Tesembunyi.

Cara Membuat Burung Twitter Melayang di Blog WordPress :

1. Login ke blog WordPress anda. Jika pake domain biasanya http://namadomain.com/wp-admin  dan Jika gratisan biasanya http://username.namadomain.com/wp-admin
2. Arahkan pointer ( klik )  ke Appearance lalu Widget

3. Di menu Widget ini anda harus memasukkan Gadget Text, Arbitary tezt or HTML ke side bar. Caranya gampang kok. Tinggal tekan ( jangan dilepas ) mouse ke Text, Arbitary tezt or HTML lalu geser ke side bar yang ada di sebelah kanan Widget.
4. Di kolom yang tersedia copy kode burung Twitter di atas tadi dan paste ke kolom text yang tersedia. Judul/title tidak usah diisi.

5. Sukses, Cek “burung” anda…eh…salah mulu sich. Cek blog anda sekarang.

Demikianlah posting kali ini tentang Cara Membuat Burung Twitter Melayang di WordPress. Semoga bermanfaat untuk anda. Untuk Cara Membuat Burung Twitter Melayang di Blog disini

Cara Membuat Burung Twitter Melayang di Blog

Trik Cara Membuat Burung Twitter Melayang di Blog - Membuat Burung Twitter Melayang di Blog - Trik Membuat Burung Follow Twitter Melayang di Blog - Membuat Follow Twitter Tesembunyi. Twitter memang baik, saya kok dikasih burung. Burung ini sangat setia. Biar kita ulur browser ke atas, ke bawah, ke samping kanan dan kiri maka burung ini selalu menampakkan diri, seakan tak melewatkan waktu denganmu. Tapi apakah burung tersebut mengganggu pandangan anda? Tidak kok. Kan kecil. Saya harap anda tidak mematikan burung itu ya. Kasihan. Itu kan burung masih kecil. Lebih diberi makan dengan cara diklik. Lalu daftar.ckckckckck 

Bagaimana Cara Membuat burung Twitter Bisa melayang-layang di Blog anda?Ada sebagian komentar blog ini yang tanya gitu.  Gampang kok. Saya kasih tipsnya gratis. Sebenarnya tips ini saya dapatkan dari blog seorang teman, Kita doakan saja ya semoga dia akan diberi pahala yang gede dan Allah karena telah sharing tentang Cara Membuat Burung Twitter Melayang di Blog. Saya juga akan berikan tipsnya juga untuk blog WordPress.

Sebelum memulai membuatnya, Jangan lupa copy dan simpan kode burung Twitter Melayangberikut ini :

Jangan lupa ganti username AdamsKurosaki dengan username twitter anda. Langkah selanjutnya adalah memasukkan kode di atas tadi ke blog anda.

Cara Membuat Burung Twitter Melayang di Blogspot

1. Login ke blogger.com
2. Tuju ke blog yang akan anda buat burung melayang kemudian klik Design/Rancangan

3. Klik Add A Gadget muncul Window baru untuk memilih Gadget

4. Cari dan klik Gadget HTML/JavaScript

5. Setelah muncul window seperti di bawah ini copy kode di atas dan paste di kolom yang tersedia. Title tidak usah diisi ya !

6. Sukses dan lihatlah burung anda ( Burung Twitter maksud saya    ) telah melayang-layang di blog anda.

Semoga Trik Cara Membuat Burung Twitter Melayang di Blog bermanfaat bagi kalian semua. Untuk Cara Membuat Burung Twitter diwordpres klik disini

sumber : http://muktiblog.com

Membuat Like Box Facebook Tersembunyi Seperti Buku Tamu

Cara Membuat Like Box Facebook Tersembunyi - Membuat Like Box Facebook Tersembunyi Seperti Buku Tamu - Pengguna facebook kian bertambah banyak, hal ini memungkinkan kita para blogger untuk mempromosikan blog melalui sosial media facebook ini. Bagi yang sudah memiliki fans page di facebook pasti sebagian besar para blogger sudah memasang like box yang sudah disediakan oleh facebook.

Nah tampilan like box dari facebook ini pun sudah menarik menurut saya. Tetapi mungkin ada sobat blogger yang kebingungan mencari tempat untuk memasang like box fans page facebooknya karena di blognya sudah banyak terpasang widget. Tenang sob, sobat bisa menyembunyikan kotak like box fans page facebook sobat pada blog sobat. Dengan cara ini juga maka blog sobat kelihatan lebih indah untuk dipandang. Untuk tampilannya sobat bisa lihat gambar di samping.

Apakah sobat juga ingin memasangnya juga di blog sobat? jika jawaban dari sobat ya, maka ikutilah langkah-langkah Cara Membuat Like Box Facebook Tersembunyi.

1. Log in ke blogger.
2.Klik rancangan  » add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini pada kolom yang sudah disediakan.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWvTEBhiSdwIV8faKWIOjWq9iw7oCiEKh8Zl9Tk4YhnH09fKZydrmQaRg027zk_kdkSJ1YRVhyphenhyphenXEsBAKLJLedxFF5i50bt9_0DkN3ETXBs2yveQs3tuQLrkaZ0BgIWcbGwbkSzUYL5T5o/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Bdiggfriendspage&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://bdigg.blogspot.com/2012/04/cara-membuat-like-box-facebook.html" target="_blank">+ Get This</a></span></div></div>

 Keterangan :

• Ganti kode yang berwarna biru dengan url fans page anda.

4.Pergi ke edit HTML dan letakkan kode dibawah ini di atas kode </head>.

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

5.Save template anda.

Sekian tutorial tentang  Cara Membuat Like Box Facebook Tersembunyimudah-mudahan artikel ini bisa bermanfaat bagi anda.

sumber : http://bdigg.blogspot.com

Cara Membuat Tombol Buku Tamu Tersembunyi di Blog

Pasang Buku Tamu Tersembunyi Di BloggerKali ini saya akan menuliskan bagaimana cara pasang buku tamu di blogger, namun pada artikel ini saya akan menuliskan tutorial cara pasang buku tamu Tersembunyi / Hidden. Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)

Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.

Ok ga perlu panjang lebar, langsung saja ke topik utama kita.

Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger

Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.

Kemudian ambil script yang sudah di sediakan (kopi kodenya).

Sekarang mari kita ke blogger. Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget. Jika masih bingung bagaimana cara pasang di blogger silakan baca : Panduan Cara Menghias Blog Blogger

Pilih html/javascript dan silakan paste 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/AVvXsEikYVUcLOpfUy2HAGicPlzMyaDWC65r4AsqWxz8vRPauu-80merJxzN-xp9MF9WzizNpsfxqJI78bHLibjnmJLzwIrmOiiiRN4br1_iSk23fYKYZqusG99_IIzkaJpes29ktkrLnKeDgp8/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">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</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>

Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai


sumber : http://blog.ahmadrifai.net

Cara Membuat Posting Berjalan Acak

 Selain menampilkan postingan terbaru (recent post) kita juga dapat menampilkan posting secara acak (random post). Jika postingan terbaru hanya menampilkan postingan yang baru di posting, maka postingan acak bisa menampilkan postingan lama maupun postingan baru secara acak, setiap halaman dibuka maka isi postingan acak (random post) selalu berbeda sehingga memperbesar peluang pageview blog.

Contohnya bisa dilihat di sidebar blog ini, yaitu Random Post 

Berikut ini adalah script untuk menampilkan postingan secara acak di blogspot , script ini saya peroleh dari blog bloggerstop

<script type="text/javascript">

var acakarray = new Array();var l=0;var flag;

var numofpost=5;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}

if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');

for(n in acakarray){ var p=acakarray[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>

Catatan:
Angka 5 pada numofpost=5 adalah jumlah postingan yang akan ditampilkan secara acak ,bisa diganti dengan kebutuhan anda.

Prosedur yang harus anda lakukan:
1. Login ke blogger
Pilih Tata Letak , Elemen Halaman , Tambah Gadget ,pilih HTML/Javascript
Masukkan kode javascript di atas ke dalam gadget HTML /Javascript

Cara Membuat Posting Random

Random post tersebut selalu berbeda dari setiap halaman yang dibuka oleh pengunjung sehingga memperbesar pageview blog.
Untuk membuat random post atau postingan acak,langkah langkahnya sebagai berikut:
1.Masuk Dashboard >> pilih Tata letak
2.Klik Tambah Gadget >> HTML/Javascript
3.Copy script berikut

<script type=”text/javascript”>var acakarray = 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;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}

if(flag==0&&l!=0){acakarray[i++]=l;}}document.write(‘<ul>’);

for(n in acakarray){ var p=acakarray[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>

numofpost=10 adalah jumlah postingan yang akan ditampilkan secara acak,ganti sesuai selera,misal 15 atau 5postingan
Selanjutnya Simpan

Cara Membuat Tombol Follow Twitter di Blog

Cara Membuat Tombol Follow Twitter di Blog  seperti blogspot ataupun wordpress caranya sangat mudah dan gampang. bagi sobat yang ingin mencobanya saya persilahkan dan untuk contohnya sobat bisa lihat di blog saya.

apa sih fungsinya tombol button twitter ini ? ya jelas saja fungsinya agar orang bisa dengan mudah follow twitter kita. jadi bagi anda yang ingin banyak follower nya ya silahkan sjaa di pasang, kayak saya yang sangat jadul di twitter karena saya lebih sering main fb,hehehhe.

baik berikut cara membuat twitter button follow blogspot :

1) Agar lebih mudah dan cepat silahkan sobat log in dulu ke akun twitter sobat.

2) Setelah itu kunjungi situs resmi button twitter disini .

3) Pilih follow di antara banyak pilihan untuk membuat tombol follow dan ambil kode scriptnya ke blog.

4) Copy paste ke blog log in ke akun blogger.com > pilih rancangan atau design > pilih add gadget > pilih html javascript dan copas script tadi di kotak yang besar dan save dan tidak usah di kasih judul.

ini contohnya sekalian follow yaa :

Follow @AdamsKurosaki

Dofollow

Apa Sich Dofollow itu?

Sebenernya cara meningkatkan pagerank itu ada banyak cara. Kalo memang ga mwo repot repot beli aja domain berpagerank, selsei. Tapi kalo mwo merintis dengan keringat dingin, kayak apa'an aja.. ya kamu harus bener bener bekerja keras. Mungkin semua blogger bahkan newbie pun sudah tao bagaimana cara meningkatkan pagerank. Ya seperti itulah.. ada yang bertukar link, mensiasati SEO, daftarain blog di seluruh situs boomark, aktif di forum forum ngeblog dan ada yang berkomentar di blog seseorang. Berkomentar di blog orang lain selain berharap koment balik ternyata juga dapat meningkatkan pagerank. Lho kok????
ya betul.. secara otomatis google akan mengidentifikasi link link yang ada di blog dengan spidermannya :D tetapi ingat!! ini khusus buat blog yang sudah dofollow. Jika kalian koment di blog yang nofollow berarti google tidak akan mengidentifikasi link link yang ada disitu. Jadi percuma to kita komen jika hanya berharap google dapat melacak link kita di blog orang lain dengan meninggalkan koment tadi. Nah..supaya koment kita tidak sia sia, ada caranya neh.. (neh buat blogger yang perhitungan..hehe..)
Pertama : liat dulu blog yang akan kamu komentari dofollow apa nofollow. Apa sie dofollow itu? dofollow adalah blog yang link2nya bisa di identifikasi oleh robot spider gugel. Jika blognya termasuk dofollow termasuk link komentnya juga dofollow maka otomatis URL koment yang kalian tinggalkan akan ikut terupdate gugel dan blog kalian bisa masuk di search engine gugel. Kalo nofollow ya sebaliknya, meski kalian berkomentar 1000 bahasa, gugel tidak akan membaca link kalian. Sia-siakah? tergantung niatnya aja. Lalu cara ngeceknya bagaimana blog yang dofollow ama yang nofollow itu?kebanyakan sie cara ngeceknya pake browser mozilla firefox. Buka mozilla firefox lalu buka postingan alamat blog yang akan kamu komentari, lalu klik "Tool".
Kedua : pilih "NoDoFollow" lalu beri tanda centang. Kalo ga ada downnload dulu disini maka otomatis akan terinstal langsung ke mozillanya.
Bis itu disuruh restart, restart aja trus kalo udah cari yag tadi "NoDoFollow" beri tanda centang. Lihatlah..jika warna biru keunguan pada linknya berarti itu dofollow. Jika merah pada linknya berarti itu nofolow. Gampang kan ;)

Lalu Bagaimana supaya komentar kita tidak sia sia?
Pertama : berkomentarlah di blog yang dofollow. Meski komentar kalian tidak dibalas, minimal...gugel tetap membaca link kalian.
Kedua : jika ingin komentar kalian dibalas, berkomentarlah di blog yang ada logo "U COMMENT I FOLLOW" atau di atas kolom komentarnya tertulis "this blog is do follow" seperti blog ini :D Karena jika blog sudah ada LOGO seperti itu, kata para blogger sie sudah mau berkomitmen untuk membalas komentar. Jadi jangan pasang logo seperti itu jika kalian belum sanggup membalas setiap komentar para pembaca :D makanya komentarlah sesering mungkin di blog ini karena sudah dofollow ;)
Jika blog kalian masih NoFollow, gantilah menjadi DoFollow supaya banyak yang berkomentar. Caranya adalah : 
Ne untuk yang blogspot

1. Masuk blogger, klik tata letak-->>klik edit HTML>>beri tanda centang expand template widget

2. Cari kode seperti ini :

<b:if cond="data:comment.authorUrl">
<a href="data:comment.authorUrl" rel="nofollow"><data:comment author=""></a>
<b:else>
<data:comment author="">


3. Hapus tulisan rel='nofollow', lalu SAVE.

Blog kalian sudah dofollow sekarang ;)

Kesimpulannya kayak ginirel=”nofollow” dan rel=”external nofollow” berarti: NoFollowrel=”external” dan <a href="URL">Nama</a>berarti: DoFollow

Cara Mudah Membuat Scroll Widget

Buat Sobat Blogger yang ingin menghemat space blognya,dan supaya terlihat lebih rapi,mungkin salah satu cara bisa mempergunakan Scroll di Widget Blog.Bagaimana cara membuat nya ? Caranya Cukup mudah, dan Terbukti berhasil seperti di blog saya ini.Berikut Caranya :

1. Login ke akun Blogger Sobat
2. Klik menu "Layout"
3. Klik pada "Page Element"
4. Klik "Add a Gadget " Kemudian pilih atau klik HTML/Javascript".
5. Copy Paste Script yang ada di bawah ini:


<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 141px" 1px="1px" solid="solid">
  <ul>
   <p>SIMPAN DISINI LINK WIDGETNYA </p>
  


  </ul>
</div>

Mengganti Warna Latar Belakang (Background) Posting Agar Sesuai Dengan Judul Posting

Background atau warna latar belakang tiap posting yang kita buat biasanya adalah putih atau tergantung dari set pada template yang kita pake. Sebetulnya, warna background posting ini bisa kita rubah agar bisa sesuai dengan keinginan, atau untuk menyesuaikan dengan isi artikel posting. Kita bisa buat masing-masing posting mempunyai warna background yang berbeda satu sama lain.

Seperti pada posting ini, saya mengganti warna latar belakang posting agar sesuai dengan judul postingnya “mengganti warna background posting“.

Lalu, “bagaimana cara membuatnya?”.

Oke, berikut ini adalah langkah-langkahnya. Silakan dibaca.

• Buatlah sebuah posting seperti biasanya.
• Pastikan tipe editornya adalah editor html, klik edit html di bagian atas tempat kita nulis posting
• Letakkan kode berikut sebelum isi posting.

<div style=”background:blue;“>

Ubah tulisan warna merah dengan nama warna yang dinginkan. Boleh juga menggunakan kode heksa desimal.

• Lalu taruh kode berikut di bawah isi posting

</div>

Sehingga akan menjadi

<div style=”background:blue“>

Isi posting

</div>

• Publikasikan posting yang telah dibuat
• Lihat hasilnya

Tips:
Anda juga bisa merubah warna huruf/font dalam postingan dengan menyisipkan font-color:warna/kode heksa. Contohnya

<div style=”background:blue;font-color:red”>

+++++ SELAMAT MENCOBA ++++

Cara Membuat Tampilan Radio Di Blog

Langsung copas aja kode script di bawah ini :

Radio  <center><p><embed height="20" width="200" flashvars="type=mp3&file=http://202.78.195.115:8012/;stream.nsv&backcolor=0xe6e6e6&autostart="true" allowfullscreen="false" quality="high" name="streambaby" id="streambaby" style="" src="http://viateknik.com/jw/player.swf" type="application/x-shockwave-flash"/></embed></p><p>Streaming Provider By : <strong><a href="http://klikhost.com/radio-streaming" target="_blank">KlikHost.com</a></strong></p></center> 

atau 

<center><embed style="margin-top: 0px;" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" autostart="true" displaysize="0" showstatusbar="1" type="application/x-mplayer2" src="http://175.103.58.73:8000/" id="streambaby" name="streambaby" " allowscriptaccess="never" height="70" width="160"></embed></center>

<div style="text-align: center;">

<center><span style="font-size: xx-small;">Widget By: <a href="http://wahyudi-ningrat.blogspot.com/">Infokomtek's </a></span></div></center>

Cara nya gini Boz ;

• Login ke Blogger

• Setelah masuk ke Dasbor, klik "Tata Letak"

• Maka anda akan masuk ke "Elemen Halaman"

• Klik tulisan "Tambah Gadget"

• Pilih widget "HTML/JavaScript"

• Masukkan kode script di atas, lalu Simpan.

Kalo tidak bisa Posting dulu di bawah tq

+++++ SELAMAT MENCOBA ++++