Menampilkan avatar di komentar Blog. Tentu saat anda berkunjung ke blog Wordpress, avatar di dalam komentar merupakan hal yang lumrah. Lalu apakah mungkin kang hal tersebut di terapkan di mesin Blogspot? Jawabannya adalah Ya!.


Oke kali ini kang salman akan mengulas mengenai cara membuat avatar di komentar blog untuk blogspot
Step 1 :
Silakan Login ke Blogger » Pilih Rancangan » Pilih Tab Edit HTML
Step 2 :
- Beri tanda ceklis pada kotak kecil disamping tulisan "Expand Template Widget"
- Cari kode ]]>b:skin>
- Copy kede di bawah ini dan taruh di atas ]]>b:skin>

.avatar-image-container{width:44px;height:44px;}

.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVklMwXF1rY0KDxLPf1EPmo9OurjeO9BAFXBuuIDIXH_cfmLUVHiTl12SQsvvILYvc9hOalup9ZVYGdOyZ3nx-E_Mvk_yxcFP8GeFzLjYKNda7H9Rn8JiZbErYivhj0qXUVcQ8ym5CNgo/s1600/Membuat+Avatar+di+Kometar+Blogger.gif);width:44px;height:44px;}

Ket : ubah tulisan hijau di atas, dengan url foto, gambar, atau avatar yang kamu sukai...
- Cari kode

Tips : Tekan CTRL+F lalu masukan kode id='comments-block'> ke kotak search, lalu enter
- Kalau sudah ketemu, pilih yang pertama, lalu hapus kode tadi
- Ganti dengan kode berikut :

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

- Sekarang cari kode

class='data:post.avatarIndentClass' id='comments-block'>
- Hapus kode tadi dan ganti dengan kode di berikut :

<b:if cond='data:comment.favicon'>

<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>

b:if>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:blog.enabledCommentProfileImages'>

<div expr:class='data:comment.avatarContainerClass'>

<data:comment.authorAvatarImage/>

div>

b:if>

Terakhir Simpan dan lihat hasilnya komentar di artikel anda yang mengunkan anonim atau url akan memiliki avatar sehingga terlihat lebih menarik!
Catatan :
*Terkadang cara diatas tidak cocok untuk beberapa template, jadi anda harus sedikit memodifnya sedikit lagi.

<SCRIPT LANGUAGE=javascript> window.alert('Hello World......') window.alert("Welcome to JavaScript...") namaMu = window.prompt("Selamat Datang! Masukkan nama Anda","Masukkan nama Anda:") alamatMu = window.prompt("Alamat:","Masukkan alamat Anda:") umurMu = window.prompt("Usia","Masukkan usia Anda:") emailMu = window.prompt("E-Mail","Masukkan Email:") window.alert("Hello " + namaMu) window.alert("You live in " + alamatMu) window.alert(namaMu + " is " + umurMu + " years old") window.alert("Your Email : " + emailMu) konfirmasi = window.confirm("Klik OK untuk lanjut. Klik Stop untuk berhenti."); if (konfirmasi) { window.alert("Please wait...") document.write('<h1><b>Report</b></h1><hr>') document.write('Nama : ' + namaMu + '<br>') document.write('Alamat : ' + alamatMu + '<br>') document.write('Usia : ' + umurMu + '<br>') document.write('Email : <a href=mailto:'+ emailMu +'>'+ emailMu +'</a><br>') } else { window.alert("Kamu sudah mengklik Stop") document.write('Terimakasih.. ' + namaMu + ' Datang kembali.<br>') document.write('<a href=tutormessageboxjs.html>Try again?</a>') } </SCRIPT>

Oke Sobat Informasi maya semoga tips alert text name ini bermanfaat and selamat beraktifitas. ^_^

Sbola_p2ering kita lihat beberapa blog atau website tertentu mempunyai suatu box ( kotak ), biasanya warnanya abu-abu terkadang ada juga ada warna lainnya. Dan box ini sering saya namakan Grey Box. Biasanya Box ini berisi tulisan atau text yang biasanya untuk menekankan sesuatu yang penting atau perlu diperhatikan, jadi dengan membuat suatu kotak pada tulisan, paragraf tersebut akan kelihatan menarik.

Tentu kita pernah lihat tampilan kotak seperti ini,
mungkin dengan berbagai macam gaya yang pernah kita temukan

