pengen tau: kreatif pada blog

Showing posts with label kreatif pada blog. Show all posts

Saturday, 26 December 2015

Cara Membuat Link Bergerak.

Masuk ke dashboard blogger.
Pilih menu Template lalu klik Edit HTML.
Cari kode </head>
Kemudian, copy seluruh javascript berikut ini dan paste tepat diatas kode</head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { //mouse in $(this).animate({ marginLeft: '12px' }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); });</script>

Langkah terakhir, klik Simpan Template.

Selesai, sekarang coba arahkan kursor kepada link yang terdapat di blog Anda. Sekian artikel tentang Cara Membuat Link Bergoyang di Blog. Semoga membantu para blogger.

Baca Selengkapnya »

Cara menampilkan jumlah pengunjung yang sedang online di blog

Halo sobat apa kabar nih, udah 2 hari ini bg_yusuff gak sempet posting artikel di blog ini jadi kangen nih pengen posting, enaknya posting apa ya? Hehe ^_^, Oke sobat pada postingan kali ini bg_yusuff akan bagikan mengenai tips dan trik Cara menampilkan jumlah pengunjung yang sedang online di blog, Pernahkah sobat mengunjungi salah satu situs di search engine google dan melihat blog tersebut terdapat widget jumlah pengunjung yang sedang online? jika pernah, apakah sobat ingin blog sobat juga ditampilkan widget jumlah pengunjung yang sedang online seperti itu? Jika ya, teruslah membaca artikel pada postingan kali ini.

Widget jumlah pengunjung online ini dirasa penting untuk sobat tampilkan pada blog sobat karena dengan menampilkan widget tersebut sobat akan mengetahui berapa banyak pengunjung yang sedang membaca artikel di blog sobat.

Apa saja keuntungan dari memasang widget jumlah
pengunjung online di blog?

Mengetahui berapa banyak pengunjung blog yang sedang online.
Mengetahui dari mana asal pengunjung blog kita.
Mengetahui berapa banyakah total pengunjung blog kita.
Mengetahui dari mana datangnya pengunjung blog, apakah dari google, dari facebook atau dari referral blog lain.
Mendapatkan statistik gratis untuk anda analisa.

Demo widget bisa sobat lihat di bagian bawah pada halaman blog ini, Oke langsung saja kita terapkan bagaimana cara memasang widget jumlah pengunjung yang sedang online di blog.

1. Kunjungi blogger dan login seperti biasa.

2. Klik menu Layout seperti gambar berikut.

3. Klik Add a Gadget kemudian pilih HTML/Javascript seperti gambar di bawah ini.

4. Masih pada halaman tersebut, kemudian anda buka tab baru pada browser anda dan kunjungi situs http://whos.amung.us/ di tab baru.

5. Jika sudah anda sedang berada di situs whois amoung, silahkan klik menu Widgets seperti gambar dibawah ini.

6. Anda akan melihat 6 jenis model widget amung, silahkan pilih yang anda sukai dan copy paste code tersebut pada halaman blogger pada urutan nomor 3 diatas.

7. Kemudian simpan dan lihat hasilnya.

Sekian dulu postingan kali ini yang berjudul Cara menampilkan jumlah pengunjung yang sedang online di blog semoga bermanfaat untuk anda, jika ada yang ingin ditanyakan silahkan tinggalkan komentar.

Baca Selengkapnya »

Monday, 7 December 2015

Cara Membuat Tulisan Berjalan Di Tab Blog

Cara Membuat Tulisan Berjalan Di Tab Blog - Selamat sore, kali ini saya akan memberikan Cara Membuat Tulisan Berjalan Di Tab Blog, cara membuat nya sangat mudah, membuat Tulisan berjalan ditab blog bisa menjadi kan blog anda lebih menarik ini berdampak pada pengunjung, sehingga pengunjung akan menjadi sering mampir di blog anda.
untuk melakukan proses Cara Membuat Tulisan Berjalan Di Tab Blog silahkan ikuti langkah langkah berikut ini.

Buka Blogger dan login ke akun blogger agan
buka template
cari kode

</head>

pastekan kode di bawah, ke atas </head>

<script type='text/javascript'>
//<![CDATA[
msg = " welcome to blog randa ";
msg = " http://randayusuf.blogspot.com " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",190);
}
scrollMSG();
//]]>
</script>

ubah tulisan merah tebal sesuai keinginan anda
ubah yang warna biru sesuka hati anda, semakin kecil jumlahnya, semakin cepat gerakan tulisannya.
Selesai
Demikian lah Cara Membuat Tulisan Berjalan Di Tab Blog, semoga postingan ini bermanfaat bagi anda..............

Baca Selengkapnya »

Tuesday, 16 December 2014

Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog

Panduan Blogger untuk blogger pemula.Panduan blogger yang akan menjelaskan/menginformasikan tentang Panduan Cara Membuat Buku Tamu "Menggantung" Di Blog.

Buku tamu/Shoutmix/Shoutbox merupakan salah satu aksesoris blog yang akoe anggap sebagai salah satu aksesoris yang wajib ada di blog/website.Bentuk dari buku tamu mungkin berbeda-beda,namun mempunyai fungsi yang sama.Fungsinya adalah untuk memudahkan pengunjung untuk mengisi buku tamu tersebut,kalau dia pernah singgah di blog sobat.Dalam panduan blogger kali ini,akoe akan membantu sobat untuk membuat buku tamu/guest book yang tampilannya menggantung/melayang di blog.Jika sobat mau lihat contoh buku tamu menggantung/melayang ini,sobat gak perlu jauh-jauh berkunjung ke blog lain.Silahkan sobat lihat aja di blog ini "tjoretan-akoe" yang ada di sebelah kanan sobat bagian atas.Jika sobat tertarik untuk mempunyai buku tamu yang serupa dengan blog ini,silahkan sobat langsung saja simak penjelasannya di bawah ini.Caranya cukup mudah kok.......simak ya......Untuk memulai membuatnya,silahkan ikuti panduan dan langkah-langkahnya seperti berikut :- Seperti biasa sobat mesti login dulu ke blog sobat- Silahkan klik Rancangan- Klik elemen laman- Klik tambah gadget/add gadget- Klik opsi HTML/Javascript- Silahkan sobat Copy dan Paste Kode HTML di bawah ini : <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHOXfETaxLy_jHKwEk8oi5YoZP8kXzaMimoz_ZU8jqy6Ly85qlkgI30mbSUImrea75j8npCCPfY54mQne56INb1GAuzHG78ZBUqWTYpVG1TN80Ic8DPdV1tQk4C2Su5ezLGWJm4gFgSueI/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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">  Code CBox milik sampeyan  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://randayusuf.blogspot.com/2014/12/panduan-cara-membuat-buku-tamu.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> - Silahkan sobat ganti tulisan yang berwarna merah dengan Kode yang sobat peroleh dari cbox- Untuk mendapatkan kode dari cbox,silahkan kunjungi Cbox- Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih dulu,kemudian verifikasi email trus silahkan login- Silahkan ikuti petunjuk yang ada- Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut- Selesai

Baca Selengkapnya »

Cara Pasang Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot.

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,

hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile "Twitter" sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

Klik Layout > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript :

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizyunSgN_oxstj5PKAnNlXA3W0hW6xQwJiW8mEQ3kAwfsxVmPRuEVXmZ8OqETzhGfrCMvNkXVu_kcbx-ZZmIHgued_o7POH9b1Vkv94pNiA1Malm0xhoEttrtxfH8o5dZX172FEarntX4/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/Username";
var tweetThisText = "Twitter - UserID http://randayusuf.blogspot.com/";
tripleflapInit();
</script>

Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
Simpan dan lihat hasilnya.

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisRIFEpaTrwb5T9yy5dTAFnOLieiPIgy6a7eEzoo7VcQPwEgb143tLy8pgfSGIDZraUxrSHH5ByBgaVfX8G9P3GrEGIdGmpOrb28ro6jD4Hxl_Ol29D5N3Gou1Rp7JgTWrp66jx8NZgaw/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLCChAbarAWeyS87FR9aouscHLP9jAOkTyzbezG46x5jUT6xe0O9H9geI7mNKEt-PlyN0Z-7onO2NKScgg0G9rTeLXWA5a2ErOkUNrcv_Ti7gaaniYkCWRDan7nXgJ6XgjdkDLo_R1ifY/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi60yR9CNNiUJBGrMytuhEASsdUSiA616oqkOZm1HtmjsUzMUexyfHJN1MZSi8RrlPAaJmgKGmYFlQYX6pkxSSExj9ludfie96G-bnheINqBe2B5zdEgKBBGPB_o1tQh_FR0VlFsjshzfo/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYs27CE7XE-u9KN045AMmHnZ-8WR4tMgC52Y7bD8UyJl4y_nI6xVSMGnzz6yxuZtCh9ewQSe3uNojRpYEsRTXm3lYy6FTlZ3XKYophGy8i6gB22HGHRLPkeC2oRVG-us1VUjhfRSe_xgQ/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm012QNq_ke2Tai7lmF2YE-Nz1F1LhvuwGEJSyj4XFmTw6_fjxMkAI_5pNh4y_ruKPESfkkwzO01kMciY9YzXbh4fTj92Kj9tB91NJDWQq6giKtvd6DFS2E_NvwQD1TbJn3BC-JIN57KI/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioqJJZwqWd3Huc7UTXw05W2rKNZsvU5rGba5DWztabVWC7ftiqrkWx0tFQGlRJ8q9-c5JbHRd-856kjbyrF7s0uAeYLkAPmwFIbMiuihztrCdpAlepvmY3rZFelIUmKZI8NxppYCJRIUk/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt3SXyRyAJOjwny610YhqRtIojZ7pttI00GIOauxzrvIOzERMBHoG16VZV3cKIzeXTqwU8xLuXYdDaLGo8_WNQnJzQIt8la18SH2_SUddsyVsQvlGX6FCE8yhZU5dDkfn5abp1MS86UV8/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9RunRvksxxT7I3GlowNHC4kOzIug_kPFq2StvILK4wJxoYSbPRikcKjcJpjM5k_WpschXTd95b3La6Av9-C4zbh1jAC5v112nBEiuu-UtUbFfdhAOLNBbmwgsbyZtl6HCuXRFBVAHdak/s1600/red+bird.png

