Tutorial : Remove Subscribe to Post(Atom)

Di entri yang sebelumnya, Salsa sudah ajarkan kamu untuk remove Powered By Blogger, nah sekarang Salsa ingin ajarkan lagi untu Remove Subscribe to Post(Atom).

1. Dashboard > Template > Edit HTML > Tick Expand Widget Template
  ** Kalau kamu bingung dimana letak checkbox "Expand Widget Template" di template blogger tahun    2013, silahkan klik disini :)
2. Cari kode di bawah ini, tekan ctrl+f di keyboard agar lebih cepat

<b:include data='feedLinks' name='feedLinksBody'/>

3. Ketemu gak? coba lihat gambar ini

4. Kalau sudah ketemu, hapus kode itu lalu klik Save!

Byee'-')/

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Remove Powered by Blogger

Hi! Hari yang bagus untuk belajar tutorial~! Hari ini, Salsa mau ajarkan bagaimana untuk membuang Powered By Blogger

Kalimat itu ada di bagian bawah blog kamu, alangkah baik nya kalau di remove saja kan? Sebelum itu, Salsa mau credit kan artikel ini ke Kak Lyssa, karena dia yang mengajarkan Salsa.

1. Dashboard > Template > Edit HTML > Tick Expand Widget Template

** Kalau kamu bingung dimana letak checkbox "Expand Widget Template" di template blogger tahun 2013, silahkan klik disini :)

2. Next, cari kode di bawah ini

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

3. Kalau kamu sudah ketemu dengan kode tadi,  kamu tukar kalimat warna merah dengan kalimat false.
4. Sudah selesai? Klik save!
5. Tapi, tunggu dulu~! Tutorial ini belum selesai.
6. Sekarang, buka blog kamu dan klik tombol "Edit" Attribution(Powered by Blogger) di bagian paling bawah sekali.. Nanti kamu akan lihat tombol "Remove". Klik tombol Remove itu, lalu lihat hasilnya~!

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Cara centerkan Header blog

Assalamualaikum semua~! Hari ini Salsa mau bagikan tutorial cara center-kan header. Langsung aja kita praktekkan.

1. Dashboard > Template > Edit HTML

2. Cari kode di bawah ini, gunakan Ctrl+F agar lebih cepat

