Demo Blog
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Optimasi Speed Blog

by Rie tag : ,

Sudah bukan rahasiah lagi, jika kecepatan loding blog merupakan salah satu kunci untuk mengundang dan kenyamanan bagi pengunjung. semakin cepat di akses akan semakin memudahkan pengunjung untuk terus menikmati isi blog. Namun kemarin ini, gosip-nya kecepatan loding halaman situs akan di masukan juga menjadi salah satu acuan faktor peringkat dari kurang lebih 200 peringkat faktor-faktor algoritma sistem google. Dan masih menurut gosip juga, acuan ini akan di berlakukan pada tahun 2010 nanti. jika di hitung dari hari ini, mungkin sekitar dua bulan lagi. Untuk menguji berapa speed  dari blog anda, bisa mencobanya dengan speed test blog ini.

Oleh karena itu, keputusan yang bijaksana terutama bagi teman-teman yang lebih fokus dan mengkhususkan blog-nya dalam peringkat di indek google agar mulai berbenah memperbaiki seluruh komponen blog, seperti : gambar, stylesheet, script atau flash. dan mempertimbangkan pengaya (pernak-pernik), mana yang bermangfaat dan mana yang hanya sekedar gaya saja ?. mana yang perlu di pertahankan dan apa saja yang perlu di hilangkan.

Dan saran saya untuk optimasi speed blog jangan lupa gunakan Yslow performance - addons firefox dari Yahoo atau Page speed – addons firefox dari Google. karena selain untuk menganalisa seberapa cepat waktu tunggu sebuah situs, keduanya merupakan tool yang sangat bagus untuk optimasi speed web/blog. 
2 komentar Selengkapnya »

Pasang Profil Facebook di Blogger

by Rie tag : ,


Facebook seperti yang sudah anda kenal merupakan media yang bisa menghubungkan anda dengan banyak orang diseluruh dunia selain friendster yang kita kenal sebelumnya, widget profile Facebook seperti diatas bisa anda pasang diblog anda untuk mengajak pengunjung anda mengenal lebih jauh anda, untuk pasang widgetnya silahkan ikuti langkah-langkah berikut:

1. Login ke facebook anda
2. Klik menu Profile
3. Lihat pada bagian kiri bawah klik "create a Profile Badge/ Buat LencanaProfil"
4. klik tulisan create badge
5. kemudian akan muncul halaman yang berisi:
  • Layout : silahkan pilih vertikal atau horizontal tergantung space pada blog anda
  • Image : Javascript untuk aplikasi blogspot dan image untuk semua blog
  • Items : Silahkan pilih item yang akan anda masukkan ke widget profile facebook and
  • Kemudian Save

6. Kemudian akan muncul kode scriptnya, silahkan dicpy paste ke element halaman blog anda dengan cara seperti biasa Layout-->Add Gadget-->Javascript/HTML-->Save

Sekarang anda bisa memperluas jaringan anda bersama facebook dan blog anda,

Selamat mencoba ya dan semoga berhasil!!!
3 komentar Selengkapnya »

Cara Mendaftar di eXTReMeTracking.com

by Bg dani tag : ,

Cara Mendaftar di eXTReMeTracking
eXTReMe Tracking merupakan layanan traffic tracking yang sangat luar biasa, sehingga sangat disukai oleh banyak blogger terutama bagi blogger indonesia. Layanan ini bisa diperoleh dengan gratis maupun berbayar (tentunya fasilitasnya akan lebih baik). Sayangnya, layanan ini sudah tidak menerima lagi pendaftar dari Indonesia. Mungkin karena semua pengguna Indonesia hanya suka yangg gratisan, dan jarang sekali untuk mengupgrade keanggotaan jadi berbayar. Sehingga akhirnya pihak eXTReMe Tracking memutuskan menutup pendaftaran bagi blog / web yang berasal dari Indonesia. Setiap kali anda berusaha mendaftar dengan klik pada "Get Your Free Tracker Code" maka akan langsung ditolak.