Dimenu blog ini kita tentu tidak menemukan fasilitas bagaimana caranya membuat Box tersebut, karena untuk membuatnya kita harus menggunakan bahasa HTML/ PHP. Dan setiap blog tentunya harus mengenal bahasa HTML/ PHP ini, dengan mengaktifkan menu HTML/ PHP kita bisa berkreasi untuk memperindah tampilan tulisan kita. Perintah dasanya untuk itu adalah sebagai berikut :

Tulisan Anda Ada disini

Kita bisa langsung dapat mencoba perintah diatas, dan yang harus diingat saat menulis perintah diatas posisi tab harus dalam posisi HTML, untuk melihat hasil nya kita bisa lihat dalam tab visual, dalam tab visual ini kita bisa melanjutkan menulis seperti biasanya.

Maksud dari perintah diatas sbb :

……….

: persiapan.

Style = “……………..” : style atau gaya.

“overflow : auto” : apabila tulisan kita melewati garis yang kita batasi maka akan terbentuk Scroll secara otomatis.

“width=500px” : lebar kotak 500 pixels.

“height=50px” : tinggi kotak 50px.

“text-align : left” : tulisan rata kiri.

“border : 6px outset” : garis kotak lebarnya 6 Piksel, dan kelihatan timbul, option lainnya “inset”.

“font-size : 14px” : ukuran font;

“Background-color : #cccccc” : warna background abu-abu.

”border-color : #cccccc” : warna garis kotak abu-abu.

“padding : 2px” : posisi tulisan dari batas atas.

“margin : auto” : posisi kotak ditengah.

……. : tulisan huruf tebal.

Saya kira cukup penjelasan saya mudah-mudahan pembaca bisa memanfaatkannya.

Hallo sobat informasi maya hari ini kang salman mau bahas bagaimana cara membuat text skrip muncul di akhir blog. singkatnya saat orang meninggalkan blog kita maka akan muncul pesan di blog kita.
Kata penutup di Blog merupakan salah satu trik dari pemilik blog atau admin untuk menyampaikan suatu pesan terima kasih kepada para pengunjungnya karena telah membuka blognya. Anda pasti sudah pahamkan maksud saya mengenai penutup blog itu. Script ini saya coba di Blogspot dan belum saya praktekkan di Wordpress.

Cara buatnya :

1. Login ke Blogger.
2. Klik Layout --> Edit HTML.
3. Cari kode di dalam template anda.
4. Copy pastekan script di bawah ini tepat dibawah kode :



5. Klik Simpan Template.

Selamat mencoba ...

TULISAN BERKEDIP-KEDIP:

Contoh:
Teks

TULISAN BERJALAN:

Contoh:
Teks
TULISAN BERJALAN KANAN-KIRI

Contoh:
Teks
Bisa diatur width=”" sesuai keinginan kita, di tulis setelah “ALTERNATE”
misalnya Teks

TEKS BERGERAK ATAS-BAWAH Contoh:

<MARQUEE behavior=“ALTERNATE”
direction=“up”
height=“80″
width=“200″
scrollamount=“1″
scrolldelay=“50″
truespeed onmouseover=this.stop() onmouseout=this.start()
style=” text-align: left; color: #000000; font-weight: normal; ” > HARGA BBM TURUN NAIK

Kalau <marquee behavior=“scroll”>
direction=“up”
artinya teks nya bergerak ke atas terus.

Kalau
scrollamount=“1″
scrolldelay=“50″
truespeed onmouseover=this.stop() onmouseout=this.start()
style=” text-align: left; color: #000000; font-weight: normal; ” >
Artinya kecepatan teks dan akan berhenti ketika mouse di atasnya.

Biar teks nya tambah keren, kita bisa atur dengan

misalnya Teks

face=jenis font size=ukuran font color=warna font. Pakai kode angka, diawali #. Untuk rujukan kode warna HTML cari aja di Google, dengan kata kunci KODE WARNA HTML, he…he… asaludin, untuk sementara itu dulu, nanti dilanjut. Sorry kalau salah

Tulisan berjalan vertical :

Salam bro,
Mungkin kita semua tidak asing lagi dengan perintah Marquee. Bagi yang pernah mendapat pelajaran di sekolah atau di kuliah perintah ini mungkin tidak asing lagi. Tapi sangat sedikit penjelasan yang didapat dari turunan atau kombinasi dari perintah ini. Sehingga tampilannya yang didapat kurang menarik selain huruf-huruf yang hanya dapat bergerak dari kanan kekiri
Misalnya kita tulis perintah begini :

