Newest Post

Readmore

Syarat Utama adalah : Persiapkan Sebuah Gambar atau Logo Yang berbentuk KOTAK Persegi (Bujung Sangkar) Misalnya 100px x 100px, 200px x 200px, 300px x 300px dst dengan ukuran file tidak lebih dari 100KB. Selanjutnya ikut langkah-langkah berikut.

1. Buka Akun Blogger Anda sendiri.

2. Masuklah ke Elemen Tata Letak (Layout) -> Akan muncul seperti gambar di bawah ini.
Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri - Bos Tutorial

3. Pilihlah Widget / Gadget FAVICON (Lihat gambar di bawah ini)
Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri - Bos Tutorial

4. Klik Telusuri lalu Masukkan Gambar atau Logo Blog Yang Anda inginkan.
Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri - Bos Tutorial

5. Klik Save/Simpan dan Simpan Setelan blog Anda.
6. Selesai dan lihat hasilnya.

Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri

Minggu, 14 September 2014
Posted by eryxon Mandala
Add Comments
Readmore
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


Memasang Burung Twitter Terbang di 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,Cara Buat / Pasang Burung Twitter Terbang Di Blog 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

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7aS6s-qWZLBS_SrneVwyzeppyAiTxqEcndU5TpFpBRJTYN65lQoo_gAKFPo-yU3BGZTdzmpHC077i3b7rbhqyGcOa5TctJrw1fA33e9bMfkLKu3JT8kE7A1I9qEhPEwN1yBQREXsjBQU/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://bloggerpeer.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

Rubah Warna Burung 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/AVvXsEgvVgzJjJ_bkNDf2ibKs4mm7J3hwefk-Au2PahotJEyeHog75yd6G-wXEchKmpo-RcsbyA743y1oit_7bOxJow0DotnqIHQRtlivf4ljsFh5_L3mmxWDpJYFQGajXN-WQdqBnUSXiKHi0M/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD62zRx59iGmDdy0LDsFLQrx3c3wSUUSgtxH_q3gDGCfVWzY1RlPJU7iCsvFBtvhpHnvGYKWMZbbn4h6G2dXIhlhK55ne0hNH2eytOzUNnMUtIRJ-2YNa5FFt5WDtD3d5OM0e2UOGqrY0/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNXAhyphenhyphenUuTp_jWANgOpOgYC2yuCodvXxF4wVaTRO3uIwpMo9p-SOQ-1Dc5YkNNCitWbDFEPwokIzhkFIKwekVaUFnnRLSYKF4b28H23cSQH4lh-gYaeHoCVCcbpLE3AI-jtM5bMWczw0k/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimHkC80C7S4Nfm_nOsDaTqUtu5GYOfDxI3eFuf5DfuqvP8Blju2aJkQTkK_9bfaOpWH6pzxBJ4rcFuiaYcm2kgUK4iLEddjVz2Hr37b5Ek1T4LN0YEYC2OJulSMcl7N1K07fM33aq8Aug/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaot3lTNa1rca3bwzB2FJq1a6OHlFQX86zxrTxTttEltzX4-c4wCcfIXKaP_6qH30t3B3L7qWHWkeYXEBes7j57ZyLxuupvB01PxRAq5dS9o14BEhCDgUlUQmBPcbpRkZ05oSTiDKe0YI/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZ95_khChNb-xoSQ3gxTxNAdTgq2w-blllNeYHhR3prDbjUCA20sG9PodfWanxiaVpfqwKA94u4GHl0NaG97trDZJVTgqWrjnBgtHgOTxbczN5GnjbJ3K2li-9wz8Hfoxwiov4YSTGrY/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kfHKoJu03YqaxfqXJ3Gq26cv2IPZ_04Rvy7tlRWIB8WzRRR7QZ-GST319MbhEK0NtHQb-hEMqxBBfDPFUyqUTpeKpuRogJwHLs2A4ShzUxIzdM2Del0oJKEbWJjtQAmnV9-qOtSQX20/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7ZiOjWosz7_hh3uu6M_R7wxLj1gBD8pFAJLDf36EKCc_EGw-fPrLuSLyestMnXS2v4WUFzwFeD28fDXie4ymCR-hWE7P7i7IWvTK8kBx-fJYnbafNTBYG8NwnYF5TnPEt4ZyrvmGjQ1w/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Cara Buat/Pasang Burung Twitter di Blog

Posted by eryxon Mandala
Add Comments
Readmore

     Walau mungkin di mbah google anda akan menemukan banyak tutorial yang membahas tentang cara menambahkan yahoo smiley emoticons pada komentar blogger, tapi yang menggunakan konsep JQuery mungkin masih jarang. Ini adalah fasilitas emoticons otomatis yang dapat merubah simbol :), :D, :P, menjadi sebuah gambar yang telah ditentukan. Nah, bagi yang mau coba, Langsung saja..
Check It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML. Cari kode ]]></b:skin>, lalu pastekan script dibawah ini diatas kode ]]></b:skin>.

/* Emoticon Smiley -------------------------------------------- */
.emoWrap {
  background-color:#fff;
  border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}

img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}

input.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:black;
}
2. Cari kode </head>. Lalu pastekan script dibawah ini diatas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "Untuk menyisipkan emoticon, beri satu spasi sebelum memasukkan kode.";
//]]>
</script>
<script src='https://sites.google.com/site/airalokablogspotcom/download/Emoticon%20Smiley.js' type='text/javascript'/>
 Nb: Jika blog anda sudah terpasang JQuery, hapus script yang berwarna biru.
3.  Simpan.
Selamat mencoba!

Cara Menambahkan Emoticons Smiley Ke Blog

Jumat, 12 September 2014
Posted by eryxon Mandala
Add Comments
Readmore
Cara ini adalah bagian dari pernak pernik blog yang tujuannya untuk mempercantik tampilan blog kita pada browser.Banyak cara untuk membuat blog kita tampil menawan,cantik dan kreatif. Yah selagi cara yang di lakukan tidak membuat loading blog tambah berat.Salah satunya membuat judul blog berjalan di title bar.Letaknya paling atas sebelah kiri yang ada tulisan mozila firefoxnya,bila anda pengguna firefox.

Caranya mudah sekali,ikuti saja langkah-langkahnya seperti dibawah ini: 
1. Login ke akun blogger anda
2. Masuk Dasbor > Tata Letak (layout) > Edit HTML.
3. Kemudian cari kode dibawah ini dengan tombol F3 atau CTRL + F pada keyboard.
<title><data:blog.pageTitle/></title>

yang letaknya di bagian awal.

3. Kemudian ganti kode di atas tersebut dengan kode di bawah ini.

<script language='JavaScript'>
var txt="Bekasi Hacker Team- ";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

Catatan : Angka 100 menunjukkan kecepatan gerakan, Anda dapat menggantinya dengan angka yang lebih kecil atau lebih besar, semakin besar nilainya maka kecepatan bergeraknya semakin lambat dan berlaku sebaliknya.
Teks yang berwarna Biru bisa sobat ganti dengan kata-kata sobat 

4. Klik Pratinjau terlebih dahulu untuk melihat hasilnya.
5. Jika sudah berjalan dengan baik kemudian Simpan Template.

Cara Membuat Judul blog bergerak

Posted by eryxon Mandala
Add Comments
Readmore
Cara Edit Setelan Blog di Blogger- setelah sebelumnya saya membuat tutorial Langkah pertama cara membuat blog di blogspot / blogger, sekarang saya akan memberikan tutorial Cara Edit Setelan Blog di Blogger, ada hal-hal yang perlu kita ketahui dalam Edit Setelan Blog di Blogger, mengapa kita harus mengetahui Cara Edit Setelan Blog di Blogger? mungkin ada yang bertanya seperti itu, tapi tenang saja, setelah anda membaca tuntas artikel yang berjudul Cara Edit Setelan Blog di Blogger  ini, semua pertanyaan anda pasti akan terjawab.
Cara Edit Setelan Blog di Blogger memiliki beberapa komponen didalamnya, mulai dari setelan komentar, postingan, email, arsip, ID, dan lain-lain. Dalam menu setiap setelan juga berbeda-beda menurut esensialnya sesuaikan saja menurut kepentingan bolg Anda.
 Berikut adalah tutorial untuk melakukan Edit Setelan Blog di Blogger :

1. login ke blogger.
2. Klik nama blog yang ingin di atur. "contoh liat pada gambar". di klik supaya lebih jelas gambarnya.

cara edit setelan blog di blogger
3. Selanjutnya Klik menu Setelan yang berada disebelah kiri monitor Anda "seperti pada gambar di bawah".



img, cara edit setelan blog di blogger 24. Klik masing-masing sub menu yang ada di bawahnya untuk melakukan pengaturan. 
Dasar
  • Judul : Klik “Edit” jika anda ingin melakukan perubahan terhadap judul yang ada atau biarkan saja jika judulnya sudah sesuai keinginan. 
  • Uraian : Klik “Edit”, kemudian isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan, lanjutkan dengan klik tombol “Simpan perubahan”.
  • Privasi : Sebaiknya biarkan sesuai pengaturan asli, lakukan edit apabila blog anda ingin di jadikan blog private (tertutup bagi umum). 
  • Alamat Blog : Biarkan apa adanya, kecuali bila anda ingin mengubah alamat blog dengan domain milik sendiri.
     
  •  Penulis Blog : Biarkan saja sesuai pengaturan awal.
  • Pembaca Blog : Biarkan saja apa adanya jika blog anda ingin di bisa di baca oleh umum, lakukan edit bile blog anda ingin hanya bisa di baca oleh orang-orang tertentu yang anda pil


Setelan Post dan Komentar

  • Tampilkan sebanyak mungkin : ubah angkanya sesuai dengan jumlah posting yang ingin tampil di halaman depan blog anda. 
  • Templat Entri : biarkan tidak perlu di edit.
  • Tampilkan gambar dengan Lightbox : Boleh pilih “Ya” atau “Tidak”, ini tidak terlalu penting dalam setelan blog. 
  • Bagikan ke Google+ : Pilih “Ya” jika nanti setelah posting ingin bisa langsung dibagikan ke layanan Google+, atau pilih “Tidak” jika sebaliknya. 
  • Lokasi Komentar : Biarkan terpilih “Tersemat”, agar kotak komentar langsung berada di bawah setiap postingan. 
  • Siapa yang dapat mengomentari? : Silahkan pilih sesuai keinginan. Pilihan “Semua Orang”, berati semua pengunjung blog anda bisa berkomentar. 
  • Moderasi Komentar : Pilih “Selalu” bila setiap ada komentar harus melalui persetujuan anda sebelum tampil di blog. Atau Pilih “Tidak Pernah” bila anda ingin komentar langsung tampil di blog tanpa perlu persetujuan dari anda. 
  • Tampilkan Tautan Balik : Pilih “Sembunyikan” bila anda tidak ingin menampilkan link siapa saja yang membuat tautan (link) ke postingan bersangkutan. Atau Pilih “Tampilkan” bila anda ingin menampilkan tautan. 
  • Pesan Formulir Komentar : Silahkan di isi, jika anda ingin menampilkan pesan diatas kotak komentar nantinya, misal : Silahkan jika anda yang ingin komentar, namun tolong gunakan bahasa yang sopan. Atau di kosongkan bila anda tidak ingin menampilkan pesan komentar.
  • Mempublikasikan entri menggunakan SMS/MMS : Menu ini berguna apabila nantinya ingin mempublikasikan artikel melalui ponsel, silahkan baca lebih lanjut keterangan yang ada di sana. 
  • Mempublikasikan entri menggunakan email : Fasilitas ini memungkinkan anda untuk mengirimkan postingan melalui email. Untuk keterangan lebih lengkap, mungkin akan di bahas pada artikel selanjutnya.
  • Email Pemberitahuan Komentar : isi dengan alamat email yang di inginkan, bila setiap ada komentar pada artikel blog anda akan di beritahukan secara otomatis ke alamat email yang anda masukan. Atau Kosongkan jika tidak menginginkan.

Setelan Bahasa dan pemformatan

  • Bahasa : Pilih “Indonesia” agar lebih familiar dengan anda. 
  • Aktifkan transliterasi : Pilih “Dinonaktifkan”
  • Zona Waktu : Pilih zona waktu sesuai dengan keinginan. Untuk wilayah Indonesia Barat, anda bisa memilih zona (GMT +7:00) Jakarta. 
  • Format Header Tanggal : Pilih format tampilan tanggal sesuai keinginan. 
  • Format Timestamp : Pilih sesuai keinginan. 
  • Format Stempel Waktu Komentar : Pilih sesuai keinginan.

Setelan Lainnya

  • Alat Blog : Impor blog, fasilitas untuk mengimpor blog, dengan ini anda bisa memindahkan file dari blog lain.
    Ekspor Blog, fasilitas untuk mengekspor blog, jika anda bermaksud memindahkan isi blog ke blog yang lain. Fasilitas Ekspor blog ini juga berguna untuk sarana backup data, silahkan lakukan backup data secara rutin agar apabila suatu saat terjadi hal yang tidak di inginkan, anda masih punya data untuk di masukan ke blog baru anda.
    Hapus blog, fasilitas untuk menghapus blog, jangan pernah klik ini apabila blog anda tidak ingin terhapus. hehe
  • Bolehkan Umpan Blog : Silahkan pilih sesuai keinginan, terkadang ada baiknya anda memilih mode “Penuh” namun terkadang perlu juga untuk di setting ke pilihan lain.
  • Posting URL Pengubahan Arah Feed : Untuk tahap awal, ini bisa di kosongkan dulu, kedepannya anda akan mengerti tentang pengalihan alamat feed ini. 
  • Footer Feed Posting : Boleh di isi boleh di kosongkan, ini kaitannya dengan Feed. 
  • Aktifkan Tautan Lampiran : Boleh di pilih “Ya” boleh “Tidak”. 
  • URL OpenID Anda : Biarkan apa adanya. 
  • Konten Dewasa? : pilih tidak bila isi blog anda bukan berisi konten khusus dewasa. 
  • ID Properti Web Analytics : ini diisi dengan ID google analytic, bila belum punya bisa di kosongkan saja.

Cara Edit Setelan Blog di Blogger

Posted by eryxon Mandala
Add Comments
Readmore
1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.

Mengganti ''Older Posts'' Dengan Angka

Posted by eryxon Mandala
Add Comments

// Copyright © Tutorial Edit Blogger //Anime-Note//Powered by Blogger // Designed by Johanes Djogan //