Untuk mengakali supaya Anda bisa mendaftra di eXTReMe Tracking, ikuti tips dan trik berikut ini:
  • Silahkan anda gunakan Anonymous proxy, bisa di cari di search engine google dengan kata kunci "anonymous proxy".
  • Atau bisa juga Anda menggunakan link berikut untuk mendaftar di extremetracking.com seperti, www.youhide.com, www.zend2.com.
  •  Masukkan alamat yang anda tuju, dalam hal ini extremetracking.com kedalam form, kemudian klik ‘GO!’
  • Anda kemudian akan masuk ke halaman extremetracking.com, tapi berada dalam anonymous proxy tersebut.
  • Selanjutnya silakan klik link ‘Get Your Free Tracker Code” untuk mendaftar !
  • Dan akhirnya anda bisa mendaftar di extremetracking.com
  • Pilih nama account dan password yang masih tersedia (max delapan huruf atau angka)
  • Setelah terdaftar, Anda akan mendapatkan script code yang siap anda copy paste di blog Anda.
  • Untuk memasangnya bisa anda lihat di sini.
Semoga bermamfaat dan selamat mencoba.
0 komentar Selengkapnya »

Cara Membuat Slide Album Foto Pada Blogger

by Bg dani tag : ,

Untuk mengetahui trik pembuatan slide album foto di blog,  blogspot menyediakan gadget yang berfungsi untuk membuat slide album foto pada blog kita. Namun, menurut saya gadget ini lebih sederhana jika dibandingkan dengan slideshow yang kita buat dari www.slide.com, sebab tampilan slide foto yang kita dapatkan dari situs www.slide.com tersebut bisa kita customize sesuai kehendak kita mulai dari tipe slide, ukuran, animasi, dan lain-lain. Meskipun demikian, tidak ada salahnya jika kita mencoba gadget slide album foto blogspot ini, sebab kesederhanaan biasanya indentik dengan kemudahan dalam pengaplikasiannya. Berikut langkah-langkah menambah album foto pada blogger:
  1. Login pada akun Blogspot Anda
  2. Klik link menu Tata Letak pada halaman dasbor. Pastikan Anda berada pada sub tab menu Elemen Halaman
  3. Klik link Tambah Gadget pada bagian dimana pembaca ingin memasang slide album foto tersebut
  4. Akan muncul window Tambahkan Gadget yang berisi daftar gadget yang bisa kita tambah. Silahkan cari dan pilih gadget Tampilan Slide

  5. Berikut pengaturannya:
    Judul :
    Isi dengan nama slide foto Anda.
    Sumber :
    • Album Web Picasa. Album ini merupakan album gambar yang telah Anda masukkan pada pada blogspot pembaca misalnya ketika menulis posting. Silahkan klik http://picasaweb.google.com untuk melihat album Anda.
    • Flickr. Flickr merupakan situs yang menyediakan tempat menyimpan foto dan video. Untuk mendapatkan layanan ini, silahkan daftar atau login menggunakan Yahoo ID Anda di www.flickr.com.
    • Photobucket. Ini hampir sama dengan flickr dimana kita bisa menyimpan foto dan video secara online pada situs tersebut. Untuk mendapatkan layanan ini silahkan register di www.photobucket.com
    • Lainnya. Sumber selain yang 3 diatas.
    Pilihan :
    Memilih apakah berdasarkan kata kunci atau berdasarkan album
    Buka link di jendela baru:
    Centang jika ingin foto dibuka pada jendela baru ketika diklik
  6. Sebagai contoh kita menambah slide foto menggunakan Album Web Picasa
    Judul: beri judul slide album
    Sumber : pilih "Album Web Picasa".
    Pilihan : pilih "Album"
    Nama Pengguna : masukkan ID akun Google pembaca. Misalkan akun Google pembaca adalah kampanye@gmail.com, maka isikan "kampanye"
    Album : pilih album yang terdapat pada Album Web Picasa Anda. Perlu diperhatikan bahwa album yang muncul pada list tersebut adalah album yang diperuntukkan untuk "Public". Untuk melakukan pengaturan tersebut, silahkan masuk terlebih dahulu pada http://picasaweb.google.com (masuk menggunakan akun Google Anda). Klik tab "My Photos", setelah itu klik album yang ingin Anda atur parameternya.
    Klik menu "Edit" kemudian pilih sub menu "Album Properties" sehingga akan muncul jendela "Edit album information".
    Lihat dibagian paling bawah, akan ada pilihan "Visibility for this album". Silahkan pilih "Public". Kemudian klik tombol Save changes
  7. Pratinjau album akan terlihat pada jendela tambah gadget tersebut.
  8. Klik tombol SIMPAN