tulisan saya

Perintah diatas merupakan perintah sangat sederhana, perintah ini sebenarnya dapat dikembangkan sehingga tulisan dapat bergerak kesegala arah sesuai dengan keinginan kita dan dapat dikombinasikan dengan beberapa perintah lainnya sehingga tampilannya menjadi menarik.

contohnya saat kita ingin mengembangkan web sendiri dan ingin menampilkan daftar nama teman atau daftar apa saja yang banyak sekali sehingga cukup memakan halaman web. Bagaimana caranya agar semua bisa tampil tetapi tidak memakan halaman web tersebut, sehingga kita mendapatkan suatu halaman yang efisien dengan tampilan menarik dan kreatif.

Berikut ini adalah contoh perintah yang harus kita tuliskan, dan bisa ditaruh dihalaman web.

- JNet99


- gustidana




- cyberwhite

Penjelasan perintah :
Direction : perintah ini untuk mengendalikan arah tulisan, ada beberapa option yaitu “down” : tulisan bergerak turun, “left” : dari kiri kekanan, “right” : dari kanan kekiri, “up” : tulisan bergerak naik.

Scrolldelay : perintah ini untuk mengatur cepat lambatnya pergerakan.

Style : merupakan perintah kombinasi untuk membuat model yang akan kita bikin. Model yang kita bikin lewat perintah berikut ini :

Border : artinya kita bikin bordir dengan option : medium, thin, thick, dashed, dotted, double, groove, hiden, inset, none, outset, ridge, solid, inheret. Dan disini saya memakai solid saja sebagai contoh. Anda bisa coba-coba yang lainnya.

Height : tinggi bordir yang akan dibikin dengan ukuran pixel.

Width : lebar bordir.

Border-width : merupakan tingkat ketebalan garis dan mempunyai option medium, thin, thick.

background-color : warna background.

Cuma sayangnya perintah ini tidak bisa dijalankan di wordpress, karena wordpress sangat membatasi perintah-perintah html yang bisa digunakan.

Anda bisa coba di blogspot seperti contoh ini http://jnet99.blogspot.com

Dan bisa juga ditaruh di Gadget nya blogspot.

Anda juga bisa mencoba di notepad (program bawaan windows) dan disimpan dalam extension *.htm, untuk menjalakannya tinggal double click.

Mudah-mudahan bisa bermanfaat bagi pembaca.

Gunakan pita pendek sekitar 30 cm. agar jika pita menembus kain berulang-ulang akan cepat menjadi “gripis”dan aus.

• Gunakan jarum jahit sulam bermata lebar karena jika ditusukan akan membuat lubang kain yang lebih lebar. Ini dimaksudkan agar ausnya pita hanya sedikit.

• buatlah tusuk yang lebih pankang dari lebar pitanya sehingga penampilan pita lebih utuh tanpa harus banyak berkerut.

• kerjakanlah dnegan tarikan halus agar bentuk tusukannya terlihat lebih penuh dan menonjol serta tidak kehilangan bentuknya.

• agar bentuk tidak lepas atau rusak, siakan sedikit pita sekitar cm pada sisi balik pada saat memulai dan mengakhiri. Mantapkan pita tadi dengan menyelipkan diatanra tusukan pita atau jahit sedikit dengan benang jahit. Mengakhiri sulaman dnegan cara simpul akan mudah lepas atau meninggalkan bendelan-bendolan.

• untuk mencegah pita melintir, jaga pita dibagaian bawah kain kemudian pada bagian permukaan letakkan tusuknya rata dengan kain, rapikan pitanya dan tahan dengan ibu jari selama menarik pita.

• jika mungkin, tusukkan ujung jarum jahit sulam disekitar pita, hindari menusuk menembus pita atau simpul yang ada dibagaian bawah kain. Jika terjadi pada tusuk jahit sulam yang baru dibuat sebelumnya, itu akan mengakibatkan aus atau merusak tusuk tersebut .

• gunakan ibu jari dan telunjuk tangan yang bebas untuk menahan tusukan yang sudah dikerjakan. Ini membantu mencegah tusuk sebelumnya menjadi terdorong sangat kencang (tegang) dan rapat, sehingga malah menjadi tampak kusut.

• pita yang tebal cenderung membentuk tusuk jahit sulam lebih lebar. Ini dapat disiasati dengan menarik tususknya lebih ketat.