/* Content

3. Sudah ketemu? good~ Kalau gak ketemu, Salsa gak bisa bantu ._.v

4. Habis itu, tekan Copy dan pastekan kode di ini di atas atau sebelum kode /* Content tadi

.Header img { margin-$startSide: auto; margin-$endSide: auto; }

5. Preview dulu sebelum save, nanti kalau gak jadi bisa nangis kamu, Hehe.

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Disable Right Click

Hai semuaa~! Kemarin kan Salsa udah share tutorial men-disable right click dengan allert message, sekarang Salsa mau share tutorial men-disable right click without allert message. Oke, ikuti stepnya :

1. Dashboard > Tata Letak > Add a Gadget > HTML/JavaScript

2. Copy dan paste kode di bawah ke dalam tab HTML/JavaScript tadi

<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

3. Klik "Simpan" ^^

Semoga bermanfaat ya~

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Disable Right Click With Allert Message

1. Login blogger > Dashboard > Add a Gadget > HTML/JavaScript
2. Copy dan pastekan kode di bawah ini

<script language=JavaScript> <!-- //edit by unwanted var message="Masukkan kalimat kamu disini"; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --> </script>

** Ganti tulisan warna merah itu dengan kalimat-mu :)

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Memasang Sweet Tooltips di Blog

Kamu liat gak kotak kecil warna pink itu? Nah, itu dia "Sweet Tool tips". Sweet Tool tips itu cuma muncul ketika kamu mengarahkan kursor ke sebuah link. Mau coba~? Yuk, Salsa ajarin :)

1. Login blogger > Dashboard > Template > Edit HTML > Tick Expand Widget Template
  ** Kalau kamu bingung dimana letak checkbox "Expand Widget Template", silahkan klik disini :)
2. Cari kode di bawah ini

</head>

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Cara Mengubah tampilan Scroll Bar

Kamu tau kan scroll bar itu apa? Contoh nya seperti gambar di bawah ini

Scroll bar warna pink, Imut kan? kamu juga bisa ubah warna scroll bar beserta background-nya~! Langsung aja yuk kita praktekkin.

PERHATIAN~!!

Tutorial ini hanya berfungsi bagi pengguna GOOGLE CHROME saja.

1. Login blogger > Dashboard > Design > Template > Edit Html > Tick Expand Widget Template

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Membuat Cursor Hover

Kalian tau apa maksud cursor hover? Maksudnya, cursor berubah ketika menyentuh sebuah link. Jadi dalam satu blog, kamu bisa membuat 2 kursor selaligus. Ikuti step ini :

1. Login blogger > Dashboard > Design > Add a Gadget > HTML/JavaScript
2. Copy kode ini

<style type="text/css">body, a, a:link{cursor:url(url cursor 1), default;} a:hover {cursor:url(url cursor 2),wait;}</style>

3. Paste-kan di tab HTML/JavaScript tadi.
 **Warna biru : Kalian ganti dengan URL kursor yang sudah kalian pakai, ingat! URL! bukan KODE HTML~!
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Membuat Garis Penutup dalam Entri di blog

Hmm.. seperti biasa, apa kamu mengerti dengan judul entri-ku kali ini? Kalau gak ngerti, nih contohnya :

---

Eitt, bukan berarti tutorial kali ini sudah habis. Itu cuma contoh, oke~? Warna garis penutup di atas bisa kamu ganti dengan warna kesukaan-mu. Kalau tertarik, ikuti step-nya :

1. Login blogger > New Entri

2. Tulis entri mu seperti biasa.

3. Kalau sudah selesai, klik HTML*sebelah Compose* dan kamu paste kode di bawah ini

<hr color="#FF6699">

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Menambahkan ikon di samping post title

    
Bukankan akan lebih menarik jika di sebelah post title mu ada sebuah ikon? Yup, terutama buat kamu yang punya blog dengan tema tertentu, seperti Salsa, pink! Langsung aja, ikuti step ini :

1. Login > Dashboard > Edit HTML > Checklist "Expand Widget Template"
   ** Kalau kamu bingung mencari dimana letak checkbox "Expand Widget Template" di template blogger tahun 2013, silahkan klik Disini :)
2. Kemudian, cari kode seperti di bawah

<a expr:href='data:post.url'><data:post.title/></a>

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Mengubah teks home, newer, older post di blog menjadi icon

Kamu ngerti gak maksud post Salsa ini apa? Biar lebih gampang, liat gambar di bawah 

    Nah, udah ngerti kan? Tertarik gak? Kalo tertarik ikuti step ini :

1. Login > Dashboard > Design > Checklist kotak "Expand Widget Template"

   ** Kalau kamu bingung dimana letak checkbox "Expand Widget Template" di template blogger tahun 2013, silahkan klik Disini :)

2. Cari kode ini

expr:title='data:newerPageTitle'><data:newerPageTitle/>

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Membuat Background berbeda-beda pada postingan di blog

Background dalam post, kebiasaan yang ada dalam setting blogger. Tapi, ada SATU cara yang bisa di gunakan untuk menjadikan background yang berbeda pada tiap entri yang di kehendaki saja. . Pasti akan lebih unik, bukan?  Seperti postingan Salsa kali ini. Pengen juga? Oke~ ikuti step nya :
1.  Log in > Dashboard > New post.
2. Pastikan ketika kode ini di paste, kamu dalam keadaan HTML, bukan Compose~!

<div style="background: url(Url Background) no-repeat;"> Tulis entri disini. </div>

3. Ganti tulisan berwarna biru dengan URL background kamu.
4. Jika kamu menggunakan gambar background be-size kecil, hapus no repeat.
5. Tulis entri apa saja seperti biasa di tulisan berwarna merah.
6. Done^^~ Klik "publikasikan" dan lihat hasilnya.

Cr : Lyssa Faizureen

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Tutorial : Memasang efek kelopak mawar berjatuhan di blog

Tentu kalian melihat Kelopak mawar berjatuhan di blog saya. Cantik, bukan? Oke~ kalo kalian juga mau punya efek seperti itu di blog kalian, Ikuti step ini :

1. Login blogger, tentu saja.
2. Klik "Tata letak"
3. Klik "Tambahkan gadget"
4. Klik "HTML/JavaScript"
5. Copy paste
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Cute Cbox Frames vers 1

Apa di blog kalian sudah memiliki CBox? Ituloh chatting box buat pembaca blog kamu~! Mungkin kalian bosan sama model bingkainya yang itu-itu aja, makanya sekarang aku mau share bingkai-bingkai CBox yang Imut.

1. Pilih salah satu desain bingkai CBox yang kalian suka :

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/chatbox-animation-1-1.gif) no-repeat;padding-right:8px;padding-left:1px;padding-top:130px;padding-bottom:35px;">

Setting Kode

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest