Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Thursday, February 28, 2013

Cara Membuat Banner Animasi Mudah dan Cepat

KUMPULAN ADSEN BLOGSPOT - Cara Membuat Banner Animasi Mudah dan Cepat. Banner selalu behubungan dengan blog/situs. Baik itu banner bergerak atau tidak. Banner disini bisa merupakan seperti "Papan Pengumuman", atau seperti Mading (majalah dinding) di sekolah.

Terkadang melihat banner, lebih indah rasanya ketika banner tersebut bergerak daripada diam sama sekali. Seperti ada kekuatan di dalamnya. Para pemasang iklan, mereka lebih cenderung memasang iklannya berupa animasi. Tujuannya adalah agar menarik perhatian.  Disamping itu, terlihat elegan dan profesional. Bagi anda yang sudah berkecimpung dalam dunia design grafis atau animasi, tentu bukan masalah bagi anda. Bahkan anda sudah mahir dalam Membuat Banner Animasi. Beda halnya dengan orang-orang yang kurang paham animasi (awam) termasuk Mas Bro (saya).

Bagi yang termasuk belum begitu faham masalah animasi, saya salah satunya, ada beberapa situs online yang menyediakan pembuatan Banner Animasi secara mudah dan cepat. Situs penyedia ada dua kategori, tergantung kita untuk memilihnya. Kategori pertama adalah "Berbayar". Anda harus mengeluarkan sedikit atau banyak jumlah uang untuk membayar mereka dalam pembuatan banner animasi. Kategori kedua adalah "Gatis". Gratis disini adalah tidak mengeluarkan sedikit biaya pun. Situs penyedia online ini hanya mengolah gambar yang anda buat. Tentunya kita pilih yang gratisan bukan.

Banner animasi umumnya dibuat dalam file gambar berekstensi gif serta gambar dalam bentuk banner flash. Mas Bro disini mencoba memberikan gambaran tentang Cara Membuat Banner Animasi Mudah dan Cepat gratis dengan sebuah situs online Picasion dot com, tentunya gratisan. Bentuk filenya adalah GIF banner. Mengenai banner flash nanti kita bahas lagi.

Cara Membuat Banner Animasi Mudah dan Cepat bentuk Gif Banner (tipe file / ekstensi GIF)
1. Persiapkan sejumlah gambar / file (tipe file : jpg, png, bmp, saya saranin gunakan JPG atau PNG) anda dengan ukuran yang sama. Ukuran Banner rata-rata 125x125, 150x150, 300x250, 468x60 atau 728x90. Pilihlah salah satu ukuran banner tersebut. Misalnya anda ingin membuat banner animasi ukuran 125x125, anda harus menyediakan sejumlah gambar yang berukusan 125x125 juga. Jadi harus sama, soalnya kalao tidak sama tidak bagus kelihatannya.

Contoh Mas Bro mau buat banner animasi ukuran 125x125. Saya akan menyiapkan gambar /file sebanyak 3 buah yang sederhana, dengan ukuran yang sama untuk membuat banner animasi.

Cara Membuat Banner Animasi Mudah dan CepatCara Membuat Banner Animasi Mudah dan CepatCara Membuat Banner Animasi Mudah dan Cepat

2. Masuklah situs http://Picasion.com, lalu akan muncul  gambar seperti di bawah ini.

Cara Membuat Banner Animasi Mudah dan Cepat

Keterangan :
  • No. 1 : Masukkan file gambar yang telah kita sediakan tadi satu persatu
  • No. 2 : Ukuran gambar animasi yang akan kita buat (sesuaikan dengan ukuran gambar yang dimasukkan pada No.1) / Hasil akhir dari gambar animasi
  • No. 3 : Pilihlah kecepatan pergerakan banner animasi yang akan kita buat.
  • No. 4 : Klik Create animation apabila langkah No.1 sampai No. 3 sudah yakin. (lihat gambar di bawah)
Cara Membuat Banner Animasi Mudah dan Cepat

3. Setelah cara no 2 diatas sudah beres, maka tunggu sejenak.
4. Selanjutnya akan muncul gambar seperti di bawah ini.

Cara Membuat Banner Animasi Mudah dan Cepat

5. Anda akan ditawarkan oleh Picasion beberapa hal pilihan. Apakah anda mau menggunakan link yang mereka tawarkan atau anda menyimpan file gambar/banner animasi yang baru saja anda buat. Saran Mas Bro, sebaiknya anda simpan file banner animasi tersebut ke dalam komputer anda.

6. Pilih atau Klik Save this animation (lihat panah merah di atas). Tunggu sejenak maka file banner animasi anda akan tersimpan.

7. Selesai. (lihat contoh banner animasi yang Mas Bro buat)
Cara Membuat Banner Animasi Mudah dan Cepat

Catatan :
Picasion akan memberikan nama file otomatis, silahkan anda ganti nama file tersebut sesuai keinginan anda. Dan satu lagi.... Silahkan anda pasang banner animasi anda ke dalam blog anda. Mudah bukan.... Tidak perlu punya keahlian khusus.

Demikianlah tutorial ringan kali ini mengenai Cara Membuat Banner Animasi Mudah dan Cepat. Selamat mencoba, salam sukses dan salam blogger. [Kumpulan Adsen Blogspot]

Memasang Widget "Artikel Terkini" Terlihat Cantik Dengan Gambar

KUMPULAN ADSEN BLOGSPOT - Memasang Widget "Artikel Terkini" Terlihat Cantik Dengan Gambar. Ternyata bukan hanya seorang WANITA saja yang ingin terlihat cantik. Bukan hanya PRIA ganteng dan macho terlihat KEREN. Blog juga perlu di percantik dan dibuat keren. Kata para tua-tua blogger, alias pakar-pakar blogger, nama blog seperti itu adalah Blog Profesional. Artinya adalah, disamping kita membuat tulisan yang bermutu pada blog, kita juga perlu memperhatikan tampilan dari blog kita, agar para pengunjung betah dan berlama-lama melihat-lihat isi dalam blog kita. Bisa-bisa pengunjung akan bertanya-tanya pada anda "Bagaimana sih membuat seperti blog ini ?", kira-kira seperti itulah pertanyaan yang muncul.
Memasang Widget "Artikel Terkini" Terlihat Cantik Dengan Gambar
Seperti inilah tampilan Widget Artikel Terkait

Banyak cara para blogger untuk membuat blog yang dia kelola terlihat cantik. Salah satunya adalah mempercantik  tampilan blog atau Widget blog, baik disebelah kanan atau pun sebelah kiri. Tujuannya cuma satu, agar CANTIK.

Anda tentu sudah tahu bagaimana memasang widget Artikel Terkini atau Recent Post bukan! Blogger sendiri menyediakan fasilitas tersebut. Biasanya, tampilan yang diberikan oleh blogger biasa-biasa saja dan jumlah Artikel Terkini hanya dibatasi maksimal 5 artikel saja (maaf kalo sekarang bisa lebih dari lima).