Baca Selengkapnya »

Cara Membuat Tulisan Warna - Warni Berjalan di blog

Halo para blogger kali ini saya akan ngepost tentang Cara membuat tulisan warna warni berjalan di blog .

1. Login ke akun blogger sobat
2. Tata letak
3. Tambahkan gadget
4. Pilih HTML/javascript.

5. Copy kode di bawah ini :

<div><script src="http://www.widgeo.net/message.php?msg= JIKA ADA KESALAHAN PADA BLOG SAYA SILAHKAN KOMENTAR DENGAN SOPAN!!! &adult=0&cat=voyage&big=big&cl=rainbow3"></script><br />
<noscript><a href="http://goo.gl/uHPE3">widget</a></noscript>
<a href="http://randayusuf.blogspot.com/2014/12/cara-membuat-tulisan-warna-warni.html" /></a></div>
6. Simpan
7. Ganti tulisan "Warna Merah" dengan teks yang diinginkan
7. Lihat Asil keren kan .

Baca Selengkapnya »

Mendaftarkan Blog Agar Terdaftar Cepat di Google Secara Otomatis

Adapun alasan kita untuk mendaftarkan Blog kita ke Google adalah supaya blog dan isi postingan bisa terdaftar cepat atau dikenali oleh mesin pencari google. Dengan begitu ketika ada seseorang ingin mencari artikel di mesin pencari google ada kemungkinan blog kita dilihatnya. Artinya google akan menampilkan beberapa tulisan kita sesuai dengan yang dicari, biasa ini di kenal dengan nama SEO dan SERP (soal SEO dan SERP nanti kita bahas yah). Namun ingat satu hal, blog kita masih memerlukan waktu untuk bersaing dengan blog-blog lain yang sejenis. Tapi jangan berkecil hati yah, yang penting tiap kita posting blog kita sudah terpampang di google.

Mendaftarkan Blog Agar Terdaftar Cepat di Google Secara Otomatis
Syarat utama adalah dengan menggunakan gmail. Maklumlah karena menggunakan produk google kudu menggunakan gmail dari google. Bila masih menggunakan email dari produk lain, sebaiknya beralihkan ke google. Okay.
Yukk kita mulai :

