New Post

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Readmore
Membuat Label di Blog adalah cara yang sangat mudah dan penting. Label blog identik dengan kategori pada website pada umumnya. walaupun membuat label adalah tutorial blog dan seoyang sangat mendasar, ini tidak kalah pentingnya untuk perkembangan dan kebutuhan sebuah website atau blog.

Membuat label Blog
 Walaupun fasilitas Membuat Label tersebut telah tersedia, tapi jika kita tidak mengetahui cara menggunakannya akan menjadi tidak berguna. label baru blog bisa dibuat hanya dengan mengisi kotak label yang di sedikan pada setiap kita editing posting artikel, cara yang sangat simpel dan sederhana.


Membuat Label Blogger


1.Menambahkan Label baru, Caranya seperti biasa langsung menuju edit posting/artikel baik yang baru maupun artikel lama. Lihat disisi kanan atas blog ada "label" lalu buka *Klik. Nah masukkan kategori yang dimaksud kedalam kotak label tsb.

2.Memilih sebuah Label/kategory, Untuk menambahkan artikel dalam sebuah kategori/ label yang telah dibuat sebelumnya maka caranya hampir sama dengan cara Membuat label baru tadi, Perbedaanya adalah anda tidak perlu menambahkan label kedalam kotak. Silahkan pilih saja yang sudah tersedia.
Membuat Label di Blog
Contoh Pembuatan / penambahan Label Blog di dashboard
Setelah berhasil membuat laber artikel, sekarang kamu bisa menampilkan label / list kategori ke sidebar blog.



Cara Memasang Widget Label / Kategori di blog

    1.Login keBlogger.com
    2.Pilih Edit Tata Letak
    3.Pilih tempat gadget ingin meletakkan Label
    Cara Memasang Widget Label
    4.Pilih widget label



    Cara Membuat label di Blog

    Kamis, 14 Maret 2013
    Posted by Unknown
    Add Comments
    Tag :
    Readmore
    Cara membua Hyperlink
    Untuk membuat HyperLink sangatlah banyak caranya, dan memiliki banyak macam, mari kita perhatikan macam-macam dan cara membuatnya sebagai berikut:


    1. Membuat HyperLink teks yang terbuka di Tab yang sama.

    Membuat HyperLink teks yang terbuka di tab yang sama sangatlah mudah, anda tinggal menggunakan kode HTMl berikut:

    <a href="http://t4belajarblogger.blogspot.com">t4belajarblogger.blogspot.com</a>


    Maka akan menjadi seperti berikut ini:

    t4belajarblogger.blogspot.com, keterangan>>>Jika anda meng-klik link tersebut maka akan terbuka di tab yang sama. Bagi anda yang ingin menggunakan kode di atas, gantilah tulisan yang berwarna hijau dan biru, dan sesuaikanlah dengan alamat URL yang anda inginkan.

    Selain itu bisa juga dengan cara lain yaitu menggunakan tombol yang telah disediakan olehblogger.com, caranya adalah sebagai berikut:


    1. Tulislah sesuatu yang ingin anda sisipi dengan suatu link, contoh: Google.

    2. Blok tulisan Google tersebut.

    3. Klik tombol HyperLink/ tautan yang terletak di bagian atas halaman penge-post-an.


    4. Kemudian akan muncul kotak kecil baru, yang kemudian anda harus menulis URL tujuan.


    5. Silahkan anda tulis alamat tujuan di bagian yang telah ditandai dengan elips merah, maka anda akan tulis http://google.com

    6. Maka hasilnya adalah seperti ini: Google (jika diklik maka akan terbuka di tab yang sama)



    2. Membuat HyperLink teks yang terbuka di Tab yang baru/ berbeda.

    Untuk memulai membuat HyperLink teks yang akan terbuka di halaman tab baru maka anda perlu menggunakan Kode HTML berikut ini:

    <a href="http://t4belajarblogger.blogspot.com" target="_blank">t4belajarblogger.blogspot.com</a>


    Maka akan menjadi seperti ini:

    t4belajarblogger.blogspot.com. untuk mencoba, silahkan anda klik link tersebut. Pasti akan terbuka di halaman tab baru.



    3. Membuat HyperLink gambar yang terbuka di Tab yang sama.

    Kodenya yaitu sebagai berikut:

    <a href="http://t4belajarblogger.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3WmMVexeRiF0KWCnOWojS0PMXwJDShawY896NNQk20SZveRGeEOsKg1Sf6_SpxLVWOZGOuTi-8RVKs9ToHvCKr9WFI8ATy3D27kytiIAIhGuTpfwXWw8-1nzM2bFGpWvTxA8IBFAL3g03/" alt="halaman depan" /></a>


    Keterangan...

    Hijau: Adalah Alamat URL tujuan.
    Orange: Alamat URL Gambar.
    Biru: Keterangan gambar (bebas diisi apa saja, asal ada hubungannya).

    Maka hasilnya adalah seperti ini:

    halaman depan

    Jika anda meng-klik gambar di atas maka anda akan di bawa ke suatu halaman namun tetap berada di tab yang sama.



    4. Membuat HyperLink gambar yang terbuka di Tab yang baru/ berbeda.

    Kode HTML:

    <a target="_blank" href="http://t4belajarblogger.blogspot.com/"><img alt="t4belajarblogger.blogspot.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3WmMVexeRiF0KWCnOWojS0PMXwJDShawY896NNQk20SZveRGeEOsKg1Sf6_SpxLVWOZGOuTi-8RVKs9ToHvCKr9WFI8ATy3D27kytiIAIhGuTpfwXWw8-1nzM2bFGpWvTxA8IBFAL3g03/" border="0" /></a>


    Keterangan...

    Hijau: Adalah Alamat URL tujuan.
    Biru: Keterangan gambar (bebas diisi apa saja, asal ada hubungannya).
    Orange: Alamat URL Gambar.

    Maka hasilnya adalah seperti ini:

    t4belajarblogger.blogspot.com

    Jika anda meng-klik gambar di atas maka anda akan di bawa ke suatu halaman dan berada di tab yang baru/ berbeda.


    Selesai....Selamat mencoba!




    Source:  http://www.muhbalak.com/2009/11/aneka-cara-membuat-hyperlink.html

    Cara membua Hyperlink

    Senin, 11 Maret 2013
    Posted by Unknown
    Add Comments
    Tag :
    Readmore

             

    Cara Membuat Read More / Baca Selengkapnya di Blogger


          Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

    1. Buka menu Layout kemudian pilih Edit HTML.

    2. Kasih tanda cek (centang) pada cekbox "expand widget template"

    3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
    <p><data:post.body/></p>

    4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

    <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>

    Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

    5. Simpan hasil pengeditan.

    6. Kemudian pilih menu Setting lalu pilih Formatting

    7. Pada kotak Post Template isikan kode berikut:

    <span class="fullpost">


    </span>


    8. Kemudian Simpan.

    9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

    <span class="fullpost">


    </span>


    10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :<span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan</span>

    11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D

    Selamat Mencoba...


















    Cara membuat Read More

    Kamis, 24 Januari 2013
    Posted by Unknown
    Add Comments
    Tag :
    Readmore

    Cara Membuat Kode Tukar Link Banner di Blog - Demi menjalin kekerabatan antara sesama blogger, serasa tak cukup jika hanya sekedar blogwalking, salah satu yang seharusnya ada di blog adalah halaman Tukeran Link. Halaman ini nantinya akan berisi daftar link - link blog sahabat yang sobat pasang secara manual ( bukan otomatis ) dengan tujuan memberi backlink dan trafik pada blog yang di pasang bannernya.

    Kali ini kita akan membahas     cara memasang kode tukeran link di blog yang bisa sobat pasang di sidebar ataupun di halaman posting. Silahkan ikuti tutorial berikut bagi sobat blogger yang tertarik memasangnya.

    1. Tukar Link Teks
    <center><textarea code="" rows="4" cols="21" name=""><a href="http://dheliora.blogspot.com/" target="_blank">Khiekuk's Blog</a></textarea></center>


    Catatan :

    • Ganti kode kode berwarna biru dengan url blog sobat.
    • Ganti kode berwarna merah dengan judul blog sobat.
    • Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )
    ·        
    2. Tukar Link Gambar
    ·         <div style="text-align: center;">
    <img alt="christian tatelu" border="0" src="    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3pHTkz7rRDT-tnfmh9NTUadqZmTe2e9sKTuox5WMJPapGa-GQdVyv0FZ9xjYyoSF8AXXm3yrBiOVNlaCj1ZUzxJNq8nx_oTEms2SJtU2IzhcngZ1mjT5UagSHp4AJgxCPuRxVeEDuKWj0/s1600/cooltext893442587.gif" />
    <textarea code="" rows="4" cols="21" name=""><center><a href="http://christiantatelu.blogspot.com" target="_blank" title="Khiekuk's Blog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3pHTkz7rRDT-tnfmh9NTUadqZmTe2e9sKTuox5WMJPapGa-GQdVyv0FZ9xjYyoSF8AXXm3yrBiOVNlaCj1ZUzxJNq8nx_oTEms2SJtU2IzhcngZ1mjT5UagSHp4AJgxCPuRxVeEDuKWj0/s1600/cooltext893442587.gif" alt="Khiekuk's Blog" /></a></center></textarea></div>

    Hasilnya:
    •


    Catatan :

    • Ganti kode kode berwarna biru dengan url blog sobat.
    • Ganti kode berwarna merah dengan judul blog sobat.
    • Ganti angka berwarna hijau dengan angka yang diinginkan ( mengatur lebar dan tinggi text area )
    • Ganti kode berwarna ungu dengan Url gambar sobat.
    • Sobat yang belum mempunyai banner untuk link exchange silahkan lihat postingan lain tentang cara membuat banner untuk link exchange.


    Cara Pemasangan :
    1. Untuk cara pemasangan di postingan, silahkan masukkan di dalam Edit HTML dan bukan Compose.
    2. Untuk cara pemasangan di sidebar, silahkan sobat masukkan ke dalam HTML/Javascript blog sobat. 
    caranya :
    Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
    Masukkan kode ke dalam konten yang di sediakan
    Klik save dan lihat hasilnya...









    Source:   http://christiantatelu.blogspot.com/2012/03/cara-membuat-banner-untuk-link-exchange.html

    Cara Membuat Kode Tukar Link Banner di Blog

    Posted by Unknown
    Add Comments
    Tag :
    Readmore
    Cara Membuat Banner Untuk Link / Banner Exchange Blog - Link Exchange atau tukar link adalah bagian yang tak terpisahkan dari dunia blogger dan sebagin besar blogger menggunakannya. 

    apa sobat sudah pernah mendengar Cooltext?? di situlah kita akan membuat bannernya..

    Silahkan ikuti tutorial  cara membuat banner untuk link exchange di blog berikut.

    1. Kunjungi situs http://cooltext.com
    Kemudian akan terlihat tampilan berikut. 



    2. Seperti pada gambar,di atas, pilihan menu yang di antaranya adalah menu Logo dan Button ( berbentuk tombol / background tombol ), pilih salah satunya saja. Misalnya sobat memilih BURNING ( logo ), maka sobat akan melihat tampilan seperti berikut.



    3. Atur penampilan kode dengan :
    • Mengganti tulisan Khiekuk's atau tulisan lain yang sobat ingin
    • Menggati atau memilih huruf ( font )
    • Menganti efek yangl lain .
    • Pilih format logo yang di inginkan. 
    4. Klik Create Logo dan kemudian sobat ke halaman dengan tampilan seperti berikut.



    5. Klik Download Image untuk mendowload gambarnya. Bisa juga dengan mengklik kanan pada mouse kemudian klik save image as.
    6.Hasilnya seperti ini




    6. Lalu ambil URL gambarnya ,dengan cara:
    • Klik kanan --> Klik Copy Image Location
    • Dengan mengupload ke situs file sharing seperti Photobucket dan lain - lain.
    Pilihlah cara yang mudah menurut sobat
    SELAMAT MEMCOBA



















    Untuk lebih jelasnya silahkan kunjungi:     
    http://christiantatelu.blogspot.com/2012/03/cara-membuat-banner-untuk-link-exchange.html

    Cara Membuat Banner Untuk Link / Banner Exchange Blog

    Minggu, 20 Januari 2013
    Posted by Unknown
    Add Comments
    Tag :
    Readmore

    Mengatur Letak Gadget Pada Blog



    Sering kali saya temukan blog dimana tata letak gadgetnya tidak tertata rapi. Hal ini sangat di sayangkan, karena dapat mengurangi nilai keindahan dari blog tersebut meski isi blog tersebut menarik.
    Tata letak ini juga sangat penting, sekali lagi "sangat penting" ketika kamu memasang Gadget yang dapat menghasilkan uang seperti Adsense. Karena pengunjung tidak akan tertarik me-klik iklan tersebut jika kamu tidak tepat meletakkannya pada blog.



    Untuk mengaturnya sangat lah mudah brow. Cukup tambahkan kode-kode berikut pada kode Gadget kamu.

    01. Membuat Gadget berada di posisi tengah halaman.

    <center>