Memasang Widget "Artikel Terkini" Terlihat Cantik Dengan Gambar
Saya tidak menyarankan agar anda sekalian menggunakan widget ini. Hanya sekedar berbagi saja, apabila anda ingin membuatnya. Silahkan anda bisa mencobanya di dalam blog anda.

Anda suka dengan gambar, sangat cocok sekali menggunakan ini. Apalagi blog anda berisikan gambar atau Foto. Misalnya Foto Wanita Cantik atau Foto Pria Ganteng seperti saya misalnya....(hahaha memuji diri sendiri), bisa menggunakan widget yang satu ini.

Penasaran kah? bagaimana Cara Memasang Widget "Artikel Terkini" Terlihat Cantik Dengan Gambar?

Langsung saja deh KUNJUNGI DISINI.

Anda akan melihat langsung tampilan Artikel Terkini atau Recent Post menggunakan Gambar. Sebenarnya saya mau copy kodes scriptnya ke sini. Cuma sudah terlanjur saya pasang di Bos Tutorial.

Selamat mencoba yah. Jangan lupa saran dan komentarnya yah. Semoga bermanfaat. Salam blogger. [Kumpulan Adsen Blogspot]

Monday, December 24, 2012

Membuat Widget Google Plus Terlihat Cantik

KUMPULAN ADSEN BLOGSPOT - Membuat Widget Google Plus Terlihat Cantik. Sebenarnya saya sudah pernah membuat tutorial mengenai "Membuat Widget Google Plus". Cuma tampilannya ala kadarnya alias tidak terlihat cantik, itu menurut saya pribadi sih. Tapi kalao kawan blogger sudah pernah membuatnya dan tidak mau merubahnya abaikan saja postingan ini.

Saya berharap anda sudah tahu apa itu Google Plus. Jadi tidak perlu lagi saya menjelaskan lebih detail dan lebih jauh. Atau begini sajalah coba deh baca disini mengenai Google Plus.

Membuat Widget Google Plus Terlihat Cantik
Ide tulisan ini muncul ketika saya melihat tampilan Widget Google Plus yang baru kok bagus yah. Saya coba-coba ikuti arahan dari Google nemu deh scriptnya. Mungkin anda juga punya pengalaman yang sama dengan saya. Oh iya, sekedar info untuk kawan-kawan bila masih menggunakan Profile Blogger sebaiknya beralihlah menggunakan Google Plus. Keuntungannya adalah Postingan kita langsung masuk ke akun google plus kita (bila kita menyetujui juga) kan lumayan masuk index jadinya. Di satu sisi, google pluas sudah mulai disukai banyak orang (dengar-dengar sih mau saingan dengan facebook),

Langsung saja yah Cara Membuat Widget Google Plus Terlihat Cantik
1. Anda harus menyiapkan Akun Google Plus
2. Buatlah sebuah Halaman Google Plus (bila pertama kali menggunakan google plus nanti akan di arahkan menggunakan Halaman Google Plus, tidak menggunakan halaman juga tidak apa-apa sih cuma tampilan widgetnya tidak se dinamis yang saya bagikan).
3. Kembali ke Blog anda.
4. Masuklah ke TATA LETAK pada blog anda
5. Tambahkan Widget dengan mengklik ADD WIDGET / Tambah Widget
6. Copylah Script di bawah ini ;
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plus href="https://plus.google.com/118075621279032260537"></g:plus>
7. Gantilah Angka : 118075621279032260537 dengan No Akun Google Plus / Halaman Google Plus anda.
8. Simpan Widget yang baru anda buat.
9. Selesai dan lihat hasilnya.

Di bawah ini kawan blogger bisa melihatnya. Jangan lupa Follow juga yah dan jadi teman ok.



Catatan:
  1. Widget di atas menggunakan ID Halaman Google Plus Mas Bro
  2. Bila menggunakan ID Google Plus maka Gambar di bawah tidak muncul (hanya muncul Follow / Ikuti saja. Pilih saja mana yang suka. 
  3. Kawan kudu baca disini deh agar lebih faham mengenai No / ID Akun google Plus. 
Demikianlah tutorial mengenai Membuat Widget Google Plus Terlihat Cantik. Semoga bermanfaat. Salam blogger. [Kumpulan Adsen Blogspot]

Monday, September 17, 2012

Tante Alexa Bagaikan Primadona Untuk Para Blogger

Tante Alexa Bagaikan Primadona Untuk Para Blogger | Kumpulan Adsen Blogspot - Tante Alexa Bagaikan Primadona Untuk Para Blogger. Siapa yang tidak tahu dan kenal Tante Alexa. Salah satu situs yang memberikan Ranking dan Traffic. Yah... memang demikianlah adanya. Alexa yang biasa disebut Tante Alexa bagaikan Gadis Cantik atau Janda Semok dan Semlohay yang menjadi rebutan bagi para Blogger.

Tante Alexa Bagaikan Primadona Untuk Para Blogger
Tante Alexa juga ibarat Wanita / Cewek cantik seperti halnya dengan Foto Seksi di bawah ini. Para kaum adam berusaha untuk mendekatinya demi perhatiannya. Dengan memperhatikannya, Tante Alexa bisa memberikan senyuman manisnya. Sama halnya dengan Alexa Rank, para blogger begitu antusias untuk mendekatinya. Caranya sih bukan dengan memberikan hadiah seperti bunga, atau traktir makan. Bukanlah demikian, tetapi dengan memposting sesutau artikel yang bermutu dan layak untuk di searching / dicari di mesin pencari. Semakin bagus artikel tersebut atau semakin sering memposting dan semakin banyak yang melihat postingan dalam sebuah blog, maka si Tante Alexa akan memberikan senyuman manisnya.

Tante Alexa Bagaikan Primadona Untuk Para Blogger
Ilustrasi : Tante Alexa Primadona Blogger 
Tante Alexa Bagaikan Primadona Untuk Para Blogger
Oleh karena itu, Tante Alexa Bagaikan Primadona Untuk Para Blogger. Pesan Kumpulan Adsen Blogspot, sering-seringlah memberikan Kado Terindah buat si Tante Alexa, agar sering pula dia memberikan senyuman. Hadiahnya adalah : Selalulah Posting, Posting dan Posting. (Baca Lebih Jelasnya : Cara Cepat Meningkatkan Tante Alexa disini)

Demikian tulisan Kumpulan Adsen Blogspot mengenai Tante Alexa Bagaikan Primadona Untuk Para Blogger. Semoga bermanfaat dan salam sukses dan salam blogger. Kumpulan Adsen Blogspot.

Sumber Foto : Tante Alexa

Sunday, July 22, 2012

Pasang Float Widget Share Media Sosial di Blog

Pasang Float Widget Share Media Sosial di Blog | Kumpulan Adsen Blogspot - Pasang Float Widget Share Media Sosial di Blog. Salah satu cara untuk mempromosikan blog atau postingan adalah dengan membagi postingan di beberapa media sosial. Dengan begitu, diperlukan widget share media sosial di blog kita. Di bulan Ramadhan ini KA Blog / AB akan berbagi tutorial tentang Pasang Float Widget Share Media Sosial di Blog.

Pasang Float Widget Share Media Sosial di Blog
Pasang Float Widget Share Media Sosial di Blog juga merupakan salah satu untuk mempercantik sebuah blog. Bisa dibilang terlihat elegan dan membuat para pengunjung tertarik kembali datang ke blog kita.

Tampilan Float Widget Share Media Sosial (lihat panah merah)
Untuk mempercepat Pasang Float Widget Share Media Sosial di Blog, Tutorial Pasang Float Widget Share Media Sosial di Blog selanjutnya Kunjungi DISINI.

Itulah tulisan KAB mengenai Pasang Float Widget Share Media Sosial di Blog. Selamat mencoba. [Kumpulan Adsen Blogspot]

Wednesday, April 25, 2012

Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog

AB | Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog - Eh... Ketemu lagi dengan AB. Kali ini AB akan membagi tentang bagaimana Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog. Entri Populer Berdasarkan Komentar Pada Blog ini merupakan salah satu cara untuk mempercantik tampilan blog. Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog ini menggunakan script widget, berbeda dengan Entri Populer pada Blog yang bawaan blog sendiri, namun tujuannya sama yaitu untuk melihat Entri Populer pada Blog kita.

Entri Populer Berdasarkan Komentar Pada Blog ini maksudnya adalah untuk melihat seberapa banyak tulisan/artikel kita yang dikomentari pengunjung. Komentar yang paling banyaklah yang menjadi Top Populer pada tampilan Entri Populer Berdasarkan Komentar Pada Blog. Mungkin demikianlah sedikit pengertian dari Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog. Kalau kawan-kawan AB punya pengertian sendiri ya monggo dipersilahkan untuk membuat penjelasan lebih dalam.

Contoh Entri Populer Berdasarkan Komentar
http://ontel-creative.blogspot.com
Beginilah ceritanya Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog :

1. Seperti biasa, bukalah Akun Blog anda sendiri.
2. Pilihlah Tata letak atau Rancangan atau Design pada dasbor blog anda.
3. Tambah Gadget / Add Widget pada tata letak blog anda
4. Pilih elemen HTML/Javascript
5. Copy / salin lah script di bawah ini, dan tempatkan / paste-lah di Gadtet/widget yang baru anda tambahkan tadi.

<script language='javascript'>
aBold = false;
numposts=200;
maxshowresult=7;
home_page = "http://kumpulan-adsen.blogspot.com/";
</script>
<script type='text/javascript'>

//<![CDATA[
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;document.write("<ul>");function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<li><a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+" ("+postCommentar[f]+" comments)</a>";document.write(e)}}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');

//]]>
</script>

6. Simpan widget / gadget yang baru tadi.
7. Klik Simpan Setelan tata letak blog anda (bila tidak yakin klik pratinjau untuk mencoba melihat hasilnya)
8. Setelah disimpan, lihat hasilnya.

Catatan / Keterangan:
  • Tulisan false ubahlah menjadi true
  • Numposts = 200  maksudnya adalah hasil pencarian 200 posting
  • Maxshowresult=7 adalah jumlah "posting populer" yang Anda ingin ditampilkan, ganti angkanya sesuai keinginan anda.
  • Gantilah http://kumpulan-adsen.blogspot.com dengan Nama URL blog / website anda
Silahkan lihat disini (klik widget populer) untuk melihat contoh hasil dari Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog

Bagaimana kawan, gampang bukan? yah... itulah bagaimana Cara Membuat Entri Populer Berdasarkan Komentar Pada Blog. Semoga bermanfaat dan Selamat mencoba. Salam sukses dan salam blogger. Kumpulan Adsen Blogspot.

Sunday, April 22, 2012

Cara Membuat Widget Recent Post dengan Animasi di Blog

AB | Cara Membuat Widget Recent Post dengan Animasi di Blog - Salah satu cara untuk mempercantik sebuah blog adalah Membuat Recent Post dengan Animasi. Cara Membuat Widget Recent Post dengan Animasi di Blog ini tidak lah susah. Hanya membuatnya di widget saja. Kawan-kawan tinggal menyalin saja script yang AB pajang nanti di bawah.







Tujuan Cara Membuat Widget Recent Post dengan Animasi di Blog hanya untuk mempercantik tampilan saja. Jadi terlihat indah di mata. Kalau mau tahu Cara Membuat Widget Recent Post dengan Animasi di Blog, yuk mari kita lihat hasilnya di samping kiri.

Inilah Cara Membuat Widget Recent Post dengan Animasi di Blog:
1. Seperti biasanya, anda harus membuka Akun Blog anda sendiri (pinjam boleh asal disetujui, heheheh)
2. Pilihlah Rancangan / Design pada Dasbor Blog Anda (seperti biasa juga nih)
3. Lalu tambahkan Widget (klik add widget / tambah gadget)
4. Pilih mode HTML/Javascript
5. Copy-lah script dibawah ini (klik spoilernya) dan paste-lah pada kotak widget yang tadi anda tambahkan.


Klik Spoiler Berikut:
<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:299px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:270px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language="javascript">
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://NamaBlogAnda.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src="https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js" type="text/javascript">
</script></div>
<small><a href="http://kumpulan-adsen.blogspot.com/2012/04/cara-membuat-widget-recent-post-dengan.html" target="_blank">get this widget here</a></small></center></div>
6. Simpan Widget dan simpan template blog anda.
7. Lihat Hasilnya.

Catatan :
  • Untuk yang berwarna biru silahkan anda ganti dengan URL Blog anda. contoh: http://kumpulan-adsen.blogspot.com/
  • Untuk yang berwarna merah Silahkan kawan sesuaikan saja ukurannya yah.

Itulah Cara Membuat Widget Recent Post dengan Animasi di Blog. Gampang bukan, Selamat mencoba, by the way... itu dulu... ntar disambung lagi yah... heheh. Jangan lupa tuh kolom komentar masih kosong... di isiin yah kawan-kawan... heheh. Salam Blogger. Kumpulan Adsen Blogspot.

Saturday, April 21, 2012

Cara Membuat Widget Fan Page Facebook Auto Hide di Blog

AB | Cara Membuat Widget Fan Page Facebook Auto Hide di Blog - Kita tinggalkan dulu sejenak Kekalahan Barca melawan Madrid. Semua adalah sebagian dari pertandingan. Ada kalah ada menang. Hehehehe gak ada hubungannya yah ama postingan kali ini. Heheheeh. Cuma basa-basi saja kok. Oh iya, masih semangat nih? Kita lanjutkan Tutorial Blog yah. Kali ini AB akan membagi tentang Cara Membuat Widget Fan Page Facebook Auto Hide di Blog.