1. Bukalah akun blog anda kawan.
2. Setelah masuk ke blog atau sudah di dasbor blog anda, lalu klik disini.
3. Bila sudah masuk akan ada pertanyaan silahkan masukkan password email anda. Silahkan isi passwordnya yah (bagi yang belum pernah). Yang sudah pernah tidak ditanyakan lagi passwordnya kok, atau bisa lewat Account Setting / Setelan Akun(biasa di pojok kanan atas. Selanjutnya cari Produk / Product (biasa sebelah kiri) lalu pilih lagi Webmaster Tool (bagi yang sudah pernah daftar juga hehehehe,,, ribet yah, biar lengkap saja kok tutorialnya).
Setelah semua dilakukan maka akan muncul seperti di bawah ini.

Mendaftarkan Blog Agar Terindex di Google

4. Lalu klik blog anda (contoh blog ini ada tulisan bos-tutorial.blogspot.com) atau klik gambar blog anda.
5. Selanjutnya pilih SITE MAP / PETA SITUS. biasanya ada disebelah kanan. (lihat gambar di bawah ini.

6.Setelah mengklik Peta Situs / Sitemap, maka mulailah menambahkah Peta Situs anda dengan mengklik Tambahkan / Uji Peta Situs (biasanya warna merah kotaknya sebelah kanan pojok dan tepat dibawah nama blog anda) lihat gambar di bawah ini.

7. Isilah Peta Situs yang Bos Tutorial sediakan di bawah ini. (lihat gambar di bawah ini)

masukkan peta situs dibawah ini (jgn pake spasi yah)

atom.xml?

atom.xml?redirect=false

feeds/posts/default?orderby=updated

atom.xml?redirect=false&start-index=1&max-results=500

Masukkan satu per satu yah. (Jangan lupa klik Mengirim Peta Situs yah bila sudah memasukkan script yang Bos Tutorial sediakan ok). Setiap memasukkan Peta Situs di atas akan muncul seperti di bawah ini:

Pilih saja Refresh atau Tutup, Namun ingat ulangi langkah 6 dan 7 berulang-ulang sampai anda memasukkan Peta Situs itu ok.

8. Selesai sudah memasukkan Peta Situs pada Webmaster Tools anda. Dan bila Selesai akan muncul seperti ini.

Oh iya, tuh warna gambar Biru adalah jumlah konten yang kita kirimkan, dan warna merah adalah sudah masuk daftar google (index google) bagi yang baru daftar warna merah belum muncul. Jadi sabar saja yah pasti muncul kok.

Baca Selengkapnya »

Monday, 15 December 2014

cara memasukan file ke blog

hhaaahhhh,,, capek walapun sambil duduk mencarinya diwarnet tapi ternyata capek juga semalaman bergadang hanya untuk mencari bagaimana cara mengapload file ke blogger tapi sayangnya gak dapat juga sampai-sampai saya gak mau mencari lagi, pada malam selanjutnya saya pergi ketempat yang ada wifi buat download film, gak tau pikiran dari mana akhirnya saya mendapatkan ide buat mencoba memasukkan file ke sebuah situs yang biasanya saya download film nama situsnya adalah mediafire karna setiap saya download film selalu masuk kesitus itu, setelah saya coba Alhamdulillah akhirnya bisa…

nah,,, sekarang saya akan berbagi dengan anda bagaimana caranya,
caranya emang agak gampang2 susah tapi kita akan mencobanya, yang harus anda lakukan adalah buka paman google lalu ketikkan www.mediafire.com dan ikuti langkah2nya :
1. Setelah masuk ke tampilan mediafire anda klik tab Menu Sign Up

2. Lalu anda buat account dengan mengklik account type yang free, klo anda sanggup bayar boleh anda pilih yang pro atau business. Di account type yang free anda klik “Try it” di bawah kolom free

2. Anda isikan semua yang diminta disitu lalu anda klik Create Account & Continue
Untuk alamat email lebih baik anda gunakan Gmail, jadi anda harus buat account gmail dulu

3. Setelah selesai bikin account anda akan masuk ke layar mediafire seperti dibawah dan anda klik tab menu My Files lalu anda pilih Upload

4. Setelah klik upload akan keluar tampilan seperti ini lalu anda klik tanda Tambah di pojok kiri bawah untuk mengupload file

5. Lalu anda pilih file mana yang akan anda upload ke mediafire yang ada di dalam komputer anda, contohnya yang saya upload adalah aplikasi pemutar musik yang sudak saya masukkan ke Winrar.
Setelah itu klik Open

6. Setelah itu anda klik Begin Upload

7. Tunggu sementara file di upload

8. Lalu anda klik Copy Link setelah itu klik Return to My Files

9. Jika keluar seperti ini berarti file anda sudah selesai di upoad

Sekarang kita masuk ke blogger untuk mengentri data kita, dah tau kan bagaimana cara masuk ke blogger dan pastinya anda sudah punya blogger masing2.
Dan disini saya mengentri data tentang pembuatan Aplikasi Musik dengan VB 6.0
Setelah kita entri data semuanya dan untuk data yang bersifat download anda cukup menulias kata saja seperti “Download Disini” atau “DISINI” tapi saya menuliskan kata “DISINI” saja karna katanya sesuai dengan kalimat sebelumnya.
1. Untuk memasukkan linknya yang sudah kita upload tadi di mediafire anda cukup blok kata “DISINI” lalu anda klik menu Link dan anda pastekan alamat file yang anda upload tadi kesitu.

2. Anda pastekan link yang anda copy tadi di mediafire ke Web Address
3. Contreng di Open this link in a new windows
4. Klik Ok

5. Setelah itu anda terbitkan entri anda dengan mengklik Terbitkan Entri
6. Kemudian klik Lihat Entri
7. Selesai sudah.

Susah ya,,,, tapi kalau sudah bisa semuanya terasa gampang….

Note :
Ingat,,,,, Tadi anda sudah mengcopy link jadi anda jangan dulu mengcopy yang lain sebelum link itu di pastekan ke alamat link yang anda masukkan di entri data anda, dan jika sudah terlanjur mengcopy yang lain andapun gak usah kawatir anda tinggal masuk lagi ke account mediafire yang anda buat tadi tadi
- Klik My Files
- Klik kanan di file anda upload tadi (contohnya yang saya upload tadi aplikasi pemutar musik)
- dan anda klik Copy Link

Selamat mencoba, dan jangan lupa jika sudah bisa ajari kawan anda ya,,,,
Good Luck......

Baca Selengkapnya »