Kode Gadget Kamu

</center>
    02. Berada di posisi kanan halaman.

    <right>

Kode Gadget Kamu

</right>
    03. Berada di posisi kiri halaman.

    <left>

Kode Gadget Kamu

</left>
    

    

    

    

    Cara untuk mengetahui kode gadget html di blog
Klik ini:http://fauziewisudawan.blogspot.com/2011/10/trik-mengetahui-kode-html-widget.html
    

    

    

    

    

    

    
Selamat mencoba,
    

    

    

    

    

    

    

    
Source: 
    
http://www.bloggerprooindonesia.com/2012/01/mengatur-letak-gadget-pada-blog.html
    

    

    

    


    
Mengatur Letak Gadget Pada Blog

    

    Posted by Unknown
    

    
Add Comments

    

    


    

    

    

    

    

    

          Tag :

    

    

    

    

    

    

    

    

    

    

    Readmore
    

    

    

    

    

    
Cara Membuat Tulisan Berjalan "MARQUEE"
    

    

    

    

    

    

    

    

    

    

    

    
Langsung yaaa)
    

    

    
1. Log in ke Blogger
    

    
2. Masuk ke Dasbor
    

    
3. Pilih Tata Letak
    

    
4. Tambah Target / Add As Target (terserah ente)
    

    
5. Pilih HTML/JavaScript
    

    
6. Copy Paste script dibawah ini :
    

    

    
Contoh MARQUEE dasar :
    

    

    

    
-Berjalan dari kanan ke kiri tanpa pembatas
    

    

    

    
Cara menulisnya :
    

    
<marquee>Kalimat Anda</marquee>
    

    

    

    

    

    

    

    
-Berjalan dari kiri ke kanan tanpa pembatas
    

    

    

    
Cara menulisnya :
    

    
<marquee direction="right">Kalimat Anda</marquee>
    

    

    

    

    

    

    

    
Berjalan Kekanan dan kekiri tanpa pembatas
    

    

    

    
Cara menulisnya :
    

    
<marquee behavior="alternate">Kalimat Anda</marquee>
    

    

    

    

    

    

    

    
Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut
    

    

    

    
Cara menulisnya :
    

    
<marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee>
    

    

    

    

    

    

    

    
Ini contoh marquee kanan kiri dengan kecepatan yang bisa di atur dengan menambahkan perintah "Scrollamount"
    

    

    

    
Cara menulisnya :
    

    
<marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>
    

    

    

    

    

    

    

    
Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau angka pada kata scrollamout
    

    

    

    
Cara menulisnya :
    

    
ke atas:
    

    
<marquee direction="up">Teks Anda</marquee>
    