Widget Fan Page Facebook Auto Hide di Blog bisa membantu kawan-kawan blogger untuk menambah space / ruang pada template blog. Sehingga space yang kosong bisa anda gunakan tempat iklan atau yang lainnya. Kenapa demikian ? karena Fan Page Facebook tersebut bisa muncul atau sembunyi lalu muncul kembali.

Penempatan Widget Fan Page Facebook Auto Hide di Blog tepat berada di pojok kanan bawah pada halaman blog kita. Widget Fan Page Facebook Auto Hide di Blog Muncul ketika mouse diarahkan ke bawah atau ke atas halaman. Heheheh, Atas Bawah... apa dia malu yah ampe muncul dan tidak muncul heheheh.

Untuk mempersingkat, inilah Cara Membuat Widget Fan Page Facebook Auto Hide di Blog.
1. Seperti biasanya, anda harus membuka Akun Blog anda sendiri (pinjam boleh asal disetujui, heheheh)
2. Pilihlah Rancangan / Design pada Dasbor Blog Anda (seperti biasa juga nih)
3. Lalu tambahkan Widget (klik add widget / tambah gadget)
4. Pilih mode HTML/Javascript
5. Copy-lah script dibawah ini dan paste-lah pada kotak widget yang tadi anda tambahkan.
<script src="http://ojel88.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: #fff;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px ridge #80ff00; display: block;">
<div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
<a id="fbcloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 1px solid #000; text-decoration: none; font-size: 10px; font-family: Verdana" href="#">Exit</a>
<strong style="color:#000;">Silahkan Anda Like/Suka</strong>
Silahkan Letakkan Kode /Script Fan Page Facebook Anda disini
</div></div>
6. Simpan Widget dan simpan template blog anda.
7. Lihat Hasilnya.

Catatan :
  • Untuk yang berwarna biru silahkan anda ganti kata-kata yang anda inginkan.
  • Untuk yang berwarna merah Silahkan Letakkan Kode /Script Fan Page Facebook
Silahkan klik disini untuk melihat contohnya.

Itulah Cara Membuat Widget Fan Page Facebook Auto Hide di Blog. Gampang bukan, Selamat mencoba. Salam Blogger. Kumpulan Adsen Blogspot.

Cara Membuat Widget User Yang Online di Blog

AB | Cara Membuat Widget User Yang Online di Blog - Kita sampingkan dulu mengenai Ibu Kita Kartini dan Kisah Wanita Dunia Maya. Kini saatnya untuk belajar Tutorial Blog. Kali ini AB akan membagi tentang Cara Membuat Widget User Yang Online di Blog. Tujuannya adalah supaya kita tahu berapa teman / kawan / visitor yang sedang On line (melihat) di blog kita.

ilustrasi

Ada 2 Situs penyedia Cara Membuat Widget User Yang Online di Blog

1. Amung.Us,
  • Tentunya Anda buka akun Blog anda sendiri
  • Beralih ke situs Amung.Us, Silahkan masuk ke : http://whos.amung.us/showcase/
  • Setelah anda masuk situs Amung US, Pilihlah jenis widget yang anda suka
  • Copy lah script yang telah disediakan
  • Kembali ke Blog anda.
  • Pilih rancangan /  design lalu pilih Tambah Gadget selanjutnya pilih HTML/Javascript
  • Paste lah script yang anda copy tadi
  • Simpan widget dan simpan template blog anda selanjutnya lihat hasilnya.

2. Radarurl.com
  • Tentunya Anda buka akun Blog anda sendiri
  • Beralih ke situs Radarurl.com, Silahkan masuk ke : http://radarurl.com/
  • Setelah anda masuk situs Radarurl.com, Pilihlah jenis widget yang anda suka - lihat situsnya ada Step 1 (posisi widget), Step 2 (kode script widget), Step 3 (hasil tampilan apabila anda sudah meilih)
  • Copy lah script yang telah disediakan (kotak Step 2)
  • Kembali ke Blog anda.
  • Pilih rancangan / design lalu pilih Tambah Gadget selanjutnya pilih HTML/Javascript
  • Paste lah script yang anda copy tadi
  • Simpan widget dan simpan template blog anda selanjutnya lihat hasilnya.

Atau anda tidak mau capek? ke situsnya. Nih AB ada berikan kode scripnya, tinggal copy dan paste pada elemen widget blog anda
<script src='http://radarurl.com/js/radarurl_widget.js' type='text/javascript'></script><script type='text/javascript'>radarurl_call_radar_widget("Small", "Red","bottomright")</script><noscript><a href='http://radarurl.com/'>online stats</a></noscript>
Ganti warna Red dengan warna kesukaan anda, seperti Orange, Blue, Black atau apa saja (ingat pake bahasa inggris yah).
  • Tentunya Anda buka akun Blog anda sendiri
  • Pilih rancangan /  design lalu pilih Tambah Gadget selanjutnya pilih HTML/Javascript
  • Copy lah script yang telah AB sediakan di atas
  • Lalu Paste lah script yang sudah copy tadi
  • Simpan widget dan simpan template blog anda selanjutnya lihat hasilnya.

Itulah Cara Membuat Widget User Yang Online di Blog. Semoga bermanfaat. Salam Blogger. Kumpulan Adsen Blogspot.

Monday, April 9, 2012

Hari Ini Tante Alexa Ngambek

AB | Hari Ini Tante Alexa Ngambek - Tidak tahu kenapa, setelah mengganti Template blog yang baru (template blog kumpulan adsen sekarang ini maksudnya) tiba-tiba Hari Ini Tante Alexa Ngambek. Bayangin saja, dari 800.000 rank Tante Alexa Kumpulan Adsen Blogspot berubah menjadi 7.860.388, benar-benar Hari Ini Tante Alexa Ngambek.

Ilustrasi Gaya Cewek Seksi kalau Ngambek

Anehnya ketika AB klik langsung ke situs si Tante, tampilannya normal (lihat Gambar di bawah ini), atau klik http://www.alexa.com/siteinfo/http://kumpulan-adsen.blogspot.com

Alexa Ngambek
Tampilan di situs Alexa

Apakah ini fenomena yang sering terjadi ketika mengganti Template yang baru. Atau memang Hari Ini Tante Alexa Ngambek. Ter... la...lu... Please deh ah... Tante Alexa jangan Ngambek dong ah... Biarlah Tante Alexa tetap Senyum dan selalu memberikan kebahagiaan pada kami para blogger ini.

Oh iya, apakah pengalaman yang AB alami ini sama dengan anda kawan-kawan. Apakah memang Hari Ini Tante Alexa Ngambek. Jangan lupa bagi-bagi pengalaman yah di kolom komentar. Sekarang Kolom komentar Kumpulan Adsen Blog ada 2 pilih saja mana yang anda suka. Semoga cuma Hari Ini Tante Alexa Ngambek. Salam Blogger. Kumpulan Adsen Blogspot.

Cara Membuat Widget "Pengikut / Follower" Pada Blog

