hai kawand....

ketemu lagiii....


langsung aja iaa...

kali ini Ryan akan membahas cara agar jika ada orang yang mengunjungi alamat blog kita maka akan muncul pesan sambutan.....


percisnya, kayak blog ini nii...

kalo kalian masuk ada pesan sambutannya kan?


(iya ya ko ada pesan sambutannya?)

tuh uda ada yg jawab...


ok, ak uda tulis ni cara"nya...

tenang aja, Ryan kasih ko...

berbagi ilmu itu kan indah...


langsung iaaa...


1. log in ke blogger kamu

2. Pilih Tata Letak (Layout)

3. Klik Tambah Gadget (HTML/Javascripts)

4. Tulis Kode di bawah ini:





5. Save, dan lihatlah perubahan di blog kamu...



keteranganya ni nady kasih:

Teks warna merah: Pesan itu bisa kamu ganti(sesuai keinginan kamu) dan akan muncul jika ada yg mengunjungi blog kamu pada malam hari sekitar jam 1 pagi.

Teks warna kuning: sama seperti yg di atas tapi, akan muncul pada pagi hari.

Teks warna biru: akan muncul pada siang hari dari jam 10 dan seterusnya.

Teks berwarna ungu: muncul pada sore hari sampai jam 8 malam.

Teks warna putih: akan muncul pada malam hari, sekitar jam 8.



Gampang kan?

hehehe....

Artikel kali ini adalah pesanan dari sahabat bloger saya, dia meminta saya agar di buatkan tutorial "Buku Tamu yg nempel di dinding" hehehehhe!! Sebenarnya punya saya itu hasil nyolong di blog orang kemudian saya rombak sendiri Cuman nyuri kodenya duank :D hehehhehe, tetapi lupa nyolongnya dimana (kalau ada yang merasa sebagai penciptanya saya berterima kasih dan minta maaf juga heheh )..,,

Fungsi dari buku tamu yang nempel di dinding ( cicak kaleeeee ) atau saya menamakannya Buku Tamu Slide adalah untuk mengirit tempat di blog sobat. Langsung saja cekidot dot

1. Seperti biasa pertama-tama login ke Blog sobat, jangan ke Facebook.

2. Klik tata letak atau layout.

3. Pilih Edit HTML.

4. Sebelum memulai pengeditan alahkah baiknya sobat membackup data sobat terlebih dahulu, caranya pilih Download Template Lengkap.

5. Cari kode ]]></b:skin> agar lebih mudah sobat bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find.


6. Copy code di bawah kemudian paste di atas kode ]]></b:skin>