ke bawah :
    

    
<marquee direction="down">Teks Anda</marquee>
    

    

    

    
<marquee direction="up" behavior="alternate" scrollamount="18">Teks Anda</marquee>
    

    

    

    

    

    

    

    
Kalau sekarang marquee dengan pembatas biasanya untuk kata/kalimat yang berurutan, agar tidak terlalu memakan tempat, bergerak keatas dan akan berhenti saat mouse anda berada diatasnya
    

    

    

    
Cara menulisnya :
    

    
<marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br></marquee>
    

    

    

    

    

    

    

    
Ini kalau ke bawah dan "bablas" aja walaupun mouse anda berada diatasnya (tanpa kode muoseover....
    

    

    

    
Cara menulisnya :
    

    
<marquee direction="down" width="200" scrollamount="4" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br></marquee>
    

    

    

    

    

    

    

    
Ini dengan perintah "center" agar tulisan berada di posisi tengah form/bingkai :
    

    

    

    
Cara menulisnya :
    

    
<center><marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="1" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br></marquee></center>
    

    

    

    

    

    

    

    
7. Simpan....
    

    

    8. Selesai ^_^
    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    

    
Posted By:http://iwandah.blogspot.com/2010/07/cara-membuat-tulisan-berjalan-marquee.html
    

    

    

    


    
Cara Membuat Tulisan Berjalan "MARQUEE"

    

    Posted by Unknown
    

    
Add Comments

    

    


    

    

    

    

    

    

          Tag :

    

    

    

    

    

      
    
    


    

    


    

    

    

    

    

    // Copyright © 2012 Khiekuk's Blog //Anime-Note//Powered by Blogger // Designed by Johanes Djogan //