Facebook

Bintang Timur | Buat Lencana Anda

Cara Mudah Membuat Tampilan

Rekan2 Blogger ... Kali ini saya akan menulis dan belajar ( khususnya saya sendiri ) untuk membuat fungsi Read more / Baca selanjuynya adalah fungsi pemenggalan pada suatu paragraf yang sering kita lihat di kebanyakan blog yang sangat berguna untuk mengurangi tampilan awal pada suatu blog, sehingga tidak terlalu memakan tempat.

Trik untuk membuatnya sangatlah mudah, langsung saja y saya akan menuliskan caranya dan ikuti langkah2 berikut :

Setting kode HTML :

1. Masuk ke Account blogger sobat.
2. Pilih Tata Letak => Edit HTML.
3. Silahkan save dulu template tersebut, ini untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
4. Klik / Beri tanda centang Tulisan "expand widget template" yang ada diatas kanan kolom edit HTML. ( Tunggu beberapa saat ketika proses sedang berlangsung )
5. Lalu Cari Kode :

Atau kode dibawah ini ( Sama saja )

6. Hapus kode diatas lalu ganti dengan kode dibawah ini.

Baca Selengkapnya...

7. Klik tombol simpan dan selesai

Setting Format :

1. Klik Pengaturan.
2. Klik Format.
3. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

4. Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Cara posting artikel :

1. Klik menu Posting.
2. Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :

3. Tuliskan artikel yang ingin tampak didepan / tidak disembunyikan pada blog sebelum kode dibawah ini :

4. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode ( Tulis kode dibawah ini pada bagian paling bawah postingan ) :

5. Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING.
6. Klik tulisan Lihat Blog (di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas.

Mudah2an dapat membantu, kususnya bagi para rekan2 blogger yang masih pemula seperti saya. Jika rekan2 yang gagal mempraktekkan cara ini, anda jangan khawatir untuk mengembalikanya seperti semula sangat mudah asal anda punya backup data yang di simpan. Anda tinggal copas aja kode yang anda backup tadi dan pastekan di kolom edit HTML. Selesai ...

Membuat Widget Komentar Paling Banyak ( Top Comments )

L anjut untuk membuat Widget Komentar Paling Banyak ( Top Comments ), Langkah-langkahnya adalah sebagai berikut :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" ( Tempatnya terserah kamu ).
3.Copy Paste Script Berikut :

Widget edited by http://multimediasukamara.blogspot.com

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Top Comment" yang ditampilkan, kamu bisa menggantinya
6. Nama Anda ,nama yang Anda gunakan saat komentar ( akan dihapus / tidak ditampilkan dari daftar top komentator )
7. Terus Simpan.

Membuat Efek Tulisan Berjalan ( Marquee )

E fek tulisan berjalan ( Marquee ) adalah suatu program HTML untuk membuat teks agar bisa bergerak / berjalan yang merupakan suatu perintah yang dapat kita atur sesuai keinginan. Kode HTML ini banyak sekali di pakai olehpara blogger, karena memang menarik pengunjung untuk melihatnya dan menghemat tempat pada halaman blog. Ada beberapa macam kode marquee untuk model perilaku geraknya ... antara lain :

TEXT

Kode untuk perilaku gerakan dari kanan ke kiri

TEXT

Kode untuk perilaku gerakan dari kiri ke kanan

TEXT

Kode untuk perilaku gerakan berjalan ke kiri dan ke kanan

TEXT

Kode untuk perilaku gerakan berjalan ke atas

TEXT

Kode untuk perilaku gerakan berjalan ke bawah

TEXT

Kode untuk perilaku gerakan berjalan ke atas dan ke bawah

TEXT

Kode untuk perilaku gerakan terbang zigzag

TEXT

Kode untuk perilaku gerakan berjalan zigzag ke atas dan ke bawah

>>TEXT<<

Kode perilaku untuk menampilkan tanda panah ke teks

TEXT

Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan latar belakang warna, anda bisa merubahnya dengan kode warna lain

TEXT

Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan dikelilingi garis tepi (border)

TEXT

Kode untuk perilaku gerakan berjalan dengan hanya menampilkan bagian depan textnya saja atau hidden marquee

TEXT
TEXT

Kode untuk perilaku gerakan berjalan seperti gelombang ombak ke atas dan ke bawah

Keterangan :
+ Ganti tulisan Text dengan tulisan yang akan di tampilkan sesuai keinginan.

Cara membuatnya :1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script yang ada tinggal anda edit saja
4. Klik Simpan dan selesai

Ada variasi lain dari marquee lagi, yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee tsb. Kodenya di bawah ini :

Cara Back Up dan Upload File Java Script ke Free Hosting Cara Membuat Animasi Status Loading Cara Membuat Buku Tamu dengan Shoutmix.com Cara Membuat dan Memahami Isi Blog di Blogspot Cara Membuat Icon Address bar ( Favicon ) di Blog Cara Membuat Kata Penutup di Blog Ketika Menutup Blog Cara Menampilkan Elemen Halaman Hanya Pada Halaman Depan Cara Menampilkan Elemen Halaman Hanya Pada Halaman Selanjutnya Cara Menulis Kode HTML di Postingan

Membuat Widget Tampil Dengan Scroll

S eperti pada salah satu widget yang ada pada blog saya ini, fungsi scroll yang sederhana namun banyak sekali manfaatnya. Salah satunya adalah untuk menampilkan widget agar tampak lebih ringkas mungkin karena terbatasnya tempat. Kotak scroll widget ini walau sangat sederhana ini cukup ampuh untuk menjadikan blog anda tertata rapi karena banyak widget yang ingin kita pasang di blog tetapi ukurannya tidak sesuai dengan ukuran sidebar atau kolom template kita, nah supaya widget widget tersebut bisa di sesuaikan dgn halaman blog maka kita perlu kolom scroll widget ini.

Cara buatnya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :

TULIS JUDUL KOTAK SCROLL DISINI

#F5003D; overflow: auto; width: 310px; height: 200px; text-align: left;">

http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

http://Alamat Link Anda

" target="_blank">Nama Link Yang Akan di Tampilkan

Keterangan :

+ Angka 310 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.
+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.
+ Ganti URL/Link yang berwarna merah dengan link yang ingin anda pasang.
+ Ganti judul link yg berwarna hijau dengan judul link yang anda pasang.+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda
+ Jika ingin meletakkan widget atau banner ke dalam kota scroll ini, ganti saja script link dengan script widget atau banner anda.

4. Klik Simpan dan selesai.

Nah !!! gampang kan cara buatnya, silahkan di coba semoga bermanfaat

Menambah Emotion pada Buku Tamu Shoutmix.com

B logwalking, berkeliling membaca artikel2 teman dan meninggalkan jejak dengan menuliskan sapaan di buku tamu adalah kegiatan yang sangat rutin dilakukan oleh para blogger2 ... Memang sangat mengasikkan dan saya sendiri sering melakukanya, selain dapat meningkatkan traffik kunjungan, kita juga dapat memberikan penilaian terhadap blog yang sedang kita kunjungi dengan berinteraksi dan silaturahmi dengan pemilik blog.

Memperluas pergaulan skalian sharing ilmu he3 ...

Kalau kita melihat dibuku tamu (Shoutmix) kita sering melihat animasi2 yang lucu2. Dengan adanya emoticon dalam buku tamu, ini akan lebih mempertegas karakter si pemberi komentar, walaupun tentu saja ada juga yang hanya berpura-pura mempunyai karakter tersebut. Bagi sobat yang menggunakan buku tamu dari shoutmix, apabila sobat berkeinginan untuk menambah kepala-kepala ajaib, hal itu bisa sobat lakukan ...

Sobat yang sangat menyukai emoticons dari yahoo! messenger, bisa melihat alamat gambarnya di sini!, yang diperlukan hanyalah alamat gambarnya saja, tampilanya seperti ini :



Atau mungkin anda bisa upload gambar sendiri di hosting kesayangan anda.

Saya akan menulis bagaimana cara membuatnya :

1. Silahkan Login di Shoutmix, tentunya memakai username serta pasword yang sobat miliki.
2. Pada menu Display, klik yang untuk Smiley.
3. Masukan alamat gambar yang di inginkan pada kotak di bawah tulisan Smiley image URL.
4. Klik pada tombol Add yang berada di sampingnya.
5. Masukan kembali alamat gambar smile yang lain apabila masih ada yang mau di masukan, jangan lupa untuk klik kembali tombol Add nya.
6. Klik tombol Save Settings.
7. Selesai.

Apabila sobat sudah melakukan langkah-langkah di atas, maka secara otomatis pada buku tamu yang ada di blog nya akan memiliki emotion yang menari untuk dilihat yang tadi di masukan tanpa harus mengubah apa-apa lagi pada kode templatenya. Contohnya bisa dilihat pada buku tamu pada blog ini ... Semoga dapat membantu, khususnya bagi para blogger pemula

Mencegah Copy Paste Artikel dengan Menggunakan Copyscape

M elihat postingan yang anda buat dengan susah payah di Copas orang lain pasti bikin jengkel. Kalau masih dikasih link sumbernya seeh g masalah, tapi kalau g dikasih wuh jadi bikin males buat postingan lagi. Pada tips kali ini saya ingin membahas bagaimana cara mencegah copy paste artikel anda dengan copyscape.

Widget ini cukup berguna, karena dengan copyscape, jika anda orang yang mengcopy paste artikel anda secara utuh, maka akan terdeteksi, kecuali jika artikel nya sudah di modif. Ya tapi lumayanlah untuk mampu mengurangi kemungkinan copy paste.

Ok ... langsung aja, cara buatnya :

1. Masuk ke situs nya di Copyscape.com.
2. Jika anda ingin mengecek apakah ada yang mengcopy situs anda, maka anda isi kolom search for copies dengan alamat blog anda, anda klik Go.
3. Jika anda ingin pasang banner copyscape pada blog anda, maka anda klik gambar banner Copyscape, letaknya persis di bawah kolom search.
4. Setelah itu anda akan ditunjukkan banyak pilihan bentuk banner. Klik salah satu banner yang anda pilih.
5. Copy paste kode html banner tersebut ke dalam blog anda.
6. Selesai ...

Selamat mencoba ...

Cara Memberikan Efek yang Menonjol pada Postingan

S ering kita menjumpai di blog2 para master yang menuliskan dengan menonjolkan variasi postingan seperti kode-kode atau script yang ditonjolkan dengan memberi background dan pembatas yang beda dengan teks-teks yang lainya yang ada di buku yang berguna untuk mempermudah para pembaca buku membedakan script-script dengan tulisan yang lainya. Begitu juga di blog jika Anda menulis tentang tutorial yang memungkinkan untuk menulis kode-kode HTML dan script-script yang lainya agar pembaca lebih mudah untuk membedakan.

Contoh seperti dibawah ini :

NE Hanya Contoh lho ...


DIDALAM KOTAK INI POSTINGAN YANG MAU DITONJOLKAN

Dan seperti ini :

Bintang Hatiku...
Engkau Terlahir Atas Nama Cinta..
Engkau Sebuah Impian Mahluk Tuhan
Engkau Adalah Sebuah Cahaya Dalam Gelap
Bintang Hatiku...
Engkau Sebuah Meteor Dalam Hatiku.
Engkau Sebuah Titik Cayaha Dalam Terangku.




(http;//multimediasukamara.blogspot.com )
(http;//www.Sukamara.co.cc )

Terlihat perbedaan dengan contoh pertama dan kedua : contoh pertama dengan background warna dan contoh kedua dengan background gambar.

Untuk membuatnya silahkan perhatikan cara berikut

cara pertama yaitu cukup mudah kita tinggal masuk ke posting editor dan tulis code seperti dibawah ini di posting editor bagian "Edit Html"

untuk background warna kita gunakan code seperti dibawah ini :

DIDALAM KOTAK INI POSTINGAN YANG MAU DITONJOLKAN

background:#FFFFCC;
adalah warna background, codenya bisa Anda ganti menurut warna yang Anda sukai. (lihat code warna disini)

border:1px dotted #F5003D;
adalah garis tepinya 1px adalah ketebalan dari garis tepinya, bisa kamu ganti ketebalanya sesuai selera Anda, dotted adalah jenis bordernya bisa kamu ganti sesuai selera kamu. #F5003D adalah kode warna dari border silahkan Anda ganti dengan selera Anda.

padding:5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.

tambahkan overflow:auto; jika ingin menambahkan fungsi scroll

untuk background gambar dengan code seperti dibawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCk33TsJyPvmbakyvygf10K-vqUZivLQ2UXrnVsmrMEmh2QT3EvHUgIGMrvCFlwUVtjBMYvlUnuJwwx9WGtNO-BDHSTwbjqQytXnBGbdPqvDskGp3tV9MiO56htkYIlBiJWG4zkQJeYw/); width:508px; height:362px; padding:5px;">


DISINI TEXT YANG MAU DITONJOLKAN

Text yang tercetak merah diatas adalah url gambarnya. width:508px; adalah lebar area dan height:362px; adalah tinggi area.

Gimana gampang kan?

Saya mendapat ide menulis trik ini dari tutorial jitu ... saya rasa cukup jelas panduan yang saya tuliskan dalam posting ini. Cara ini adalah sebagian trik untuk menonjolkan text tertentu, trik-trik berikutnya akan menyusul.

Semoga dapat membantu y ...Happy Blogging

Memasang Widget Alexa Rank di Blog

S eperti kita tahu bahwa alexa rank akan membuat peringkat berdasarkan banyaknya pengunjung blog atau web, semakin banyak pengunjung terhadap suatu blog atau web maka alexa rank akan semakin baik. Darimana alexa mengetahui jumlah kunjungan terhadap suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar. Lho, kan tidak semua orang memasang alexa toolbar di browser internetnya? nah, justru itulah maka muncul alternatif lain bagi pemilik blog atau web untuk mendapatkan data yang akurat tentang banyaknya kunjungan yaitu dengan memasang alexa widget pada blog atau web yang di miliki. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog anda.

langsung saja cara membuatnya sebab yang ingin mendapatkan ranking alexa yang bagus untuk memasang alexa widget pada setiap blog atau web yang di milikinya.

Lankah pertama :
1. Klik di sini untuk menuju situs alexa.com
2. Masukan alamat blog anda pada kolom yang tersedia. Contoh :

3. Ada 3 ukuran widget yang bisa anda pilih, copy kode yang ada di sampingnya lalu paste pada notpad atau text editor lainnya. Simpan kode tersebut di komputer anda untuk nanti di masukan ke blog.

Langkah ke dua :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik Tambah Gadget.
5. Klik tanda Plus (+) di samping tulisan HTML/JavaScript.

6. Paste kode yang tadi ada di notepad kedalam kolom yang muncul.
7. Klik tombol Simpan dan selesai.

Mudah-mudahan dengan di pasangnya widget alexa di blog anda, alexa rank blog anda akan cepat bagus (semakin kecil semakin baik rangkingnya). Ayo segera pasang alexa rank ...

Memasang Toolbox Bookmark dan Share Addthis Dibawah Postingan

 

Salah satu cara untuk memperbanyak trafik/pengunjung ke blog kita adalah dengan bantuan situs-situs sosial bookmarking seperti technorati, delicious, stumble upon dan berbagai macam situs sosial bookmarking terkenal lain nya. Karena dengan di bookmark/share nya blog dan artikel kita pada situs sosial bookmarking tersebut, maka akan peluang blog kita untuk dilihat oleh jutaan orang pun bisa terwujud dan mereka akan dengan mudah menemukan artikel kita kembali, karena mereka sudah membookmark artikel kita di account mereka.

Bagi anda yang sudah pasang addthis button dan anda bosan dengan tampilanya, anda dapat mengubahnya karena Addthis telah mengembangkan sebuah wigdet baru yang berbentuk Toolbox.

Tampilan Toolboxnya seperti ini :

Cara pasang nya sebenar nya sangat mudah, untuk yang belum tau, begini cara nya :

1. Masuk ke addthis.com.
2. Buat account baru, kemudian Login ke account anda.
3. Pilih GET YOUR BUTTON CODE pada bagian kanan atas.
4. Kemudian anda akan ditunjukkan pada setingan bentuk tampilan, pilih sesuai dengan keinginan anda, lalu pada menu WHERE, pilih BLOG, pada PLATFORM pilih BLOGGER.
5. Klik menu GET YOUR BUTTON CODE, kemudian anda akan mendapatkan kode javascript yang harus anda pasang pada blog anda. Copy kode tersebut.
6. Masuk ke account blogger anda, pilih TATA LETAK --> EDIT HTML (beri tanda centang pada expand widget).
7. Anda cari kode :

8. Paste kode javascript tersebut DI BAWAH kode di atas.
9. Save dan lihat hasilnya...

Sama halnya dengan layanan sosial bookmark lainnya. Selain itu layanan Addthis juga menyediakan fasilitas one button one content yang sudah terintegrasi dengan beberapa platform.


Beberapa layanan Addthis lainnya :
1. Create custom sharing menu configurations.
2. Receive the same analytics, performance and reliability as the standard AddThis button.
3. Toolbox implementations adopt the CSS styling of your site.

Selamat mencoba ...

Mengubah Setting Blog Nofollow menjadi Dofollow

M enyambung dari postingan blog sebelumnya tentang Dofollow blog, di postingan kali ini saya akan menulis tentang cara setting blog Dofollow untuk blogspot. Biar cepat, padat dan ringkas, langsung saja saya akan menuliskan cara settingnya untuk merubah menjadi Dofollow ...

Langkah-langkah yang harus dilakukan :

• Login ke dashboard blogspot anda, kemudian klik menu Layout masuk ke tab Edit HTML sehingga akan kelihatan kode HTML dari blog anda, jangan lupa untuk memberi tanda contreng ( seperti pemilu aja ) pada kotak disebelah tulisan “Expand Widget Templates”
• Cari kode HTML yang yang menyusun komentar di blog anda, kalo g salah kodenya seperti ini :
  
  
  
  
  rel='nofollow'>

• Langkah selanjutnya hapus tulisan yang bercetak tebal sehingga kode HTML blog anda menjadi :
  
  
  
  
  

• Simpan perubahan “SAVE TEMPLATE” yang telah anda lakukan.
• Sekarang blog blogspot anda telah menjadi Dofollow blog, satu hal yang perlu diingat bahwa langkah-langkah diatas harus anda ulang kembali jika anda mengganti template dari blogspot anda.

Untuk mengetahui apakah blog anda sudah Dofollow atau belum, anda bisa melakukan pengecekan dengan cara klik kanan dihalaman blog anda klik “view page source” jika anda masih menemukan tulisan rel=’Nofollow‘ pada kode :

nama penulis komentar
contoh : http://multimediasukamara.blogspot.com

Ini menandakan bahwa blog anda belum Dofollow.

Semoga bermanfaat dan Happy Blogging ...

Apakah Anda tertarik untuk mempublikasikan artikel ini? Jika anda tertarik, silahkan copas dan taruhlah di postingan anda ... Tapi dengan 1 catatan yang perlu diingat yaitu saya mohon agar link saya tidak dihapus y he3 ... Terima kasih.

Merubah dan Memodifikasi Tampilan Blockquote

B lockquote adalah tanda yang digunakan untuk menandai suatu tulisan yang penting, sehingga tampak berbeda dari tulisan yang lainnya. Nah, kali ini aku akan menuliskan tips bagaimana cara memodifikasi blockquote (seperti pada blog ini) agar tampak lebih menarik ...

Nee contoh blockquote yang sudah saya modifikasi, keren kan he3 ...

Cara menggunakan blockquote adalah dengan memblok tulisan yang diinginkan, kemudian anda klik tanda kutip pada kolom CMS, lihat gambar di bawah ini :
Jika anda kurang suka dengan tampilan blockquote anda, anda bisa memodifikasi bentuk-nya sesuai dengan selera anda.

Langsung saja saya tuliskan caranya :

1. Masuk ke TATA LETAK --> EDIT HTML
2. Anda cari kode di bawah ini :

.post blockquote


Ada sebagian template yang kode namanya hanya blockquote saja

3. Masukkan kode html di bawah ini :

post blockquote {
margin:1em 20px;
border: 3px dotted #ff0000;
padding: 10px;
}

4. Save,dan lihat hasilnya

Keterangan :

1. Warna merah adalah bentuk border yang bisa anda rubah sesuai dengan keinginan anda, bisa anda lihat disini.
2. Warna hitam tebal adalah warna border, rubah sesuai dengan keinginan anda.

Untuk memasukkan gambar image pada blockquote anda, caranya seperti ini :

.post blockquote { background:url(  http://www.nama URL gambar kesayangan anda ) no-repeat top left; padding:10px 20px 10px 45px;}

warna hitam tebal adalah ukuran letak gambar yang bisa anda sesuaikan dengan template anda. Thnx to Amanda buat trik2-nya

Modifikasi Tampilan Label Cloud Blogger

B elum lama ini blogger mengeluarkan fitur baru untuk tampilan label / kategori, yaitu support untuk label model cloud. Walaupun aq sedikit ketinggalan, tetapi tetep pengen nulis postingan ini He3 ... Karena emang blogku ini spesialisasi bagi para pemula seperti saya sob, jadi buat para master blog harap memaklumi. Yup, Kali ini aku akan menulis bagaimana cara memodifikasi tampilan label cloud blogger yang masih standar, modifikasinya cuma ringan kok, hanya mengubah tampilanya saja yang semula cuma satu warna menjadi banyak warna serta mengubah ukuran dari huruf2-nya. Dengan mengubahnya tampilanya akan terlihat semakin menarik, coba aja lihat di blogku ini sob ... Gmn menarik bukan ?

Caranya cukup mudah yaitu dengan menambahkan beberapa kode CSS sesuai dengan keinginan anda. Pada dasarnya label cloud yaitu menampilkan label dengan tampilan huruf dengan ukuran yang berbeda, jika suatu label semakin banyak di buat, maka keyword tersebut akan otomatis di cetak lebih besar daripada keyword lainnya yang jarang di buat.

Kode dasar CSS dari label cloud blogger adalah sebagai berikut :

.label-size-1 a { }
.label-size-2 a { }
.label-size-3 a { }
.label-size-4 a { }
.label-size-5 a { }

Terlihat bahwa ada 5 tingkatan huruf yang bisa anda atur, .label-size-1 a adalah terkecil dan .label-size-5 a yang terbesar. Dengan mengetahui kode dasar tersebut tentu saja anda bisa menambahkan beberapa pengaturan terhadap label cloud anda, namun tentu saja anda harus sedikit familiar dengan kode CSS.

G usah banyak cingcong, langsung aja cara buatnya :
1. Login ke account blogger anda.
2. Klik Layout --> Edit HTML.
3. Cari kode ]]>.
4. Copypaste kode di bawah ini persis diatas kode ]]>.

