Tampilkan postingan dengan label TRICK BLOGGER. Tampilkan semua postingan
Tampilkan postingan dengan label TRICK BLOGGER. Tampilkan semua postingan

22 Okt 2011

mungkin tutorial ini udah basi bgt bagi sobat yang udah lama ngeblog,tapi mungkin ada sedikit manfaatnya untuk blog newbie,ya seperti blog saya,,hehehe oke langsung aja,ada kalanya saat kita menulis sebuah artikel diwebsite atau blog kita memerlukan sebuah video untuk membantu panjelasan dalam penulisan artikel blog kita,nah disini kita akan sama-sama belajar cara memasukan video ke dalam artikel blog,caranya:

1.) untuk memasukan video kedalam artikel sobat harus menggunggah video sobat kesitus atau layanan pembuatan video salah satunya adalah Youtube ( Gratis sob )heheh. sobat harus daftar dulu tuh ke youtube agar bisa upload video sobat,setelah daftar jangan lupa verifikasi lewat email yang sobat pakai untuk daftar

2.) setelah semua selesai sobat upload tuh video yang ingin sobat posting ke blog sobat.

3.) sambil nunggu proses upload sobat bisa makan,minum,jalan ke mall ke taman,ngedate ama pacaran,Loh emang ny modem saya lelet???????????hehehhe

4.) setelah upload selesai sobat copy kan HTML yang diberikan youtube,trus paste dulu ke notepad,save

5.) untuk memasukan kode HTML atau video tersebut sobat tinggal posting kayak biasa,lalu sobat sisipkan pada tempat yang sobat inginkan,dan yang perlu diingat pada saat sobat paste HTML tsb posisi postingan sobat harus pada posisi EDIT jangan pada posisi COMPOSE,jika sudah selesai tinggal sobat publish aja tuh artikel dan video sobat udah bisa dilihat oleh para pembaca dan fans2 sobat hehehehhehe,,, sekian
End........(ky film aja)
1 komentar:
Labels:

17 Agu 2011

Saya rasa memasang jam di blog sangat bermanfaat bagi seorang blogger sejati,karena saking asiknya ngeblog jadi ga ingat waktu,,wah bahaya itu,krn selain dunia maya kita juga perlu beraktifiras di dunia nyata,,oke bagi yang berminat ikuti aja tutorial ini,
~login ke blog sobat masing-masing
~klik rancangan dan edit HTML
~cari kode <body>
~masukan kode berikut tepat dibawah kode <body>

<div id='header-wrapper'>

~lalu ,masukan kode dibawah ini diatas kode <div id='header-wrapper'> 
kode yang barusan sobat tambahkan tadi

<form name='clock' style='float:right;padding:5px;margin:40px 10px 10px;border:4px solid #666;background:#333;'>
<input name='bgsGR' style='font-family:MS Sans serif;font-size:28px;color:#00FFFF;font-weight:bolder; background:#222 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgBlueFadeV57H4.jpg) top repeat-x;border:2px dotted red;padding:5px 0;display:block;float:right;text-align:center;width:125px;'/>
</form>

~lalu ganti kode <body> tadi dengan kode dibawah

<body onLoad='startclock()'>

~disave dulu ya
~terakhir klik elemen halaman /klik add gadged tambahkan HTML/javascript,
~copykan script dibawah ini

<script language='javascript'>
<!--
//SimpleClock.js - gubhugreyot - bloggerstars-1
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = hours
timeValue += ((minutes < 10)?":0":":") + minutes
timeValue += ((seconds < 10)?":0":":") + seconds
document.clock.bgsGR.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
function startclock () {
stopclock();
showtime();
}
//-->
</script>

~klik save dan lihat hasilnya,,
selamat mencoba........

1 komentar:
Labels:

15 Agu 2011

Baru saja tadi saya posting tetang membuat background pada kotak komentar, Sekarang saya akan menjelaskan cara menampilkan Photo Avatar pada kotak Komentar blog sobat blogger,contohnya seperti gambar di bawah ini,






Selain untuk melihat photo para sobat kita yang berkomentar tampilan kotak komentar kita pun jadi lebih menarik kan,,

Sebelum sobat memulai tutorial ini, pertama-tama dan yang paling utama pastikan settingan untuk Photo dikotak komentar sobat sudah benar. Cara penyettingannya adalah sebagai berikut :

  1. Pastikan sobat sudah Login ke Akun/Dasbor
  2. Pilih Pengaturan?Setting
  3. Kemudian masuk ke tab Komentar dan scroll sampai kebagian paling bawah, dan berikan tanda centang pada Tampilkan gambar profil dalam komentar?
  4. Kemudian klik tombol Simpan Setelan


Kalau Settingan komentar sobat sudah benar kita lanjut ke tahap selanjutnya yaitu Menampilkan Photo Avata Pada Komentar.

~Login Blogger
~Masuk ke rancangan dan Edit HTML
~Kasi tanda centang pada tulisan "Expand Template Widget"
~Sebaiknya sebelum mengotak ngatik HTML biasakan backup dulu takut terjadi kesalahan
~Cari kode ]]></b:skin>
~Setelah ketemu masukan kode dibawah ini tepat diatas kode ]]></b:skin>

.avatar-image-container{float:left;width:40px;height:40px;background:#fff;padding:1px;border:1px solid #ccc;margin:0px 10px 0px 0px;}
.avatar-image-container img { background:transparent url(http://photoserver.ws/images/qoyS4cc437164683f.jpg)no-repeat;width:40px; height:40px;}

~Kalau sudah, sekarang cari kode seperti ini <dl id='comments-block'> atau kalau tidak ada cari kode  yang seperti ini <div id='comments-block'>
~Jika Element Template sobat memakai kode ini <dl id='comments-block'>
gantilah dengan kode dibawah ini :


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



~Tapi jika element template sobat memakai kode  ini <div id='comments-block'> maka gantilah dengan kode dibawah ini


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



 ~Kalo sudah diganti lanjut dengan mencari kode ini <a expr:name='data:comment.anchorName'/>
 ~Udah ketemu???? oke ganti dengan kode tsb dengan kode dibawah ini





<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'>
<data:comment.authorAvatarImage/>
</b:if>

~Oke setelah selesai tinggal di save aja templatenya,,
semoga bermanfaat,dan selamat mencoba>>>

Tidak ada komentar:
Labels: ,



Gimana ada yang mau kotak komentar blognya  punya bacground kayak gambar diatas???kalau ada yang berminat ikuti langkah-langkah berikut

~ Login blogger
~Klik rancangan Edit HTML
~Centang "Expand Template Widget"
~ Cari kode berikut


<div class='comment-form'>



~Setelah ketemu ganti dengan kode tersebut dengan kode dibawah ini:


<div id='ib-form'>


~Kemudian cari kode  ]]></b:skin>
~Kalo udah ketemu tambahkan kode dibawah ini tepat diatas kode  ]]></b:skin>


#ib-form iframe{
background:#ffffff url(http://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(http://i649.photobucket.com/albums/uu217/teaade/backroundpos.gif) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}


Tulisan yang ane tandai dengan warna merah adalah Url gambarnya
..sobat bisa ganti dengan URL gambar sobat sendiri
~Setelah selesai simpan template dan lihat hasilnya
mudah kan??????
Oke selamat mencoba semoga berhasil..........

Tidak ada komentar:
Labels:
Langganan: Postingan (Atom)