Selamat mencoba.
2 komentar Selengkapnya »

Membuat Buku Tamu Melayang

by Bg dani tag : ,



Pernah tidak melihat sebuah blog yang di samping kanan atas ada tulisan Buku Tamu dengan background hijau, yang kalau diklik akan keluar form isian yang menanyakan Nama, Website dan Message. Buku Tamu tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap nampak. Mau tahu caranya?

  1. Sign in ke blogger dan silahkan Login dengan Account Anda

  2. Pilih Layout/Tata Letak

  3. Pilih Page Elemen/Elemen Halaman

  4. Klik Add a Gadget/Tambah Gadget

  5. Lalu pilih "HTML/JavaScript"

  6. Kemudian Copy-Paste kode di bawah ini :

    <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBf4qxpgam0Et19delMJbcAJjSo-dfHNV_OovKnRTJNpLrcUm51rkdj7raCRSUgInFjYG8HEIfq7BErlPsg685Fhr2j7QOdyykycbNREqXX1Mqluz2sCLYu5bUCm5KnC8wVEX-Mvge0JLw/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe title="m4n0" src="http://www6.shoutmix.com/?id" width="160" height="400" frameborder="0" scrolling="auto">
    <a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
    </iframe>
    <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
    <!-- End ShoutMix -->

    <br/>
    Anda berminat buat Buku Tamu seperti ini?<br/>
    Klik di
    <a href="http://sman11pku.blogspot.com/2009/11/membuat-buku-tamu-melayang_02.html">
    sini </a>

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>

    </div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

    CATATAN :
  7. Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix

  8. Icon Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di background.

  9. Selamat Mencoba
1 komentar Selengkapnya »

Membuat Teks Area

by Bg dani tag : ,

Sobat semua pasti tau dengan Teks Area kan,masa hari gini ngak tahu ama teks area, ituloh kotak yang didalamnya berisi kode teks atau tulisan,biasanya teks area ini digunakan untuk menyimpan kode2 HTML agar bisa dicopy oleh para pengunjung yang biasanya digunakan untuk tukeran link dengan Blogger lainnya





Untuk membuat teks area seperti diatas, silahkan copy code dibawah ini:

<textarea rows="2" wrap="off" style="width: 200px; font-size: 11px;" onclick="select()">
masukkan text atau kode html yang akan dimasukkan ke dalam text area
</textarea>

rows="2" ganti tingginya sesuai keinginan anda
width: 200px ganti lebar sesuai keinginan anda
0 komentar Selengkapnya »

Pasang Google Translator di Blog

by Bg dani tag : ,

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho.
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.


5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :

0 komentar Selengkapnya »

Membuat Shoutbox di Blogger

by Bg dani tag : ,

Anda bisa menambahkan shoutbox pada blog anda, shoutbox ini bisa digunakan untuk meninggalkan testimonial, dan testimonial ini langsung bisa tampil di blog kita, tanpa harus melalui proses approval.

Berikut adalah cara-cara menambahkan shoutbox di wordpress dengan menggunakan ShoutMix.

1. Lakukan registrasi di Shoutmix.com

2. Biasanya untuk aktifasi ini, membutuhkan verifikasi. Sehingga anda bisa cek email yang anda daftarkan untuk memperoleh user dan passwordnya.

3. Jika anda sudah mendapat user dan password, silakan anda login.

4. Setelah anda sukses login, silakan pilih menu Display -> Style & Colors. Disini anda bisa set warna dan style shoutbox yang akan anda tampilkan.

5. Jika anda sudah selesai meng-edit style dan warnanya, silakan anda SAVE

6. Selanjutnya pilih Menu Quick Start -> Get codes, lalu pilih Placed shoutbox on webpage. Copy Script shoutbox anda.

7. Langkah selanjutnya, silakan anda masuk ke Tata Letak > Element -> Tambah Widget.

8. Dalam step ini, anda harus memilih HTML/JavaScript.

9. Jika sudah add, silakan masukkan script yang telah anda copy. Lalu Simpan.

0 komentar Selengkapnya »

Upload Gambar dan Foto Profil