.label-size-1 a {
font-size: 12px;
text-decoration: none;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#cd9f01;
}
.label-size-3 a {
font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none;
}
.label-size-4 a {
font-size: 18px;
font-weight:bold;
text-decoration: none;
color:#ea5a04;
}
.label-size-5 a {
font-size: 24px;
text-decoration: none;
}


.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover { text-decoration:underline }

5. Klik Tombol SIMPAN TEMPLATE dan selesai.

Bagi yang sudah familiar dengan CSS tentu saja anda tinggal menambahkan berbagai pengaturan terhadap kode tersebut. Mudah bukan untuk membuatnya ... Sekarang Anda tinggal melihat Tampilan Label baru Anda, akan tampak berbeda dan semakin menarik. Terima kasih Kang atas info-nya.

Semoga membantu dan Happy Blogging ...

Modifikasi Tampilan Widget MyBloglog Recent Readers

M emasang Widget MyBlogLog recent readers dapat meningkatkan popularistas blog dan merupakan suatu komunitas bagi para pengunjung atau pembaca blog. Pertama kali saya pasang, Eh ternyata malah saya jadi tidak menyukainya ... bukan karena Widget MyBlogLog itu jelek tetapi karena tampilanya yang menurut saya terlalu mencolok, jadi tidak sesuai dengan template saya. Nah kali ini saya akan mencoba menuliskan posting bagaimana mengubah tampilan widget MyBlogLog yang sebelumnya mencolok menjadi lebih menarik.