#chat{position:fixed; top:20px; z-index:+1000}
* html #chat{position:relative}
.chat-click{height:191px; width:53px; float:left; cursor:pointer; background:url(URL TOMBOL) no-repeat;}
.chatbox{float:left; border:0px solid #; background:  #faeba8 ; padding:25px 0 50px 25px}
.chatbox a {text-decoration: none;}

Catatan :

• Tulisan yang berwarna orange adalah jarak atas kotak surat 
• Kode yang berwarna hijau adalah lebar dan tinggi dari tombol slide
• Tulisan yang berwarna merah itu diganti dengan url gambar tombol milik sobat
• Tulisan yang berwarna biru adalah kode warna dari background Buku tamu milik sobat, jika sobat ingin menggantinya dengan gambar tinggal menyisipkan kode ini url(link background sobat letakkan disini)no-repeat

7. Simpan Template.

8 Kembali ke Elemen Laman.

9. Pilih HTML/JavaScript  , kemudian masukkan kode di bawah.

<script type="text/javascript">
function showHidechat(){
var chat = document.getElementById("chat");
var w = chat.offsetWidth;
chat.opened ? movechat(0, 30-w) : movechat(20-w, 0);
chat.opened = !chat.opened;
}
function movechat(x0, xf){
var chat = document.getElementById("chat");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
chat.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movechat("+x+", "+xf+")", 10);}
}
</script>
<div id="chat">
<div class="chat-click" onclick="showHidechat()"> </div>
<div class="chatbox">
<center>


<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="300" height="145" src="http://www7.cbox.ws/box/?boxid=334764&amp;boxtag=9wsmre&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#00681A 1px solid;border-bottom:0px" id="cboxform"></iframe></div>
<div><iframe frameborder="0" width="300" height="400" src="http://www7.cbox.ws/box/?boxid=334764&amp;boxtag=9wsmre&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#00681A 1px solid;" id="cboxmain"></iframe></div>
</div>
<!-- END CBOX -->


</center>
<span style="float:right">
<a href="javascript:showHidechat()">
close
</a></span>
</div></div>

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

Dalam suatu blog terkadang kita ingin mengganti alamat blog kita dengan alamat yang lebih kita sukai, anda tidak perlu membuat blog baru nah untuk menggantinya ikuti langkah dibawah ini:


1.Login ke blog anda dan masuk halaman Dashboard anda
2.Klik Setting
3.Klik tombol Publishing
4.Disebelah Blog*Spot Address ada alamat blog anda
5.Silakan ganti dgn alamat baru
6.Masukkan kode di word Verification form
7.Kemudian Save setting
8.jika alamat blog anda sudah ada yang menggunakan akan ada tulisa muncul Sorry, this blog address is not available
9.silakan isi kembali alamat blog anda yang dgn yang lain sampai muncul tulisan Subject to availability.
10.Kemudian klik kembali tombol Save Setting
11.Selesai

Selamat Mencoba!!!

Untuk membuat Read More seperti pada postingan saya,supaya artikel yang tampil lebih pendek ikuti langkah – langkah berikut:

1. Sign in di blogger anda dengan->Setting->Formatting

2.Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi text area kosong tersebut dengan kode di bawah ini :

3. Klik tombol yang bertuliskan Save Settings

Pemasangan kode ini supaya pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu ditext area saat posting

Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :


1. Klik menu Dasboard->Layout->Edit HTML


2. Klik tulisan Download Full Template


Silahkan save dulu template tersebut, untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula dgn upload lagi data tersebut


3. Jangan lupa beri tanda centang pada kotak di samping tulisan "Expand Widget Template"


4. Silahkan anda cari kode berikut pada kode template milik sobat :



atau



5. Copy kode HTML di bawah ini kemudian paste di bawah kode diatas




6. Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :



7. Copy kode HTML di bawah ini kemudian paste di bawah kode tadi




anda bisa mengganti kata Read More pada kode ini sesuai keinginan anda

8. klik tombol bertuliskan Save Template

9. Selesai,


Cara Posting Artikel nya


1. Klik menu Posting->jangan lupa tulis posting di Edit HTML bukan di Compose karena kode dibawah ini tidak akan muncul di halamana compose

Secara otomatis akan timbul kode seperti ini



2. Tulisankan artikel yang ingin tampak pada blog sebelum kode dibawah ini




3. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode dibawah ini :


4. Klik tombol PUBLISH POST->Silakan lihat blog anda,,


Untung postingan yang anda buat sebelum pasang read more silakan edit dan tambahkan kode dibawah ini secara manual dengan format dibawah ini




warna merah adalah kode yang harus anda tambahkan dipostingan yang sedang anda edit



Selamat mencoba!!! semoga berhasil :.

Untuk membuat halaman berfungsi sebagai scrool seperti contoh kolom blog saya BLOGGER TUTORIAL anda hanya perlu membuat kode-kode seperti berikut sesuai dengan URL blog anda sekarang atau ganti kode yang berwarna merah dgn URL blog anda, supaya lebih mengerti akan saya contohkan kode HTML blog saya seperti dibawah ini:.


     

Setelah kode selesai silakan simpan kode tersebut seperti biasa Dashboard->Layout->Add Gadget->HTML/JavaScript->masukkan kode->simpan->>Selesai


SELAMAT MENCOBA!!!

Untuk sahabat blogger yang masih pemula (yang master pastinya dah pada bisa)tentunya sering dunk lihat gambar yang selalu berada di pojok..entah itu gambar burung, sonic lari..or bahkan foto yang empunya. Nah ingin tahu gimana caranya..
ikutin za langkah-langkah dibawah ini.

1.login dahulu ke blogger anda
2.buka tata letak
3.edit html
4.expand template widget
5.cari code ]]> (biar lebih mudah pijit za ctrl+f)
6.setelah ketemu masukan kode dibawah ini tepat di atas kode tadi

#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); }

7.cari kode</body>
8.setelah ketemu letakan kode dibawah ini tepat diatas kode tadi (no 6)


<div id='pojok'>
<img src='http://alamat-url-gambar-or-poto-anda.jpg' border='0' height='isiterserahanda' width='isiterserahanda'/>
</div>



catatan:
untuk height / tinggi diisi sesuai selera
untuk weight / lebar juga diisi sesuai selera sobat
alamat url gambar diatas (http://alamat-url-gambar-or-poto-anda.jpg) bisa sobat ganti dengan url gambar sesuai selera sobat. 

Selamat mencoba....

Kotak Blogroll dipasang apabila link yang ada diblog anda sudah kebanyakan misalnya link friend atau link iklan sehingga jika tampil semua akan memakan blog area yang banyak, tetapi dengan memasang kotak Blogroll dengan area yang sempit bisa masuk jauh lebih banyak link, untuk membuat kotak blogroll ada 2 macam yaitu

1. Kotak Blogroll Text Area

Kotak Blogroll Text area biasanya digunakan untuk pasang link frind anda atau link postingan anda, Kotak Blogroll ini sudah saya posting sebelumnya di judul postingan Membuat Scroll Element Halaman


2.Kotak Blogroll Marquee

Kotak Blogroll Marquee biasanya dipasang untuk link2 iklan, related link contohnya pada iklan berjalan saya di bagian atas halaman posting
untuk membuat Blogroll marquee silakan copy kode dibawah ini



Kode "up" itu berati arah bergeraknya, anda bisa menggantinya dengan down, left, right
Jikaingin bergerak secara horizontal left atau right maka hilangkan kode <br />.
Nilai"100" menunjukkan tinggi dari kotak blogroll kamu. Semakin tinggi angkanya maka semakin tinggi pula ukuran kotak blogroll anda
Scroolamount "2" adalah kecepatan link anda berjalan, semakin tinggi angkanya semakin cepat pergerakannya

GOOD LUCK!!!