AB | Cara Membuat Widget "Pengikut / Follower" Pada Blog - Cara Membuat Widget "Pengikut / Follower" Pada Blog hampir sama dengan Cara Membuat Entri Populer Pada Blog dan Cara Membuat Arsip Blog Pada Blogspot, karena caranya sama. Hanya beda Widget saja. Namun supaya Tutorial blog pada blog Kumpulan Adsen Blogspot lengkap, AB akan memposting bagaimana Cara Membuat Widget "Pengikut / Follower" Pada Blog.
Cara Membuat Widget "Pengikut / Follower" Pada Blog:
1. Bukalah Akun Blog anda (tentunya akun blog sendiri bukan).
2. Pada Dasbor Blog, pilihlah Rancangan / Design
3. Pada tampilan template ada beberapa kotak, pilihlah Tambah Gadget / Add Widget.

4, Selanjutnya akan muncul sebuah kotak seperti gambar di bawah ini. Carilah Gadget / Widget : Pengikut

5. Apabila sudah ketemu, Kliklah Gadget / Widget "Pengikut" tersebut. (Biasanya, bila ada tanda + (warna biru) gadget terbut belum ada dalam blog kita).

6.Langkah selanjutnya adalah Mengatur tampilan gadget daftar "Pengikut" anda,


7. Setelah anda yakin, Klik Simpan. Selanjutnya Simpan Template blog anda. Lalu lihat hasilnya. Selesai.

Bagaimana kawan, gampangkan. Itulah Cara Membuat Widget "Pengikut / Follower" Pada Blog. Semoga bermanfaat. Salam Blogger. Kumpulan Adsen Blogspot.

Catatan Tambahan:
1. Judul Widget / gadget bisa anda ganti sesuka anda.
2. Apabila anda ingin menambahkan Widget / Gadget yang lain dalam hal ini bawaan Blogspot, lakukan saja langkah-langkah di atas.

Cara Membuat Arsip Blog Pada Blogspot

AB | Cara Membuat Arsip Blog Pada Blogspot - Untuk memberikan informasi yang detail akan isi sebuah blog kita perlu membuat Arsip Blog. Tujuannya adalah untuk memudahkan visitor / pengunjung melihat-melihat isi dalam blog kita. Postingan kali ini akan mejelaskan bagaimana Cara Membuat Arsip Blog Pada Blogspot.
Cara Membuat Arsip Blog Pada Blogspot sebagai berikut :
1. Bukalah Akun Blog anda (tentunya akun blog sendiri bukan).
2. Pada Dasbor Blog, pilihlah Rancangan / Design
3. Pada tampilan template ada beberapa kotak, pilihlah Tambah Gadget / Add Widget.

4, Selanjutnya akan muncul sebuah kotak seperti gambar di bawah ini. Carilah Gadget / Widget Arsip Blog (biasanya tempatnya paling akhir)


5. Apabila sudah ketemu, Kliklah Gadget / Widget Arsip Blog tersebut. (Biasanya, bila ada tanda + (warna biru) gadget terbut belum ada dalam blog kita).


6.Langkah selanjutnya adalah Mengatur tampilan Arsip Blog anda, Apakah harian, mingguan atau bulanan. Atur / settinglah tampilan yang menurut anda bagus.

7. Setelah anda yakin, Klik Simpan. Selanjutnya Simpan Template blog anda. Lalu lihat hasilnya. Selesai.

Bagaimana kawan, gampangkan. Itulah Cara Membuat Arsip Blog pada Blogspot. Semoga bermanfaat. Salam Blogger. Kumpulan Adsen Blogspot.

Untuk mempercantik Arsip Blog dengan Menggunakan Scroll silahkan baca disini : Cara Membuat Kolom Scroll Pada Blog Archive

Friday, March 30, 2012

Cara Membuat Buku Tamu dengan Widget CBOX pada Blog

AB | Cara Membuat Buku Tamu dengan Widget CBOX pada Blog - Lama tidak menulis tentang Tutorial dan Tips Blog. Diakhir bulan Maret ini AB mencoba membagi tulisan tentang Tutorial dan Tips Blog mengenai Cara Membuat Buku Tamu dengan Widget CBOX pada Blog.

Pada dasarnya, blogger ingin sekali mengetahui kira-kira siapa saja yang berkunjung pada Blog yang dia kelola. Dari membuat Buku Tamu di blog secara manual (buku tamu berupa postingan atau laman blog), saling tukar link, bahkan menggunakan fasilitas-fasilitas dari pihak ketiga. Disamping ingin mengetahui siapa pengunjung blog, buku tamu dari pihak ketiga juga bisa mempercantik tampilan blog. CBOX adalah salah satu situs pihak ketiga yang memberikan widget untuk membuat buku tamu dan bisa chat bersama (live chat). Chat bersama apabila admin blog online.

Untuk lebih jelasnya, mari kita lihat bagaimana Cara Membuat Buku Tamu dengan Widget CBOX pada Blog
1. Masuklah ke situs http://www.cbox.ws/
2. Setelah anda sudah masuk situs CBOX, silahkan daftar dengan klik SIGN UP
3. Isilah formulir yang telah disediakan (isilah dengan dengan benar blog anda)
4. Jangan lupa centang I have read and do agree to the Cbox terms and conditions of service.
5. Buka email anda dan lihat inbox lalu klik URL verifikasi yang dikirim oleh CBOX
6. Setalah anda verifikasi akun anda, Masukkanlah ID CBOX dan Password yang anda daftarkan pada CBOX.
7. Copylah script yang disediakan oleh CBOX dan paste lah pada blog anda.
8. Jangan lupa save / simpan dan lihat hasilnya.

Catatan :
Sesuaikan Ukurannya yah, width="200" height="75" ganti angka itu sesuai keinginan anda.

Ini hasilnya:


Itulah tulisan AB mengenai Cara Membuat Buku Tamu dengan Widget CBOX pada Blog. Semoga tulisan ringan ini bisa bermanfaat. Salam blogger. Kumpulan Adsen Blogspot.

Saturday, March 10, 2012

Trik Cara Membuat Tulisan Mengikuti Cursor di Blog

AB | Cara Membuat Tulisan Mengikuti Cursor di Blog - Kali ini AB akan memposting bagaimana Cara Membuat Text Mengikuti Cursor di blog. Walau Anda sudah pernah lihat tulisan seperti ini, tidak salah AB memposting lagi sekedar mengingatkan saja.

Sebenarnya, ide Cara Membuat Tulisan Mengikuti Cursor di Blog karena AB terkesima melihat blog orang lain, sepertinya blog tersebut menarik sekali seperti judul postingan ini Cursor di ikuti oleh Tulisan.. Akhirnya AB langsung deh searching di Mbah Google, nemu deh Scriptnya. Okaylah, yuk kita lihat bagaimana Cara Membuat Tulisan Mengikuti Cursor di Blog .

Tips Cara Membuat Tulisan Mengikuti Cursor Pada Blogspot :