Tutorial ini saya dapat dari sang master blog yang sudah dimodifikasi sedemikian rupa, sehingga menjadi tidak mencolok (tampilanya seperti yang saya pasang pada blog ini). Demi meningkatkan jumlah komunitas pembaca, tentu harus ada sedikit perubahan, terutama pada modifikasi tampilan, selain MBL hanya tampak seperti thumbnails, anda juga bisa menambahkan sendiri kalimat berupa ajakan atau menghasut pengunjung agar tergabung dalam komunitas

OK, langsung saja tutorial cara buatnya :

Sebelum memodifikasi tampilan, pastikan widget MBL yang anda gunakan merupakan versi lama, karena versi terbaru sudah jauh berbeda. Jika perlu anda bisa mengembalikan script baru anda ke versi lama, baca caranya: Copy paste kode dibawah ini, jangan lupa mengganti ID_MBL dengan code ID anda sendiri.

Selanjutnya pada Element halaman Blogger pilih Edit-HTML, masukan kode CSS dibawah ini dibawah kode

Pasang Translate Di Blog

K ali ini aku akan posting cara pasang Google translate di blog. Widget asli dari google tampilanya tidak semenarik widget ini ... Widget Google translate kali ini hasil kreasi sang master Blogger kita yaitu Kang Rohman... Widget yang akan terpasang dalam bentuk bendera2 yang sangat menarik dan jika mouse anda arahkan ke gambar-gambar bendera yang ada akan terlihat sedikit efek blur sebagai pemanis.

langkah2 untuk membuatnya adalah :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script Berikut:

by : BTF

4. Klik tombol Simpan dan lihat hasilnya ...

Pengertian dari Nofollow menjadi Dofollow

Istilah Nofollow atau Dofollow untuk sebuah blog mungkin sudah tidak asing bagi rekan-rekan blogger semua, tapi tidak ada salahnya kan kalau saya tulis kembali tentang hal ini ... mungkin saja ada beberapa rekan yang masih belum tahu tentang istilah Nofollow atau Dofollow untuk sebuah blog.

Sebelumnya saya coba sedikit menjelaskan apa itu Nofollow dan Dofollow :

• Nofollow artinya link yang anda masukkan pada saat anda memberikan komentar disebuah blog tidak akan ditelusuri lebih lanjut oleh mesin pencari dalam artian anda tidak akan mendapatkan backlink dari blog tersebut, sementara kita tahu bahwa backlink merupakan salah satu unsur penting dalam peningkatan page ranking.
• Sedangkan Dofollow memiliki arti yang sebaliknya, dalam artian anda akan mendapatkan backlink dari komentar yang anda berikan pada sebuah blog, yah anggaplah sebagai hadiah dari sipemilik blog kepada anda karena sudah bersedia memberikan komentar yang berkualitas di blognya.

Secara default setting komentar sebuah blog adalah nofollow, tapi anda dapat merubahnya menjadi dofollow. Sebagai contoh blog ini http://multimediasukamara.blogspot.com, mulai saat ini saya sudah rubah setting untuk komentarnya menjadi Dofollow. Jadi bila anda memberikan komentar diblog ini, link anda akan ditelusuri lebih lanjut oleh mesin pencari atau anda akan mendapatkan backlink dari blog ini. Anggaplah ini sebagai hadiah kecil dan penghargaan dari saya karena anda sudah bersedia mampir dan memberikan komentar berkualitas diblog ini.

R esiko dari Dofollow blog adalah anda harus siap untuk menerima komentar para spammer yang asal komentar tanpa membaca isi dari artikel anda, untuk itu sebelumnya saya mohon maaf, karena saya hanya akan melakukan approve untuk komentar yang saya anggap relevan dengan isi artikel dalam artian tidak asal komentar, adil bukan ?

Silahkan klik disini jika anda pengen tau cara setting blog menjadi Dofollow

Semoga sedikit tulisan ini dapat membantu rekan2 yang belum paham mengenai Nofollow maupun Dofollow.

Apakah Anda tertarik untuk mempublikasikan artikel ini? Jika anda tertarik, silahkan copas dan taruhlah di postingan anda ... Tapi dengan 1 catatan yang perlu diingat yaitu saya mohon agar link saya tidak dihapus y he3 ... Terima kasih.

Pengertian Padding,Margin dan Border pada CSS

B agi rekan blogger yang suka otak-atik template blognya (tidak hanya di template blog seeh), pasti sering kali melihat kata-kata dan istilah Padding, Margin Dan Border pada CSS yang digunakan sebagai pengukuran dasar pada CSS.. Nah pada pertemuan ini saya akan memberikan sedikit pengertian dari ketiga Hal tersebut dan juga gunanya..

Padding, Margin dan Border, sebelum saya menerangkan lebih jauh silahkan lihat skema gambar dibawah ini dulu :

Nah dari keterangan diatas kita dapat menyimpulkan seperti dibawah

Padding : Menentukan jarak komponen body ke border atau Ukuran jarak bagian dalam
Border : Adalah garis tepi dari komponen
Margin : Adalah Ukuran jarak bagian luar atau ukuran jarak sesudah Border

Cara Penggunaan

Padding
ditulis dengan CSS padding:5px 5px 5px 5px; urutan nilai angkanya adalah atas, kanan, bawah dan kiri, atau Anda bisa menggunakan
padding-left:5px; ini adalah untuk pengaturan padding bagian kiri
padding-right:5px; ini adalah untuk pengaturan padding kanan
padding-top:5px; untuk bagian atas dan
padding-bottom:5px; untuk bagian bawah, Ingat satuan px(pixels) bisa kamu ganti sesuai satuan yang lain yang sesuai

Border
Ditulis dengan CSS border:1px dotted #000000; urutan penggunaanya adalah ukran border, style border dan warna border, atau bisa menggunakan
border-width:1px; ini adalah ketebalan border
border-style:dotted; ini adalah jenis bordernya bisa kamu ganti dengan dashed, solid, double, groove, ridge, inset, outset dan lainya
border-color:#FFFFFF; ini adalah warna dari border.. kamu bisa menggantin code warnanya (www.colorschemer.com/online)

Margin
Ditulis dengan CSS margin:5px 5px 5px 5px; urutanya atas, kanan, bawah dan kiri, atau bisa menngunakan seperti padding diatas
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
keterangan lainya bisa mengikuti keterangan padding diatas

Satuan Dalam CSS

1. Statik

• in -- satuan inchi
• cm -- satuan centimeter
• mm -- satuan milimeter
• pt -- satuan point (1point = 1/72 inchi)
• pc -- satuan pica (1pica = 12 point)
• px -- satuan pixel (satu titik gambar terkecil dalam layar monitor)

2. Relatif

• % -- satuan persen
• em -- atau ems (1em = ukuran font yang tengah ada dalam elemen)
• ex -- 1ex = x-height suatu font (x-height biasanya setengah ukuran font)

Contoh Tampilan Style Border :

dotted

dashed

solid

double

groove

ridge

inset

outset

Sekian semoga bermanfaat

Blog pada Fitur Feedburner

M elanjutkan postingan yang kemarin tentang FeedBurner, tulisan kali ini saya akan bahas mengenai cara membatasi akses blog / mengunci blog dengan memanfaatkan fitur yang ada pada FeedBurner. Jadi hanya anda sebagai admin blog saja yang bisa membuka dan mengakses blog ( misalnya saja anda punya blog situs porno he3 ... ), tapi cara ini tidak saya sarankan karena untuk apa kita membuat blog kalau g ada manfaatnya untuk orang lain, hanya sekedar sharing info aj barang kali rekan2 ingin mengunci blognya. Nanti sewaktu pengunjung akan masuk blog anda akan terdapat sebuah kotak komentar yang isinya disuruh mengisikan password dan username untuk mengakses blog, yang tau passwordnya kan kita jadi pengunjung gak bakalan bisa masuk selain kita.
Untuk mengunci blog seperti yang saya gambarkan diatas lewat FeedBurner caranya mudah kok :

• Masuk ke www.FeedBurner.com, Login menggunakan password dan e-mail anda
• Setelah masuk pilih Feed sesuai blog anda yang tertera disitu
• Jika sudah anda akan dibawa ke halaman google feedburner, dihalaman tsb klik tab publicize.
• Setelah klik liat tulisan paling bawah sebelah kiri yang bertuliskan Password Protection, klik tulisan tersebut untuk masuk.
• Pada password protection terdapat 2 kolom yang anda diharuskan mengisi username serta password untuk mengunci blog anda.
• Isikan password serta username anda disitu.
• Setelah itu klik activate untuk mengaktifkannya.
• Sekarang coba reload blog anda pasti akan terdapat kolom yang bertuliskan username seta password untuk masuk, blog anda sudah terkunci.
• Untuk mengembalikan ke semula gampang,anda tinggal masuk ke menu password protector yang tadi kemudian klik tab de-activated, maka blog anda akan kembali terbuka untuk siapapun.