by Bg dani tag : ,

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :
  1. Login seperti biasa dengan id anda

  2. Klik Posts

  3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)

  4. Klik toolbar yang bergambar seperti ini

  5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right.
  6. Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large

  7. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula

  8. Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.

  9. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar

  10. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai

  11. Klik Tombol Done untuk mengakhiri proses upload

Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.

Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

  1. Setelah upload gambar, klik menu Dasboard

  2. Klik menu Edit Profile

  3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]

  4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia

  5. Selesai
Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://photobucket.com. jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH. Selesai, selamat mencoba.
0 komentar Selengkapnya »

Membuat Tampilan Gambar Animasi Link Blogger

by Bg dani tag : ,



Langkah-langkah sebagai berikut:
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

#Animasi_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="
Animasi_pojok">
<a href="http://sman11pku.blogspot.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ZyDw9iOPSFfE-Z3djGpCwL8EQ8DWWI9xehz3ql8WLoBwxJ2pChEm79Wp_nFaPNLppWvHh2HYpMe_MyErzkUReJK5nCDAVcm6t5WpmA8SLUJE4n-S6jCdhpI-KABKJOG9Nlpw7I0G9dU/s320/SMAN+11.png" border="0" /></a>
</div>

"http://sman11pku.blogspot.com" adalah link/url ganti dengan link kamu.
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ZyDw9iOPSFfE-Z3djGpCwL8EQ8DWWI9xehz3ql8WLoBwxJ2pChEm79Wp_nFaPNLppWvHh2HYpMe_MyErzkUReJK5nCDAVcm6t5WpmA8SLUJE4n-S6jCdhpI-KABKJOG9Nlpw7I0G9dU/s320/SMAN+11.png" adalah lokasi gambarmu, ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.
1 komentar Selengkapnya »

Membuat Read More di Blogger

by Bg dani tag : ,

Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.

Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.

Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang.

Langkah-langkahnya sebagai berikut:

1. Sign in / login di blogger dengan username Anda
2. Klik menu layout
3. Klik Edit HTML
4. Beri centang Expand Template Widget
5. Sisipkan kode berikut sebelum </head> atau setelah ]]></b:skin>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

6. Selanjutnya cari <p><data:post.body/></p> , kemudian selipkan kode berikut sesudah tag tadi:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More...</a>
</b:if>

7. Kemudian simpan template
8. Setelah tersimpan, klik menu Pengaturan kemudian klik Format
9. Nah, setelah masuk.. pada kotak isian paling bawah isi dengan kode:
<span class=�fullpost�>

</span>

10. Kemudian klik simpan pengaturan
11. Selesai

Selanjutnya cara penulisan posting agar artikel terpotong adalah sebagai berikut:

1. Klik menu posting
2. Klik menu Edit HTML
3. Kemudian tulislah artikel anda dengan syntax:Artikel yang ada di awal/headline <span class="fullpost"> artikel sisa sampai selesai </div>
4. kemudian klik mempublikasikan posting
5. selesai

Sekarang lihat perubahannya !!!
0 komentar Selengkapnya »

Cara Memposting Artikel

by Bg dani tag : ,

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri

--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:
  1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.

  2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).

  3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.

  4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.

  5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.
0 komentar Selengkapnya »

Mengatur Hurup dan Warna

by Bg dani tag : ,

Untuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")
  1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai

  2. Text Color --> pengaturan warna hurup dari posting-an

  3. Link Color --> pengaturan warna hurup yang di link

  4. Blog Title Color --> pengaturan warna hurup judul Blog

  5. Blog Description Color --> pengaturan warna hurup deskripsi blog

  6. Post Title Color --> pengaturan warna hurup judul posting-an

  7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah

  8. Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)

  9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)

  10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link

  11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar

  12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan

  13. Blog Title Font --> pengaturan jenis hurup Judul blog

  14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog

  15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )

  16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai
Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.
0 komentar Selengkapnya »

Mengganti Template Blogger

by Bg dani tag : ,

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 di sini

0 komentar Selengkapnya »

Cara Setting Blog

by Bg dani tag : ,

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.
0 komentar Selengkapnya »

Panduan Membuat Blog

by Bg dani tag : ,

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, Silahkan anda klik gambar dibawah untuk mendaftar.
ciptakan blog sekarang juga


Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. 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".
3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.
0 komentar Selengkapnya »

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Komentar Masuk