1. Seperti Biasa Sign in dulu ke Blog anda
2. Pilih Rancangan / design
3. Klik Add Gadget (tambah gadget)
4. Pilih HTML/JavaScript
5. Copylah script di bawah ini

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg=’Cara Membuat Tulisan Mengikuti Cursor di Blog‘.split(”).reverse().join(”);
var font=’Verdana,Arial’;
var size=3; // up to seven
var color=’#ff0000&#8242;;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//—————————————————
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split(”);
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props=”<font face=”+font+” size=”+size+” color=”+color+”>”;
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write(‘<layer name=”nsmsg’+i+’” top=0 left=0 height=’+a+’ width=’+a+’><center>’+props+msg[i]+’</font></center></layer>’);
}
else if (ie||dom){
document.write(‘<div id=”outer” style=”position:absolute;top:0px;left:0px;z-index:30000;”><div style=”position:relative”>’);
for (i=0; i < n; i++)
document.write(‘<div id=”iemsg’+(dom&&!ie? i:”)+’” style=”position:absolute;top:0px;left:0;height:’+a+’px;width:’+a+’px;text-align:center;font-weight:normal;cursor:default”>’+props+msg[i]+’</font></div>’);
document.write(‘</div></div>’);
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+’px’;
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById(‘iemsg’+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? ‘px’ : ”);
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? ‘px’ : ”); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != “undefined” )
window.addEventListener( “load”, drag, false );
else if ( typeof window.attachEvent != “undefined” )
window.attachEvent( “onload”, drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>

6. Save widget dan template anda. Lihat Hasilnya.

Catatan :
Silahkan ganti tulisan "Cara Membuat Tulisan Mengikuti Cursor di Blog" yg berwarna Merah di atas dengan tulisan yang kamu suka.

Itulah Tips Cara Membuat Tulisan Berputar Mengelilingi Cursor Di Blog AB pelajari dari OJELHTC dengan bahasa AB sendiri. Semoga Bermanfaat. Salam Blogger. Kumpulan Adsen Blogspot.

Thursday, March 8, 2012

Cara Memasang Widget Translate Google di Blog

AB | WIDGET - GADGET | Cara Memasang Widget Translate Google di Blog - Banyak cara untuk menyenangkan pengunjung pada blog kita. Salah satunya adalah Memasang Asseroris seperti Menambahkan Widget/gadget akhirnya Blog Kita Kelihatan Cantik dan Menarik. Pengunjung pun betah berlama-lama melihat blog kita. Otomatis Page View blog pun semakin meningkat.

Kita tahu, bahwa pengungjung blog tidak semuanya berasal dari negeri kita sendiri. Otomatis, pengunjung blog yang berasal dari luar (selain orang Indonesia) kadang malas mengunjungi blog kita. Itu dikarenakan bahasa yang di dalam blog kita tidak dimengerti oleh pengunjung tadi. Makanya, kita selaku blogger berusaha untuk membuat pengunjung dari Mancanegara paham betul apa yang kita posting di dalam blog kita. Kali ini AB akan memposting bagaimana Cara Memasang Widget Translate Google di Blog. Yah... widget ini pun bisa dikatakan salah satu Tips Mempercantik Blog.

Translate Ala Google

Google saat ini benar-benar memberikan fitur-fitur yang sangat bagus. Salah satunya adalah fasilitas Traslate / Terjemahan bahasa. Walau sebenarnya bahasanya tidak sempurna sekali, yang penting para browser (pencari situs) atau pengunjung bisa terbantukan dalam mengartikan bahasa yang ada di dalam situs yang dikunjungi. Demikian halnya dalam blog, bahwa google pun menyediakan widget terjemahan untuk kita pasang di dalam Blog kita. Pengunjung blog pun tidak capek-capek untuk membuka kamus atau situs translate lagi. Pengunjung pun jadinya betah berlama-lama untuk menjelajahi blog kita.

Okaylah kawan, langsung saja yah... mohon maaf intro di atas terlalu banyak. Hehehehe. Beginalah Cara Memasang Widget Translate Google di Blog.

1. Seperti biasa, Bukalah akun blog Kawan (jangan akun orang lain loh... hehehehe)
2. Masuklah pada Rancangan / Design pada blog kawan.
3. Pilihlah fitur Tambah Gadget / Add Widget
4. Pilihlah atau tambahkan HTML/JavaScript
5. Copy / salinlah Script di bawah ini
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
multilanguagePage: true,
gaTrack: true
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
6. Simpanlah, dan lihat hasilnya.

Itulah Cara Memasang Widget Translate Google di Blog. Sebenarnya sederhana. Semoga Cara Memasang Widget Translate Google di Blog di atas bisa bermanfaat. Salam Blogger. Kumpulan Adsen Blogspot.

Wednesday, February 29, 2012

Cara Memasang Widget SMS Gratis Pada Blog

AB | Cara Memasang Widget SMS Gratis Pada Blog - Kali ini AB akan mengajak kawan tips Cara Memasang Widget SMS Gratis Pada Blog. Pada dasarnya Widget SMS Gratis adalah widget yang menyediakan layanan pengiriman SMS Secara Gratis. Widget ini bisa dipasang diwebsite dan blog anda dengan tujuan agar memperbanyak pengunjung website.

Berikut ini langkah-langkah memasang widget sms gratis pada Blogger dan WordPress:

Widget SMS Gratis untuk Blogger
1. Pertama login ke akun blogger Anda
2. Klik menu rancangan
3. Klik ‘Tambah Gadget’ pilih HTML/Javascript
4. Copylah script / kode berikut
<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>
5. Jangan lupa Save. Lalu lihat hasilnya.

Widget SMS Gratis untuk WordPress
1. Pada halaman Dashboard, klik submenu ‘Widgets’ pada menu ‘Appearance’
2. Tarik widgets “Text” ke posisi yang diinginkan (biasanya ditarik ke sidebar)
3. Masukkan kode dibawah ini,
<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>
4. Kemudian tekan tombol ‘Save’

Catatan:
Anda Bisa mengubah ukurannya dengan mengatur width=”270″ height=”350″
width=”lebar” height=”tinggi”

Itulah Cara Memasang Widget SMS Gratis pada Blog. Selamat Blog anda telah terpasang Widget SMS Gratis dan pergunakan fasilitas widget sms gratis ini sebijaksana mungkin. Lebih jelasnya klik Referensi dibawah ini. Kumpulan Adsen Blogspot.

Referensi : http://www.sms-online.web.id/widget-sms

Cara Memasang, Membuat Status YM Pada Blog

AB | Cara Memasang, Membuat Status YM Pada Blog - Cara Memasang, Membuat Status YM Pada Blog bukanlah perkara susah kawan. Anda tinggal memasang status ym anda pada Widget blog anda. Pada dasarnya, visitor ingin sekali berhubungan dengan admin blog secara live chat. Ada baiknya, status YM anda cantumkan pada blog.

Adapun Cara Memasang, Membuat Status YM Pada Blog
1. Seperti biasa masuk ke blogspot dengan id anda sendiri
2. Masuk ke Rancangan pilih Add Widget atau Tambah Gatged
3. Pilihlah HTML/JavaScript
4. Copy lah script berikut:

<a href="ymsgr:sendIM?ID_YM_Anda" title="Test"><img src="http://opi.yahoo.com/online?u=ID_YM_Anda&m=g&t=JENIS ICON" alt="YM" border="0" /></a>

Contoh :

<a href="ymsgr:sendIM?kedaikopi13" title="Test"><img src="http://opi.yahoo.com/online?u=kedaikopi13&m=g&t=2" alt="YM" border="0" /></a>

Hasilnya:
YM

5. Simpan Widget blog anda. Lihat hasilnya.

Catatan:
- Tulisan yang berwarna merah (ID_YM_Anda) --> gantilah dengan ID YM Anda misalnya kedaikopi13 (id ym AB tuh)
- Tulisan yang berwarna biru (Jenis icon) --> gantilah dengan Angka sesuai jenis icon yang anda inginkan (lihat gambar jenis icon dibawah ini)

Dibawah ini Kumpulan Adsen Blogspot akan memberikan contoh icon status ym, jadi anda tinggal memilihnya saja (Anda hanya menggunakan Angkanya saja, tulisan online_ tidak usah digunakan).

Itulah Cara Memasang, Membuat Status YM Pada Blog, Semoga Tips Ringan ini bisa bermanfaat. salam blogger. Kumpulan Adsen Blogspot.

Referensi:
http://messenger.yahoo.com
http://www.ymessengerblog.com

Thursday, February 16, 2012

Cara Membuat Widget Blog Bergerak

AB | Cara Membuat Widget Blog Bergerak - Kreasi seseorang itu memang berbeda-beda yah. AB sendiri pun selalu terkesima dengan para blogger. Jalan-jalan ke blog kawan, ups... Ab lihat Widgetnya Kok Bisa Bergerak yah. Seakan-akan tuh blog kayak cewek cantik, tiba-tiba lewat depan mata ups... AB langsung terkesima. Heheheheh.

Selanjutnya AB cari-cari di mbah google, langsung dah ketik Cara Membuat Widget Blog Bergerak. Setelah ketemu, lalu AB coba berhasil.. ehh ternyata begini toh caranya. Ya sudah, AB berbagi saja sama kawan-kawan. Kalau anda penasaran juga boleh dicoba juga, nanti AB temani deh. (sebenarnya trik ini hampir sama dengan Cara Mepercantik Blog dengan Tulisan Berjalan di Blog Anda, baca postingan AB sebelumnya)

Cara Membuat Widget Blog Bergerak
- Bolak balik kiri-kanan
- Bolak balik naik-turun
- Dari atas ke bawah nyambung / sebaliknya
- Dari kanan ke kiri nyambung / sebaliknya

Untuk menggerakannya anda tinggal rubah saja script-nya. Beginilah Cara Membuat Widget Blog Bergerak:
1. Seperti biasanya, Buka blog anda sendiri
2. Seperti biasanya juga, masuk ke Rancangan / Design
3. Seperti biasa lagi, buat widget baru HTML/Javascript atau buka elemen widget yang sudah pernah anda buat, karena sekarang anda mau memodifikasinya. Nah baru masukkan keinginan anda dibawah ini (copy scrip sesuai pilihan anda).

Ada 2 jenis tampilan, tinggal pilih

1. Tampilan Bolak Balik
a. Bergerak dari Kanan-Kiri
<marquee behavior='alternate' align='center' direction='right' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau Script widget Anda Disini</marquee>

Ini Hasilnya:
Masukkan Teks atau Script widget Anda Disini
b. Bergerak dari Atas-Bawah
<marquee behavior='alternate' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau Script widget Anda Disini</marquee>

Ini Hasilnya:
Masukkan Teks atau Script widget Anda Disini

2. Tampilan Untuk Yang Terus-Menerus Alias Nyambung
a. Bergerak dari kanan ke kiri (atau sebaliknya)
<marquee behavior='scroll' align='center' direction='left' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau Script widget Anda Disini</marquee>

Ini Hasilnya:
Masukkan Teks atau Script widget Anda Disini
b. Bergerak dari bawah ke atas (atau sebaliknya)
<marquee behavior='scroll' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau Script widget Anda Disini</marquee>

Ini Hasilnya:
Masukkan Teks atau Script widget Anda Disini

Catatan:
Oh iya, Silahkan Copy tuh script dan pastekan pada blog anda, dan ingat tuh tulisan "Masukkan Teks atau Script widget Anda Disini" atau yang berwarna Biru ganti dengan Kode Script widget Anda. Ukuran atau height yang berwarna merah ganti angkanya sesuai ukuran yang anda suka.

Begitulah kawan bagaimana Cara Membuat Widget Blog Bergerak. Selamat mencoba, dan seperti biasa, lihat hasilnya. Salam Blogger.

Monday, February 13, 2012

Promosi Blog dan Dapatkan Uang Bersama YouSayToo.Com

AB | Hallo Selamat Malam... ehh Selamat Subuh. Ketemu lagi dengan AB (Adsense Blog) Tutorial Blog bagi pemula. Kali ini saya akan mengajak kawan-kawan untuk Promosi Blog dan Dapatkan Uang Bersama YouSayToo.Com.
You Deserve More From Your Blog


Blogging can be not only a great pastime, but also a source of income. YouSayToo.com is an ad revenue sharing community where bloggers promote their existing blogs, boost readership and make money with AdSense and Infolinks.


Every blogger likes it when their content is being read, liked and commented. That's why so many bloggers find YouSayToo so attractive. By adding your existing blogs to YouSayToo from Blogger, Wordpress, Tumblr and other platforms you can increase exposure, boost readership as well as earn additional revenue with AdSense and Infolinks.


Grow your blog with YouSayToo. Register your account now!

http://www.yousaytoo.com/refer/105146

Mengenal YouSayToo.com
YouSayToo.com adalah salah satu situs backlink yang mengorganisir beberapa blogger. Artinya tempat kumpulnya para blogger untuk mempromosikan Blog mereka. YouSayToo.com bertujuan untuk meningkatkan para pengunjung blog sehingga blog kita bisa dibaca para visitor. Disamping membantu mempromosikan blog kita, kita juga bisa menghasilkan uang.

Sistem pembayaran
Anda akan dibayar melalui account Google Adsense atau acoount Infolink milik anda. Anda mungkin bertanya, bagaimana kalao tidak ada GA atau Infolink? Jawabannya adalah, buatlah GA atau Infolink anda. Cara pembuatan GA dan Cara pembuatan Infolink nanti kita bahas selanjutnya. Yang penting disini, anda daftar dulu ke situs YouSayToo.Com. Dengan tujuan blog kawan dapat backlink dari situs itu.

Cara daftar YouSayToo.Com
Caranya Gampang, Sediakan Kopi anget atau teh anget, lalu siapkan blog anda.

1. Klik saja banner dibawah ini atau langsung klik YouSayToo.Com

468x60

2. Setelah anda klik banner diatas, maka kan muncul kolom registrasi seperti gambar di bawah ini.


Isilah email pada kotak your email.Isilah password yang anda inginkan. Lalu klik Continue Signup.

Buka email anda untuk konfirmasi email. Lalu klik link yang telah terkirim. Lalu ikuti langkah berikut.

3. Mulailah anda mendaftarkan blog anda. Isilah kolom-kolom yang yelah disediakan.


4. Isilah Nama Blog Anda, Deskripsi Blog Anda, Pilih Jenih (topik) Blog Anda, Blog anda termasuk jenis apa, apakah news, personal dll. Anda tinggal centang saja yang telah disediakan.

5. Klik Add Myblog. Tunggu sejenak.

6. Setelah semua beres, dan anda telah berhasil Add Blog, maka akan muncul Script yang diberikan. Copylah script tersebut dan pasang di blog anda.

Cara masang script sama dengan pasang widget yang lainnya.
- Blog anda tentunya sudah anda buka bukan
- Pada dasbor blog anda, pilihlah Rancangan Template, lalu pilih kotak Widget yang kosong.
- Pilih add HTML lalu pastekan scrip tadi.
- Jangan lupa klik save/simpan.

7. Setelah anda berhasil menyimpan widget tadi, jalankan blog anda atau view blog anda.

8. Kembali ke YouSayToo.com tadi lalu, klik konfirmasi dibawah kotak Script dimana anda copy tadi.

9. Bila semua berhasil, maka akan muncul sukses.

Ingat : anda dapat script, copas script tsb, pasang widget, save rancangan template. Jalankan blog anda. lalu konfirmasi ke YouSayToo.

Itulah cara Promosi Blog dan Dapatkan Uang Bersama YouSayToo.Com. Semoga berhasil. Good Luck.

Update : Sepertinya YouSayToo.com Sudah tidak jelas lagi. Harap tidak menggunakannya.

Friday, January 20, 2012

Cara Memasang Histats di Blog

Cara Memasang Histats di Blog | Setelah membuat blog, ingin rasanya kita mengetahui berapa jumlah pengunjung pada blog kita. Apa sish histats itu?

Histats.com adalah sebuah website layanan stats dan data traffic pengunjung blog atau website. Cara mendapatkan data analisis ini kita hanya perlu meletakkan script dari histats.com di dalam blog/website kita. Hisatas.com di kembangkan dan di kelola oleh Francesco Vigotti, seorang internet marketer.
  • Histats bisa juga di klafikasikan mirip dengan Google Web Analysis, yang berfungsi untuk memantau :
  • traffic stats,
  • user online,
  • referrring sites (dari mana situs pengunjung berasal), search engine (dengan kata kunci apa pengunjung datang ke blog kita memalui search engine),
  • browser (browser apa yang mereka gunakan untuk mengakses blog kita),
  • geolocation (dari belahan dunia mana mereka berasal), traffik by url,
  • traffic by title dll.

Nah, gimana tertarik untuk mengetahui tentang pengunjung blog anda, silahkan di coba widget yang satu ini. Pemasangannya di dalam blogger-blogspot juga sangat mudah, hanya tinggal Register di histats dan membuat akun kemudaian, anda hanya tinggal memilih widget yang di inginkan, mengambil kode script yang di berikan oleh histats dan meletakkanya di dalam Tambah Gadget --- Javascript+Html di tata letak blogger Anda.

Tutorial Cara Memasang Histats di Blog Anda : (jangan lupa siapkan minuman anda yah... hehehe, kopi atau teh gitu loh biar adem)
1. Masuk ke Histats.com
2. Registerlah : Klik Register

Pada Create new account isikan data-data yang di pelukan, jangan sampai ada yang ketinggalan. Jika sudah beri tanda centang pada I have read and agree Publisher Agreement Terms dan tuliskan captcha.


Dan KLIK Register. Kemudian ada pesan seperti ini

Buka email yang tadi anda daftarkan dalam Create new account dan KLIK tautan yang di berikan Histats untuk mangaktifkan akun anda.

your account is now active, please login now and start using histats.com!

Jika ada pesan tersebut maka akun anda telah aktif, silahkan masuk lagi ke histats.com dan login dengan email dan password yang anda buat sebelumnya.

3. + Add a Website

Langkah selanjutnya adalah mendaftarkan website atau blog Anda. Blog yang di daftarkan bisa lebih dari satu, jadi dengan manfaatkan satu akun histats, anda bisa mendaftarkan banyak blog atau website anda, gratis pula.. cihui ga tuh... oke go on..

KLIK + Add a Website





● Site url : url situs anda http://namabloganda.blogspot.com contoh: http://kumpulan-adsen.blogspot.com
● Pilih bahasa : Indonesian - Bahasa Indonesia
● Time zone : Pilih Waktu Pendaftaran ke histats, Misal : 11 - 04:38 am Asia/Jakarta (sesuaikan zona dimana anda registrasi histats)
● Category : Website anda termasuk kategori apa, silahkan di pilih. Misalnya Visual Art & Design --- Design.
● Title : Judul web atau blog Anda.
● Description : Penjelasan singkat tentang blog Anda.
● Stats visibility : artinya pengaturan provasi siapa saja yang dapat melihat Status atau data dari pengunjung Blog Anda. ada dua pilihan visible to everyone atau visible only to me, silahkan di pilih.
● Jangan lupa kode captcha.
● Dan KLIK Continue

Beres sudah. Jadi sekarang adalah, cara memasang widget di blog blogspot anda.


4. Pasang widget di blogger

KLIK : nama blog anda.


KLIK : Counter Code.


KLIK + add new counter


Tinggal di pilih yang sesuai selera Anda, 1, 2, 3, 4 line, animated dll. Terserah anda.

Nah satu yang unik yaitu Hidden Tracker, jika memilih yang ini maka counter dan widget tidak akan di tampilkan di dalam blog anda, namun anda harus tetap memasang kode scriptnya di blog anda, dengan cara ini anda tetap mendapatkan data traffic dan dapat tetap di akses di dalam akun anda.


Beri tanda centang pada visitor today : Total visitor - Page views today - Total page views - user online dan KLIK SAVE.


KLIK Pada Counter id : xxxxxxx (no itu bukan patokan sesuai yg dikasih)


Lalu Copy code scriptnya


5. Masuk ke Blog Kawan, tentunya dengan ACC kawan sendiri bukan.
Klik Rancangan atau Tata Letak --> Tambah Gadget ---> Pilih HTML/Javascript dan paste code script kemudian SIMPAN.

Selesai Sudah. Gampang Bukan. Selamat mencoba Cara Memasang Histats di Blog, widget untuk mengetahui jumlah pengunjung Blog Anda. Salam Blogger. Kumpulan Adsen Blogspot