Bagaimana CARA BUAT BLOG ? yupzzss dalam postingan kali ini saya akan membahas bagaimana Cara buat blog di blogspot. sebelum Membuat Blog tentunya kamu sudah tau apa itu blog kan ? jika belum tau saya akan menerangkan sedikit apa itu blog,blog sebetulnya adalah merupakan salah satu bentuk website yang bisa dibuka melalui web browser .sebelum kita praktek Bikin Blog Di Blogspot saya akan menjelaskan knapa harus Buat Blog Di Blogspot ? jawabanya adalah karena blogspot/blogger adalah penyedia blog gratisan satu-satunya yang menyediakan fasilitas berbasis GUI (Graphicai User Interface) atau antar muka grafis untuk menambah aksesoris didalam blog .dan fasilitas ini tidak dimiliki penyedia blog gratisan lainya. Silakan ikuti langkah-langkah CARA BUAT BLOG Berikut ini :
1.Silakan Klik http://www.blogger.com
2.Setelah halaman blogger terbuka silakan klik tanda panah yang ada tulisan Ciptakan Blog Anda
3.Setelah itu isi formulir pendaftaran pembuatan blog seperti :
-Alamat Email isikan dengan alamat email.
-Ketik ulang alamat email isi lagi dengan alamat email yang tadi kamu masukkan.
-Masukan sebuah password Isikan dengan password email kamu.
-Ketik ulang sandi Isi lagi dengan password yang tadi.
-Nama TampilanIni adalah nama tampilan blog kamu .isikan dengan apa saja bisa juga dengan nama kamu .
-Verifikasi kata ketikan huruf-huruf yang ada pada gambar.
-kemudian beri tanda centang pada gambar.
4.Kemudian klik "Lanjutkan"
5.Pada langkah ke 2 ini adalah langkah untuk pemberian nama dan link URL atau alamat blog kamu.
6.Isikan kotak teks Judul Blog dengan judul blog yang kamu inginkan.
7.Isikan Blog ULR dengan alamat blog yang kamu inginkan, misalnya aja http://ajisgagap.blogspot.com
8.Kemudian klik "lanjutkan"
9.Langkah selanjutnya adalah memilih template. setelah kamu memilih template silakan klik "lanjutkan"
10.Langkah terakhir adalah akan muncul pemberitahuan bahwa blog kamu sudah jadi.
11.Klik tanda panah "Mulai Blogging" Untuk memulai mengisi artikel blog kamu.
12.selesai............
Tampilkan postingan dengan label BLOGING. Tampilkan semua postingan
10 Website Penyedia Blog Gratis Terpopuler
Mungkin Anda sudah sangat familiar dengan
yang namanya BLOG!, ya blog itu sendiri sekarang menjadi trend bagi para
pengguna internet, dimana pada blog seseorang bisa menginformasikan
banyak hal baik itu tentang kegiatan sehari-hari (semacam diary online),
atapun menginformasikan banyak hal seputar kehidupan dan trend saat
ini.
Jika ditanya blog, tentu tidak terlepas
dari peran website penyedia blog nya itu sendiri, dan tentunya yang
bersifat gratis. Banyak sekali provider blog yang
memberikan layanannya secara gratis sebut saja Blogger.com, atau
wordpress.com, dua website tersebut sudah sangat familiar dikalangan
blogger dan netter, namun masih banyak orang yang belum mengetahui kalo
sebenarnya masih banyak website penyedia blog gratis lainnya. dan mungkin juga Anda? ok pada postingan ini saya akan coba tuliskan daftar 10 website penyedia blog gratis terpopuler saat ini :
1. Blogger.com
3. Blogsome.com
4. Multiply.com
10. weebly.com
Tertarik mecoba semuanya? coba saja soalnya gratis sih 
.. ok semoga bermanfaat ya, tetep kerja keras adalah energi kita 
.. ok semoga bermanfaat ya, tetep kerja keras adalah energi kita
sumber: www.ihsanfirdaus.com
10 Website Penyedia Blog Gratis Terpopuler
Apa itu blog?
Kamu sering denger kata-kata blog tapi gak tau itu apa? Kamu kepingin punya blog biar dianggep gaul dan trendy tapi gak tau itu apa? Kamu ikut-ikutan bikin blog di frenster tapi gak tau itu apa? Kamu udah punya blog tapi masih juga gak tau blog itu apa? Mari kemari, baca artikel ini biar kamu engga go-blog.
Okey, pertama-tama saya rasa kalau kamu emang cukup niat untuk mencari tau blog itu apa mungkin sudah cari disana sini, lewat google, atau kalau kamu lebih kawakan pasti udah nyari di wikipedia. Tapi kalau kamu males baca bahasa inggris atau kamu lebih seneng ngecengin pacar kamu saat pelajaran inggris di sekolah kamu dan nilai kamu je-blog, kamu bisa baca artikel dari Enda Nasution, a.k.a bapak blog endanasution (baca: Indonesia, hehe) tentang Apa itu Blog?
Jadi, apa itu blog? Well, untuk singkatnya, blog adalah sebuah medium untuk penyampaian informasi dengan menggunakan jaringan internet, dengan cara yang lebih egaliter dan dengan semangat globalisme, karena informasi gak cuman milik media mainstream aja, setiap individu juga bisa menyampaikan suaranya, yang sering kali lebih cepat, bebas dan variatif karena tidak berada dibawah suatu jaringan korporat. Bisa dibilang blog adalah New Media for Information and Culture. Kehadiran blog sebagai sumber informasi baru sudah mulai menunjukan signifikansinya karena para pembacanya membutuhkan informasi yang mungkin tidak terdapat di media mainstream dan untuk mendengar suara-suara yang selama ini belum terdengar tanpa kehadiran jaringan internet. Atau dalam kata lain kalo kamu kepingin mencari tau tentang sesuatu yang agak sulit di cari di media mainstream, kemungkinannya akan sangat besar kamu akan mendapatkannya lewat blog seseorang, kalo gak dapet, yah bikin sendiri aja.
Lalu dari informasi itu apakah yang bisa disampaikan? Yang ini juga, tergantung sih sebenernya. Dari pelakunya, tujuan dia nge-blog, dan bentuk informasinya. Contoh yang paling umum bagi para blogger pemula. Kamu nulis diary atau jurnal kamu secara online, trus curhat deh sebanyak-banyaknya tentang diputusin pacar, pedekate sama orang, maki-maki orang, atau cuman nulis lirik lagu orang, masukin buletin board atau junk mail yang mengharukan, dst. dst. Tapi apakah ternyata kamu cuman sampai disitu doang? Kalo iya, berarti blog kamu adalah seperti istilah blog yang di deskripsikan oleh Roy Suryo, seorang yang katanya adalah pakar IT di Indonesia tapi bahkan terlalu malu untuk mengakui kalo dirinya gak bisa pake frenster:
Blog itu satu tren saja. Jadi, seperti agenda yang bisa ditulisi macam-macam. Saya melihat blog sendiri kebanyakan masih berupa katarsis atau tempat curahan emosi.Atau, kamu sudah lebih maju setahap dan mengerti kalo gak semua orang mau baca curhatan kamu kecuali pacar kamu. Kamu mulai nulis secara rutin tentang ide-ide, hasil karya naratif, hal-hal yang menarik dari keseharian kamu dan lingkungan sosial, pendapat kamu tentang hal-hal yang terjadi di sekitar kamu, dokumentasi, de el el. Atau juga kamu menarik link-link kepada halaman/informasi yang menurut kamu menarik untuk dibaca, dan memberitahukannya lewat blog kamu, jadi istilahnya kamu sudah mempermudah orang lain untuk mencari informasi dengan menjaringnya, atau membuat penjelasan sendiri, yah, seperti artikel ini juga hehehe. Lebih baik lagi bahkan, kalau kamu sudah bisa mempublikasikannya kepada orang lain secara global, mungkin dengan bridge-blogging, dan membuat orang lain yang nun jauh di ujung lain dunia ini tau tentang apa yang ada di sudut lain dunianya.
Tentu saja, kita tidak bisa mengkotak-kotakkan yang ini blog yang ini bukan. Blog adalah sebuat istilah yang cair. Intinya, jika ada tulisan yang dibuat di media internet, dan disusun secara kronologis-terbalik (yang paling baru yang duluan muncul), dan di-archive, dan di update secara rutin, udah bisa disebut blog. Penulis blog pun bisa individual, group, dan korporat, tergantung dari tujuannya membuat blog. Jika yang nge-blog itu sebuah perusahaan, tentunya isi blognya adalah berita seputar pengumuman produk, servis dan aktivitas perusahaan yang dianggap perlu untuk di publikasikan. Jadi apakah portal berita seperti kompas atau cnn bisa disebut blog? Kembali lagi, istilah ini bukan digunakan untuk mengkotak-kotakkan atau mengkategorikan sesuatu, jadi selama esensi blog hadir disana, ya, situs tersebut bisa dibilang cukup blog, terlepas dari sisi mainstream atau independen.
Kalo kamu ngaku-ngaku masih punya semangat "DIY" then go for it. Daripada DIY itu jadi sekedar jargon yang basi dan membuat kita terlena unproduktif. Cukup memprihatikan juga kalo ngeliat pengguna internet awam indonesia menguasai sebagian besar jumlah user di frenster tapi kurang melek untuk budaya internet yang baru ini. Tolong lah, internet itu bukan sekedar buka frenster doang, atau cetting, atau ngirim2 junkmail ke orang-orang tak berdosa, atau debat-debat kusir di forum.
Apa itu blog?
Khusu buat sobat blogger pemula yang ingin mengganti icon address bar, sobat bisa menggantinya dengan gambar sesuai dengan keinginan sobat.
Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain-lain) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).
Berikut cara memasangya:
Login ke Blogger klik Ramcangan klik Edit HTML kemudian cari kode </head>
Jika sudah ketemu copy paste kode berikut di atasnya
Keterangan : Url gambar diatas bisa sobat ganti dengan Url gambar milk sobat.
Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain-lain) dengan ukuran kira-kira 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat).
Berikut cara memasangya:
Login ke Blogger klik Ramcangan klik Edit HTML kemudian cari kode </head>
Jika sudah ketemu copy paste kode berikut di atasnya
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2yftn8CM0-Z0UAcAgDeoti_UIqDEMqThu08SZp1fcT0wRQD0-ZQmnJHQhlzy39_cYCXQtWTChBQGqqgI3EtWfTyVx6LGXg9wK09Z07vr7sJGy647fXP-7gcqzAyKxtooI69vGOCij98/s1600/shortcut_icon.gif' rel='shortcut icon'/>
Keterangan : Url gambar diatas bisa sobat ganti dengan Url gambar milk sobat.
Cara Mengganti Icon pada Address Bar
Postingan sebelumnya saya sudah membahas bagaimana Cara Membuat Pesan Pembuka pada Blog
untuk kali ini saya akan mencoba membuat Alert di blog tapi sebagai penutup. Efek ini akan muncul apabila pengunjung atau kita sendiri menutup jendela blog kita, otomatis akan muncul kotak Alert.
Langsung saja kita paraktekkan cara membuatnya:
Login ke Blogger klik Rancangan klik tab Edit HTML.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian cari kode </head>
Jika sudah ketemu tambahkan kode script berikut dibawahnya
Keterangan : Tulisan yang berwarna biru bisa sobat ganti dengan tulisan/kata-kata yang sobat inginkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba
untuk kali ini saya akan mencoba membuat Alert di blog tapi sebagai penutup. Efek ini akan muncul apabila pengunjung atau kita sendiri menutup jendela blog kita, otomatis akan muncul kotak Alert.
Langsung saja kita paraktekkan cara membuatnya:
Login ke Blogger klik Rancangan klik tab Edit HTML.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian cari kode </head>
Jika sudah ketemu tambahkan kode script berikut dibawahnya
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Terima Kasih');
}
parent.window.onunload=goodbye;
</script>
// goodbye alert
function goodbye(){
alert('Terima Kasih');
}
parent.window.onunload=goodbye;
</script>
Keterangan : Tulisan yang berwarna biru bisa sobat ganti dengan tulisan/kata-kata yang sobat inginkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba
membuat pesan penutup blog
Postingan kali ini saya akan menjelaskan bagaimana Cara Membuat Pesan Pembuka pada Blog.
Maksudnya adalah kotak yang akan muncul sebelum loading page blog, jika ada yang tertarik untuk mencoba
Langsung saja kita praktekkan:
Login ke Blogger klik Rancangan klik tab Edit HTML.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian cari kode </body>
Jika sudah ketemu tambahkan kode script berikut diatasnya
Keterangan : Tulisan yang berwarna biru bisa sobat ganti dengan tulisan/kata-kata yang sobat inginkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba
Maksudnya adalah kotak yang akan muncul sebelum loading page blog, jika ada yang tertarik untuk mencoba
Langsung saja kita praktekkan:
Login ke Blogger klik Rancangan klik tab Edit HTML.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian cari kode </body>
Jika sudah ketemu tambahkan kode script berikut diatasnya
<script language="JavaScript">alert("Selamat Datang");</script>
Keterangan : Tulisan yang berwarna biru bisa sobat ganti dengan tulisan/kata-kata yang sobat inginkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba
membuat pesan pembuka blog
Cara Import dan Transfer Data Blog dari Blogger ke WordPress
berikut ini kami akan menjelaskan tata cara bagaimana Import Data Blogger anda ke atau dipindahkan ke Blog WordPress pada WordPress.com atau WordPress Script pada hosting anda dengan mudah. atau dengan katalain memindahkan data dari blogger ke wordpress. ikuti langkah-langkah berikut:
- Untuk awal, bukalah blogger { kami menggukankan blogger dalam Bahasa Indonesia } serta wordpress admin anda
- lalu jika anda sudah masuk dan berada dalam Blogger admin anda silakan masuk pada halaman Pengaturan Blogger.
- jika sudah masuk pada halaman Pengaturan pada Blogger silakan anda klik atau pilih link Ekspor Blog dan anda akan dibawa ke halaman Ekspor Blog Blogger lalu anda klik Unduh untuk mengUnduh atau download semua data pada blogger anda lalu simpan baik-baik file tersebut.
Halaman Ekspor Blogger
Halaman Unduh Blogger
- lalu beralih ke ke WordPress, silakan anda masuk kedalam wordpress admin anda, lalu pilih Tools atau Perkakas ( WordPress dalam bahasa Indonesia }.
- jika sudah masuk silakan anda pilih menu Import, lalu pilih Link Blogger (Impor tulisan, komentar dan pengguna dari sebuah blog Blogger.)
- pada halaman Impor Blogger pada halaman Import WordPress silakan anda pilih berkas data blogger sebelumnya yang sudah anda unduh untuk di upload, jika sudah silakan anda klik unggah.
- selesai!! dan selamat semua data Impor tulisan, komentar dan pengguna dari sebuah blog Blogger anda sudah berpindah ke dalam Blog WordPress baru anda.
selamat mencoba 
Cara Import dan Transfer Data Blog dari Blogger ke WordPress
1. Login ke blogger
2. Click Design
3. Click Edit HTML
4. Click Expand Widget Templates
5. Cari kode </head>
6. Copy kode di bawah ini dan simpan di atas </head>
<script type=’text/javascript’>
var thumbnail_mode = “float” ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type=’text/javascript’>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
visit http://anakciremai.com to get more trick blogger
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(“>”)!=-1){
s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);
}
}
strx = s.join(“”);
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=’ ‘ && strx.indexOf(‘ ‘,chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+’…’;
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = “”;
var img = div.getElementsByTagName(“img”);
var summ = summary_noimg;
if(img.length>=1) {
imgtag = ‘<span style=”float:left; padding:0px 10px 5px 0px;”><img src=”‘+img[0].src+’” width=”‘+img_thumb_width+’px” height=”‘+img_thumb_height+’px”/></span>’;
summ = summary_img;
}
var summary = imgtag + ‘<div>’ + removeHtmlTag(div.innerHTML,summ) + ‘</div>’;
div.innerHTML = summary;
}
//]]>
</script>
7. Cari Kode <data:post.body/>
8. Ganti <data:post.body/> dengan kode di bawah ini.
<!– Auto read more Start –>
<!– http://www.anakciremai.biz –>
<b:if cond=’data:blog.pageType == "item"’>
<data:post.body/>
<style>.fullpost{display:inline;}</style>
<b:else/>
<b:if cond=’data:blog.pageType == "static_page"’>
<data:post.body/>
<b:else/>
<div expr:id=’"summary" + data:post.id’><data:post.body/></div>
<script type=’text/javascript’> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class=’more’ expr:href=’data:post.url’>Read more …</a>
</b:if>
</b:if>
<!– Auto read more End –>
9. Save Template
Dari tadi ngomongin readmore, yang belum tahu read more seperti ini contohnya:
Readmore itu berfungsi untu memotong tulisan yang panjang menjadi beberapa kata saja. jadi saat kita klik misalnya contoh di atas read more cara membuat breadcumb navigator di blogspot, maka tulisan lengkap akan muncul. begitulah kira-kira. yang kurang paham comment ya kang.
Membuat “Read More…” atau “Baca Selengkapnya..” revisi
Membuat Cursor Animasi
Hallo sobat.. jumpa lagi nih. Setelah beberapa hari absen karena datangnya bulan suci ramadhan dan tadinya saya berniat untuk undur diri selama satu bulan, eh akhirnya tidak tahan juga nih... Nge-log lagiiiii.... (sudah kecanduan kalee ye ). Yupsss... kali ini saya mau membahas salah satu pertanyaan dari sobat alfath yang di ajukan melalui shoutbox. Kutipan pertanyaannya seperti ini :
"ASS.Gmana cara pasang kursor animasi,kan bagus klo kursornya antik... "
Sebuah keinginan yang datang akibat ingin membuat blognya tampak lebih menarik di mata pengunjung.... wajar kalau menurut saya..
Untuk membuat sebuah kursor animasi tidaklah sulit, karena tidak banyak kode yang harus dipakai, akan tetapi tentu saja sesuatu yang gampang akan menjadi sulit tatkala kita tidak tahu caranya, makanya disinilah indahnya berbagi, banyak berbagi akan banyak di bagi, banyak memberi akan banyak di beri. iya ngga? dan moto saya yang baru yaitu "banyak berbagi banyak sahabat".
Untuk membuat sebuah kursor animasi, langkah pertama yang harus di lakukan adalah membuat sebuah gambar animasi yang berukuran kecil, untuk yang ini terserah kepada keahlian sobat, banyak software pembuat animasi semisal macromedia flash dan kawan-kawannya. Sebuah pertanyaan baru mungkin muncul yaitu bagaimana apabila kita tidak menguasai program animasi, kan jadi ribet persolaannya. Jika sobat tidak bisa membuat sebuah gambar animasi untuk di pakai, jangan dulu putus harapan. Sobat bisa mencarinya di internet, ratusan atau bahkan ribuan situs menyediakan layanan ini. Caranya sangat mudah, sobat bisa mencarinya lewat search engine yang ada di sebelah kanan atas blog ini. Tuliskan keyword yang berhubungan, misal : Free cursor animated, cursor animation, Free cursor animated atau keyword lainnya yang di rasa berhubungan dengan yang namanya kursor animasi. Silahkan kunjungi situs yang muncul, barangkali sobat akan menemukan situs yang tepat.
Langkah kedua yaitu menyimpan file animasi yang sudah sobat dapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com atau di blogger sendiri juga bisa. Untuk cara-cara mengupload gambar sudah saya terangkan, silahkan baca kembali di sini apabila sobat masih belum bingung mengenai cara upload gambar. Apabila gambar animasi sudah si upload, catat alamat gambar tersebut. Sebagai contoh, saya mempunyai gambar cursor berbentuk naga terbang dengan alamat sebagai berikut :
http://24rohman.googlepages.com/dragon3.ani
Langkah selanjutnya adalah menyisipkan kode untuk kursor. Kode untuk membentuk kursor adalah sebagai berikut :
cursor: url("alamat gambar kursor");
Sebagai contoh, jika saya menggunakan alamat kursor yang saya miliki, kode nya jadi seperti ini :
cursor: url("http://24rohman.googlepages.com/dragon3.ani");
Langkah selanjutnya yang harus di lakukan adalah memasukan kode di atas ke dalam kode template sobat, agar lebih mudah untuk di pahami, saya tuliskan langkah-langkahnya :
# Untuk template klasik
1. Sign in di blogger.
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode template yang ada, lalu save untuk backup data
5. Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :
body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :
body{
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
cursor: url("http://24rohman.googlepages.com/dragon3.ani");
}
7. Klik tombol Simpan Perubahan Template
8. Selesai. Silahkan lihat hasilnya.
# Untuk template baru
1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link Download template seluruhnya, save dulu untuk backup biar aman
5. Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;
}
6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;
cursor: url("http://24rohman.googlepages.com/dragon3.ani");
}
7. Klik tombol Simpan Template
8. Selesai. Silahkan lihat hasilnya.
Atau ada juga cara lain, yaitu di tempatkan di dalam kode , sobat tinggal menyisipkannya sehingga kodenya jadi seperti ini :
Saya rasa cukup deh, selamat menikmati animasinya. Untuk contoh nyata tentang yang saya terangkan diatas, sobat bisa kunjungi blog saya yang lain, silahkan klik di sini !
Eh sobat, di template unik sudah banyak template yang baru lho, kunjungi sebentar blogku yang satu ini ya, silahkan klik http://template-unik.blogspot.com
Hallo sobat.. jumpa lagi nih. Setelah beberapa hari absen karena datangnya bulan suci ramadhan dan tadinya saya berniat untuk undur diri selama satu bulan, eh akhirnya tidak tahan juga nih... Nge-log lagiiiii.... (sudah kecanduan kalee ye ). Yupsss... kali ini saya mau membahas salah satu pertanyaan dari sobat alfath yang di ajukan melalui shoutbox. Kutipan pertanyaannya seperti ini :
"ASS.Gmana cara pasang kursor animasi,kan bagus klo kursornya antik... "
Sebuah keinginan yang datang akibat ingin membuat blognya tampak lebih menarik di mata pengunjung.... wajar kalau menurut saya..
Untuk membuat sebuah kursor animasi tidaklah sulit, karena tidak banyak kode yang harus dipakai, akan tetapi tentu saja sesuatu yang gampang akan menjadi sulit tatkala kita tidak tahu caranya, makanya disinilah indahnya berbagi, banyak berbagi akan banyak di bagi, banyak memberi akan banyak di beri. iya ngga? dan moto saya yang baru yaitu "banyak berbagi banyak sahabat".
Untuk membuat sebuah kursor animasi, langkah pertama yang harus di lakukan adalah membuat sebuah gambar animasi yang berukuran kecil, untuk yang ini terserah kepada keahlian sobat, banyak software pembuat animasi semisal macromedia flash dan kawan-kawannya. Sebuah pertanyaan baru mungkin muncul yaitu bagaimana apabila kita tidak menguasai program animasi, kan jadi ribet persolaannya. Jika sobat tidak bisa membuat sebuah gambar animasi untuk di pakai, jangan dulu putus harapan. Sobat bisa mencarinya di internet, ratusan atau bahkan ribuan situs menyediakan layanan ini. Caranya sangat mudah, sobat bisa mencarinya lewat search engine yang ada di sebelah kanan atas blog ini. Tuliskan keyword yang berhubungan, misal : Free cursor animated, cursor animation, Free cursor animated atau keyword lainnya yang di rasa berhubungan dengan yang namanya kursor animasi. Silahkan kunjungi situs yang muncul, barangkali sobat akan menemukan situs yang tepat.
Langkah kedua yaitu menyimpan file animasi yang sudah sobat dapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com atau di blogger sendiri juga bisa. Untuk cara-cara mengupload gambar sudah saya terangkan, silahkan baca kembali di sini apabila sobat masih belum bingung mengenai cara upload gambar. Apabila gambar animasi sudah si upload, catat alamat gambar tersebut. Sebagai contoh, saya mempunyai gambar cursor berbentuk naga terbang dengan alamat sebagai berikut :
http://24rohman.googlepages.com/dragon3.ani
Langkah selanjutnya adalah menyisipkan kode untuk kursor. Kode untuk membentuk kursor adalah sebagai berikut :
cursor: url("alamat gambar kursor");
Sebagai contoh, jika saya menggunakan alamat kursor yang saya miliki, kode nya jadi seperti ini :
cursor: url("http://24rohman.googlepages.com/dragon3.ani");
Langkah selanjutnya yang harus di lakukan adalah memasukan kode di atas ke dalam kode template sobat, agar lebih mudah untuk di pahami, saya tuliskan langkah-langkahnya :
# Untuk template klasik
1. Sign in di blogger.
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode template yang ada, lalu save untuk backup data
5. Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :
body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :
body{
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
cursor: url("http://24rohman.googlepages.com/dragon3.ani");
}
7. Klik tombol Simpan Perubahan Template
8. Selesai. Silahkan lihat hasilnya.
# Untuk template baru
1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link Download template seluruhnya, save dulu untuk backup biar aman
5. Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;
}
6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;
cursor: url("http://24rohman.googlepages.com/dragon3.ani");
}
7. Klik tombol Simpan Template
8. Selesai. Silahkan lihat hasilnya.
Atau ada juga cara lain, yaitu di tempatkan di dalam kode , sobat tinggal menyisipkannya sehingga kodenya jadi seperti ini :
Saya rasa cukup deh, selamat menikmati animasinya. Untuk contoh nyata tentang yang saya terangkan diatas, sobat bisa kunjungi blog saya yang lain, silahkan klik di sini !
Eh sobat, di template unik sudah banyak template yang baru lho, kunjungi sebentar blogku yang satu ini ya, silahkan klik http://template-unik.blogspot.com
Membuat Cursor Animasi
Cara Memasang Link Download Pada Posting
20:10 admin
Memasang link download pada blog sebenarnya sangat mudah. Namun hal ini sering ditanyakan oleh teman-teman yang baru saja belajar blogging. Karena itulah saya berinisiatif untuk membuat postingan ini supaya tidak perlu menjawab pertanyaan tersebut berulang-ulang. Bagi anda yang sudah termasuk blogger senior atau pro silahkan tinggalkan postingan ini atau silahkan membaca artikel-artikel lain dari blog ini.
Berikut adalah cara memasang link download pada posting
1. Siapkan link download dari file yang telah anda upload ke hosting file anda.
Dicontoh ini saya menggunakan ziddu, untuk mendaftar di ziddu klik disini.
2. Login ke akun blog anda dan buat posting seperti biasa
3. Copy link download anda
4. Blok kata atau kalimat yang akan dibuat sebagai anchor text. Disini saya akan membuat anchor text dari kata "download disini"
5. Klik tools tautan paste link download anda dikotak url lalu klik ok
6. Maka akan menjadi seperti berikut download disini
7. Terbitkan posting seperti biasa dan lihat hasilnya
8. Hasilnya akan seperti ini download disini
20:10 admin
Memasang link download pada blog sebenarnya sangat mudah. Namun hal ini sering ditanyakan oleh teman-teman yang baru saja belajar blogging. Karena itulah saya berinisiatif untuk membuat postingan ini supaya tidak perlu menjawab pertanyaan tersebut berulang-ulang. Bagi anda yang sudah termasuk blogger senior atau pro silahkan tinggalkan postingan ini atau silahkan membaca artikel-artikel lain dari blog ini.
Berikut adalah cara memasang link download pada posting
1. Siapkan link download dari file yang telah anda upload ke hosting file anda.
Dicontoh ini saya menggunakan ziddu, untuk mendaftar di ziddu klik disini.
2. Login ke akun blog anda dan buat posting seperti biasa
3. Copy link download anda
4. Blok kata atau kalimat yang akan dibuat sebagai anchor text. Disini saya akan membuat anchor text dari kata "download disini"
5. Klik tools tautan paste link download anda dikotak url lalu klik ok
6. Maka akan menjadi seperti berikut download disini
7. Terbitkan posting seperti biasa dan lihat hasilnya
8. Hasilnya akan seperti ini download disini
Cara Memasang Link Download Pada Posting
Cara Buat Read More di Blogger Blogspot
Cara Buat Read More di Blogger Blogspot dengan Editor Lama. Bagi yang belum memakai Read More Editor Lama direkomendasikan untuk memakai Read More Editor Baru yang jauh lebih mudah dan simple. Editor Baru lihat tutorialnya di sini.Oleh fatihsyuhud.com
Tips: Cara mencari kode di template blogger.com / blogspot lihat di sini!
[Update: tutorial ini sudah dilengkapi gambar / screenshot untuk lebih memudahkan) Sudah banyak yg tanya cara buat READ MORE atau Baca Selengkapnya atau Baca Selanjutnya di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa Inggris. Untuk Anda yg termasuk golongan ini, saya persilahkan mengikuti panduan berikut.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).
Cara Pertama:
1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" (lihat gambar 1)
2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar 2)
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style> <p><data:post.body/></p> <b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>Gambar 1:
Gambar 2:
Gambar 3:
Cara Memposting
Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode
<span class="fullpost">
</span><span class="fullpost"></span>1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian:
XML error message: The element type “style” must be terminated by the matching end-tag “”.Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.
2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
Selesai. Selamat ngeblog di blogger / blogspot dengan READ MORE.
Apabila Anda berhasil melakukan cara bikin READ MORE di atas tak perlu lagi mencoba cara di bawah. Cara di bawah cuma sebagai alternatif dan agak lebih rumit di banding cara yang di atas.
Cara Kedua:
1. Buka template –> edit HTML
2. Kasih tanda tik/cek menu “expand widget template”
3. Cari kode berikut di TEMPLATE blog Anda:
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div><p><data:post.body/></p><div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href='data:post.url'>Read More .. </a>
</b:if> <div class='post-header-line-1'/><div class='post-body'> <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Read More......</a> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>Klik Simpan Template. Selesai.
8. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>Cara Memposting
Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode
<span class="fullpost">
</span>
<span class="fullpost"></span>(A) Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara sbb:
1. Klik menu EDIT POSTS
2. Klik EDIT di artikel yg akan diedit.
3. Pasang kode
<span class="fullpost"></span>Ingat hanya ada SATU kode
<span class="fullpost"></span>Masalah yang Sering Dihadapi
1. Saat mengklik “Simpan Perubahan” kita sering mendapat pesan demikian:
XML error message: The element type “style” must be terminated by the matching end-tag “”.Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ‘ dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.
2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Solusi: klik “Pengaturan” -> klik “Format” -> buang semua tanda kutip buka/tutup di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
2 komentar:
Poskan Komentar
Silakan Berkomentar Blogspot Tutorial