Dijamin g ada yang bisa membuka blog anda, jadi g bisa blogwalking deeh, Tips ini jangan di praktekin y. Semoga bermanfaat sob ..

Setting Navbar Blogspot

F ungsi dari Navbar Blogspot banyak sekali, antara lain :

+ Untuk mempermudah mencari Blog lainnya.[Search]
+ Menandai (seperti Bookmark)Blog jika isinya menarik.[Flag Bog]
+ Untuk melihat blog selanjutnya yang diupdate secara acak. [Next Blog]
+ Langkah cepat untuk menuju ke Halaman Dashboard Blog mu.[Customize]
+ Log in di Blogger dengan menekan tombol B [B]

Ni tampilan Navbar di Blogspot :




Ada 3 Cara setting Navbar di Blogspot :

1. Mengganti warna Navigasi Blog











+ Login to Blogger kemudian pilih "Layout"
+ Klik "Edit" pada Navigasi Bar yang terletak diatas Header, kemudian ada pilihan 4 warna seperti gambar diatas. Pilih Salah satu, sesuaikan dengan tema layout mu.
+ Save Template

2. Menghilangkan Navigasi Blog

+ Login to Blogger kemudian pilih "Layout"
+ Klik pada "Edit HTML"
+ Kopi paste kode dibawah ini dan letakkan di bawah nama Template-mu atau di atas kode ]]>

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.......com
Date: ......
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru diatas merupakan nama template-mu ( setiap template berbeda namanya )
+ Save Template

Atau letakkan seperti ini :

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

]]>

3. Membuat Autohide Navigasi Blog

-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.......com
Date: ........
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

+ Copy kode yang berwarna merah diatas lalu paste sama persis dengan posisi diatas.
+ Kode yang berwarna biru merupakan nama template mu,setiap template berbeda namanya.
+ Save Template

Atau letakkan seperti ini :

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

]]>

Itung2 Nambah koleksi spesial efek blog ini he3 ...

Tips Membuka 2 Target Link dalam 1 Link

B iarin aja orang mo ngomong apa, di bilang ketinggalan terserah apa aja terserah yang penting ada bahan postingan Huaha2 ... PD aja lagi, tp target saya untuk tulisan ini adalah untuk para pemula looh ... jangan tersinggung dibilang pemula soalnya saya sendiri aja seorang pemula, satai aja lagi ...
Kembali kebahasan sob, dari pada nglantur kemana2 ... Pada bahasan kali ini saya akan memberikan cara bagaimana Anda membuka dua target URL dalam satu link. Ketika Anda klik satu link, maka terbuka dua jendela yang berbeda. Penasaran ?

Coba klik link di bawah ini untuk melihatnya :

Coba Klik Disini

Mantep kan ...?

Untuk mempermudah liat penjelasan dibawah ini :
+ Kode link biasa :

http://multimediasukamara.blogspot.com

+ Nah, untuk kode satu link dua target :

http://multimediasukamara.blogspot.com" target="mainframe" onclick="window.location.replace('http://www.lokeriklan.com')">Coba Klik Disini

Keterangan :
+ Merah adalah Link yang ditampilkan.
+ Biru adalah URL Link 1.
+ Hijau adalah URL Link 2.

Buruan dipraktekkan rekan2, karena sangat menarik membuat link kita terbuka 2 sekaligus ...
Happy Blogging ...

Tool buat Cek posisi Web/Blog di Google

Awalnya seeh cuma mau ngecek posisi blog saya ini di Search Engine khususnya mbah Google ... setelah keliling2 cari tool buat ngecek, akhirnya ketemu juga. Dari awal aku penasaran bgt ma posisi web / blog ku pada no berapakah mbah Google sekedar mengenal blogku he3 ... Setelah dipikir2 keren dan berguna juga untuk menuliskan postingan tips gimana cara ngecek posisi web / blog di Google. Ok bagi rekan2 yang berminat untuk sekedar ngecek posisi web / blog anda silakan cek dengan menggunakan Google top 1000 serps checker. OK langsung aja menuju ke TKP. Tool ini sangat berguna bagi rekan2 apalagi yang mungkin sedang mengikuti suatu kontes blog dll ... Saya akan sedikit menuliskan langkah2 setelah anda menuju halaman tool tersebut : 1. Pilih Google indonesia (Google.co.id ) 2. Selanjutnya untuk target keyword, silakan anda masukkan target keyword yang ingin anda cek pada web / blog anda dan ketikkan URL web / blog anda. 3. Tunggulah prosesnya untuk beberapa saat dan hasilnya akan langsung terlihat. Gimana, mudah bukan? kira2 mbah Google ramah g ma blog anda?Tapi rekan2 jangan kecewa jika hasilnya tidak sesuai harapan, seperti blog saya ini huk2 ... Terus semangat dan Happy Blogging ..