bila anda ingin memasang link teman dengan simple, dan mudah , dan juga agar blog anda tidak
terlalu berat, cara ini bisa anda gunakan
1. Login di blogger
2. Layout ---> Add gadget ---> HTML/Javascript
3. Copy paste code d bawah ini
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Sohib Blog</option>
<option value="http://dimash-devil.blogspot.com/">dimash-devil</option>
<option value="http://japarus.co.tv/">japarus</option>
<option value="http://maharanicozy.blogspot.com/">maharanicozy</option>
<option value="http://http://rezpector333.blogspot.com/">Tolet</option>
<option value="http://tenriewa.co.cc/">tenriewa</option>
<option value="http://crazydavinci.net/">crazydavinci</option>
<option value="LInk anda atau link teman anda disini">judul Link</option>
</select>
mudah kan bila anda punya link teman banyak anda tinggal menambah kan kode ini
<option value="http://nagaribatutaba.blogspot.com/">nagaribatutaba</option>
sebelum kode </select>
anda tinggal ganti kode berwarna Biru dengan URL anda atau URL blog teman anda,
dan berwarna Kuning dengan judul blog anda atau blog teman anda
lalu simpan gadget / widget anda dan lihat hasilnya
pasang link teman dengan menu dropdown
Icon follow twitter melayang
sudah lama juga saya tidak membuka membuat postingan diblog.
ok kali ini saya akan membahas bagaimana cara membuat icon burung twitter melayang layang mengikut arah kursor...
langsung saja ok...
cara membuatnya :
1. Login keblogger
2. pilih menu Rancangan, tambah gadget, pilih Html/ java script
3. Simpan kode berikut :
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlXCyF_vVC68C6WCP52z0wHyNDZhsvkgy7oHMT4H7AkpEroXEweun0YbWnGiNtFbrsQOK4uZVRFAkALOGtWUtWMghzq-e99C8omXfBYgkXMNXeSeRMFTozBXGb8_rJ-JGGTCVrs8hPaAg/s1600/birdsprite.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/J4l4";var tweetThisText = "Twitter - UserID http://www.dadhang.blogspot.com/";tripleflapInit();
</script>
jadi sudah jangan lupa disave ya dan lihat hasil nya sendiri
Ket : Ganti kode yang berwarna biru dengan twitter anda
ok selamat mencoba
Membuat Widget Related Post With Thumbnails
Mungkin teman-teman pernah melihat widget yang satu ni pada setiap blog yang dikunjungi yang letak na dibagian bawah setip postingan...ok langsung saja dewh...
1. Cara membuatnya : Login blogger
2. Rancangan, Edit Html, Cari kode ]]></b:skin>
3. Dan Simpan kode berikut diatasnya :
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://kangdadang.googlecode.com/files/relatedpost.js' type='text/javascript'/>
</b:if>
sekarang cari kode <div class='post-footer-line post-footer-line-1'> atau yang serupa dengan kode tadi, Ctrl + F untuk mempermudah pencarian,
jika kode tadi sudah ditemukkan sekarang simpan kode berikut dibawah kode merah tadi :
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://amatulla83.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
kode berwarna biru silahkan ganti sesuai keinginan ingin berapa post yang ditampilkan,,
seleai.. jangan lupa Simpan template......
Cara Menyembunyikan Widget/Gadget Facebook Di Kiri
Cara Membuat Wiget/Gadget Facebook di Kiri, sama seperti menyembunyikan Gadget di sebelah kanan seperti buku tamu. Scriptnya hanya di ubah - ubah sedikit. Langsung saja masuk ke tutorialnya.
1. Seperti biasa login dulu di Blogger.com
2. Buka Rancangan - Elemen Laman.
3. Tambah Widget/Gatget - Html/Javascript
4. Copy paste kode script di bawah ini
<!-- left/right hidden chatbox byhttp://www.nagaribatutaba.blogspot.com/ START -->
<style>
#hcl {
position:fixed;
top:50px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguNLh2m2fqq5L4FNQ8sbic4Lq8tQxD09RT6Y911cxpO3kH1Qy8-e4eWPwHD-0JdbcijROEUjzmxmya44gd3UwCZXnlDX7DrgoDXqaqBqbpif36DzpzRS9qgfbomHwSvwiEdgEPUGdk3NU/s1600/cbred-LEFT+copy4545.png') no-repeat;
}
.hclcontent {
float:left;
border:6px solid #e08200;
background:#ffffff;
padding:5px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">
Ganti Tulisan Ini Dengan Script Facebook Atau Widget Lain
<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href=http://www.nagaribatutaba.blogspot.com/ target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left/right hidden chatbox by http://nagaribatutaba.blogspot.com/ END -->
5. Ganti tulisan Yang berwarna merah dengan script facebook anda.
6. Yang terakhir simpan. lalu lihat tampilan blog anda sekarang
Ket :
background:url bisa anda ganti dengan background anda sendiri
border atau garis tepi bisa anda ganti dengan warna kesukaan anda
background bisa anda ganti juga dengan warna kesukaan anda
MENAMPILKAN POST BLOG DI FACEBOOK
Bagi peblogger yang memiliki akun Facebook , sebaiknya menggunakan kesempatan ini untuk mempublikasika postingan blog anda pada Facebook.
Apalagi kalau anda memiliki banyak teman diFacebook, dan postingan anda memiliki daya tarik, sehingga teman-teman anda itu akan langsung menuju blog anda, maka dengan sendirinya akan menambah traffik blog anda.
Caranya mudah, ikuti langkah-langkah dibawah ini :
1. Masuk ke Facebook dengan akun anda
2. kemudian dimenu pencarian ketik MIRROR BLOG
Lihat gambar :
3. Klik tombol Lihat aplikasi maka akan muncul gambar :
4. Klik Izinkan.
5. Setelah itu anda akan dibawa kemenu Mirror blog
6. Kemudian anda centang Ikon Blogger "I have a blog on Blogger.com" seperti pada gambar dibawah :
7. klik continue
8. Silahkan masukkan email dan password yang bisa digunakan untuk masuk ke Blogger anda pada kotak yang tersedia. Klik Continue. Lihat Gambar :
9. jika anda memiliki blog lebih dari satu, berikutnya anda dikasih pilihan, blog mana yang akan ditampilkan. silahkan anda pilih kemudian klik Continue.
Lihat gambar :
10. Selanjutnya muncul tulisan , "Congratulation! Your Mirror Blog is ready for use!" Klik Done. Pada langkah ini berarti anda telah berhasil memasukkan postingan blog anda pada Facebook. Lihat gambar :
Selesai...Selamat mencoba, semoga bermanfaat
Cara membuat Scroll pada widget
Tanpa basa basi lagi para blogger....
1. Login ke Blogger
2. Klik Rancangan → Edit HTML
3. Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode widget yang akan kita beri scroll na,kali ini saya akan menggunakan widget
feedjit seperti pada gambar dibawah ini :
untuk mencari letak widget tersebut anda tinggal memilih menu Edit dimana widget tersebut terletak maka akan tampil
tanda yang berwarna merah adalah dimana letak dimana widget tersebut.
setelah itu cari kode ]]></b:skin> Copy kode dibawah ini dan Paste di atasnya kode tadi :
Simpan Template......
Contoh lainnya jika ingin memasang kan scroll pada widget lain tinggal ganti Kode id berwana biru (HTML8)nama id tersebut silahkan sesuaikan dengan template kawan-kawan....
Selamat mencoba.............
Automatik Readmore Dengan Thumbnail Untuk Blogspot
para blogger mungkin sudah tau dengan menu yang satu ini...ya READ MORE adalah suatu sambungan halaman sebuah postingan didalam blog anda...
disini saya akan membahas Menu READ MORE dengan Thumbnail...
ok tanpa banyak basa basi lagi langsung ja dewh...
Masuk kemenu Blogger:
maka akan tampak menu seprti gambar dibawah ini
Kemudian Klik Tab Design :
dan akan keluar menu seperti gambar dibawah ini
Klik Tab Edit HTML
Jangan lupa Beri tanda centang di Expand Widget Templates
Setelah itu Cari kode ini </head>,seperti dibawah:
]]></b:skin>
</head>
<body>
Salin kode dibawah ini dan pastekan diatas </head>
Cari kode <data:post.body/> ini, rujukkan seperti dibawah. Bila sudah jumpa delete/buang kode tersebut.
Salin kode dibawah ini dan pastekan di tempat <data:post.body/> yang telah didelete/buang tadi.
Catatan:
summary_noimg = 430; - Jumlah karakter/huruf yang ingin dipaparkan
summary_img = 340; - Jumlah karakter/huruf yang ingin dipaparkan jika ada thumnail
img_thumb_height = 100; - Ketinggian thumbnail
img_thumb_width = 120; - Lebar thumbnail
Baca Selanjutnya - Boleh ditukar mengikut kesesuaian anda.
Save template dan View Blog
Memilih Template
Bagi sobat yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu sobat lakukan adalah memilih template. Sekilas tentang template Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.
Seperti yang sobat lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang sobat lihat sekarang adalah salah satu bentuk dari desain template. Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang. Hmmm.. kayanya cukup deh pembahasan tentang apa itu template, keburu bosan kalau lama-lama….Sekarang langsung aja ke topik utama, yaitu langkah-langkah pemilihan template di blogger.com :
* Silahkan sobat login terlebih dahulu seperti biasa dengan memakai user name milik anda ( jangan milik saya….emang nya sampeyan mau jadi hacker ya
* Klik "Tata Letak" (bila sobat menggunakan blogger baru) atau klik "Template" (bila sobat menggunakan template classic).
* Klik "Pick New Template", silahkan sobat pilih template yang sobat suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling sobat sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, selesai. :
Mungkin sobat pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri. Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com silahkan klik disini
Cara Setting Blog
Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :
1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :
* Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial
* Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog
* Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.
* Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya
* Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya
* Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa
* Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)
* Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya
* Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)
* Klik tombol Simpan Pengaturan . Selesai
4. Klik Publikasi untuk mengatur menu Publikasi :
* Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.
* Klik tombolSimpan pengaturan. Selesai
5. Klik Format untuk mengatur menu format :
* Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.
* Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.
* Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.
* Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.
* Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.
* Bahasa ⇒ Pilih bahasa yang di inginkan.
* Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa
* Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.
* Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa
* Klik tombol Simpan Pengaturan. Selesai
6. Klik Komentar Untuk mengatur menu komentar :
* Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung
* Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.
* Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.
* Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.
* Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.
* Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.
* Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.
* Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).
* Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.
* Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.
* Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.
* Klik tombol Simpan Pengaturan. Selesai
7. Klik Arsipkan Untuk mengatur menu Arsipkan :
* Frekuensi Arsip ⇒ pilih Bulanan.
* Aktifkan Halaman Posting? ⇒ pilih ya.
* Klik tombol Simpan Pengaturan . Selesai.
8. Klik Fedd Situs untuk mengatur menu feed situs :
* Izinkan Feed Blog ⇒ pilih Penuh.
* Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.
* Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.
* Klik tombol Simpan Perubahan. Selesai.
Panduan membuat Blog di Blogspot
Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.
1. Apa itu Blog ?
Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.
Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan.
Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.
2. Cara membuat blog
Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.
Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com
anda buka situs www.blogger.com
Setelah anda berada pada situs blogger.com,Silahkan lakukan langkah-langkah berikut ini :
1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "
2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)
3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email
4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password
5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)
6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan
7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.
8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"
9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog
10. Tulis nama situs anda pada form Alamat Blog (URL)
11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".
12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"
13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".
Membuat Banner Animasi
Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa.
Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.
bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.
