Setelah Sebelumnya Klinik-it membahas soal SEO .kali ini klinik-it kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam postingan kali ini klinik-it akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.
1.LOGIN ke blogger.
2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.
3.Selanjutnya cari kode berikut ini.
<title><data:blog.pageTitle/></title>
4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>
<b:include data=blog name=all-head-content/>
<script language=JavaScript>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.
5.Kalo udah selesai silakan klik SAVE TEMPLATE
Selamat Mencoba By Airien
Showing posts with label judul. Show all posts
Showing posts with label judul. Show all posts
Tuesday, December 20, 2016
Cara Membuat Tulisan Judul Header Blog Keren
Cara Membuat Tulisan Judul Header Blog Keren
Oke Kali Ini Saya Akan Membuat Postingan Tentang Cara Membuat Tulisan Judul Header Blog Keren
Oke Langsung Saja Caranya
Sebelumnya Centang Dulu Expand Template Widget
1. Login Ke Blogger
2. Pilih Template
3. Pilih Edit Html
4. Pilih Lanjutkan
5. Masukkan Kode Beriku DiAtas Kode ]]></b:skin>
#Kaisartitle {6. Cari Kode <div id=header-wrapper>
font-family: Amarante, cursive;
margin: 18px 0px 0px 30px;
position: absolute;
color: #000;
font-size: 45px;
text-align: center;
text-shadow: 2px 0 0 red, -2px 0 2px red, 0 2px 2px red, 0 -2px 2px red, 2px 2px 5px red, 0 4px 1px red, 0 6px 1px red, 0 1px 1px #000000, 0 2px 1px #383838, 0 3px 1px #5E5E5E, 0 4px 1px #777777, 0 5px 1px red, 0 6px 1px red;
}
.Kaisartitle {
font-family: Amarante, cursive;
font-size: 16px;
position: absolute;
margin-top: 100px;
margin-left: 90px;
margin-bottom: 25px;
color: black;
font-weight: bold;
text-shadow: 2px 0 0 red, -2px 0 2px red, 0 2px 2px red, 0 -2px 2px red, 2px 2px 5px red, 0 4px 1px red, 0 6px 1px red, 0 1px 1px #000000, 0 2px 1px #383838, 0 3px 1px #5E5E5E, 0 4px 1px #777777, 0 5px 1px red, 0 6px 1px red;
text-align: center;
}
7. Masukkan Kode Berikut KeBawahnya
<div id=Kaisartitle>Judul Header Blog Kamu</div>9. Simpan Template
<div class=Kaisartitle>Description Blog Kamu</div>
NB : Gnti Kode Bewarna Merah Menjadi Text Kamu
Dan Gnti Juga Bordernya(Klau Mw)
Go to link Download
Saturday, November 26, 2016
Cara Membuat Judul Postingan Bisa Menjadi link Ketika di Klik
Cara Membuat Judul Postingan Bisa Menjadi link Ketika di Klik
saya share Cara Membuat Judul Postingan Bisa Menjadi link Ketika di Klik. oke langsung aja
-Pertama Seperti biasa ke Dasbor Blogger
- kemudian Pilih Template terus Klik Edit Template
- kalau sudah Cari Text yang sama seperti text dibawah ini, untuk mempercepat tekan ctrl+f
<h2 class=post-title entry-title>
<b:if cond=data:post.link>
<a expr_href=data:post.link><data:post.title/></a>
<b:else/>
<b:if cond=data:post.url><b:if cond=data:blog.url != data:post.url><a expr_href=data:post.url><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h2>
kemudian ganti dengan text dibawah ini
<h2 class=post-title entry-title><b:if cond=data:post.link><a expr_href=data:post.link><data:post.title/></a><b:else/><b:if cond=data:post.url><a expr_href=data:post.url><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h2>
- Keterangan
Mungkin diblog anda kalau tidak ada yang berwarna biru itu silahkan ganti sesuai dengan blog anda misalkan pada h3 bukan h2 tetapi selain h2 atau h3 harus tidak boleh dirubah tetap sama seperti diatas
-Setelah itu Save Template
Terimakasih atas kunjungan anda kalu belum jelas silahkan di debatin di kolom komentar. dan Demikian tentang Cara Membuat Judul Postingan Bisa Menjadi link Ketika di Klik
Go to link Download
Wednesday, November 16, 2016
Cara Memberi Background atau efek di judul posting
Cara Memberi Background atau efek di judul posting
Pada Tips Mempercantik blog Atau Pada Tutorial Blog sebelumnya Saya Sudah Menjelaskan Tentang Bagaimana Cara Membuat teks area cantik di blog dan Pada artikel kali ini saya akn menjelaskan pada sobat tentang bagaimana Cara Memberi background Pada Judul Posting Blog.Background judul posting bertujuan untuk memperindah judul posting pada blog!..Seperti Punya Saya.
Punya saya juga saya beri background judul postig bertujuan untuk memperindah blog saya.
jika sobat ingin seperti itu mari ikuti langka-langkah berikut:
1.Login Ke akun blog sobat
2.Pilih Rancangan/Tata Letak---> Edit HTML--centang kolom expand template Widget
3.Cari Kode post h3 { (gunakan ctrl f atau F3 agar memudahkan pencarian)
4. Dan amati scripct di bawah ini dan ganti .
5.Letakan Kode ini dibawahnya Tepa Diatas Kode post h3 {
.post h3 {
margin:.25em 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0isEISH1V8q0lmueNvNZtlxwMg-S5bNi8j3X32Cc-jslZW27_SF3csqSPFU6jHEnJEddLOsCwaNwtohpYzoCtnsSvYX06VnFBKN5Ds5fr5j4c5225h2294JRwr-1V6pK3BIdM5ofo7MPH/s1600/background-judul-posting.gif);
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
5.Simpan Templatenya Dan Lihat Hasilnya
Catatan: Jika Tidak Berhasil ..Ganti Kode .post h3 dengan .post h2 atau .post h1
Go to link Download
Tuesday, November 15, 2016
Cara Membuat Judul Pada Blog Bergerak
Cara Membuat Judul Pada Blog Bergerak
Sebelum memulai posting ketawa dulu ah ... hahahahah ... ini tandanya senang Teman2 ... hehehe, sebenarnya saya agak ragu-ragu memposting tentang hal ini Cara Membuat Animasi Pada Judul Blog karena masih newbie banget .. masih hijau dalam dunia persilatan Blogger hehehe , karena baru beberapa bulan saya mengenal dunia persilatan bloger ini. Nah buat Teman2 ... ini script nya .. tinggal copy trus login ke blogger kemudian Tata Letak > Tambah Widget > Html/Java Script > pastekan script tersebut kemudian Simpan Template ... jadi deh, mudah kan ... hehehe, oh iya scriptnya di bawah ini ...
<script language="JavaScript">
<!--
//
//Scrolling Status Bar
putmsg="==welcome==";
letchar2="+==o0o==+";
letchar1="+==o0o==+";ultimo1=letchar1.length-1;
ultimo2=letchar2.length-1;
ultimo2=letchar2.length-1;
tiempo=setTimeout("stat_scroll()",.1);
function stat_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
window.status="(" + letchar2 + putmsg + letchar1 + ")";
tiempo=setTimeout("stat_scroll()",.1);
return true;
}
// -->
</script>
<script language="JavaScript">
<!--
//
putmsg="[This Is Susfi Wiratamas Blog]";
letchar2="+==o0o==+";
letchar1="+==o0o==+";
ultimo2=letchar2.length-4;
ultimo2=letchar2.length-4;
tiempo=setTimeout("tit_scroll()",.1);
function tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>
Jangan lupa Teman2 tulisan yang warna kuning (This Is Susfi Wiratamas Blog) diganti ama judul blog nya atau apalah terserah Teman2 aja deh ... mudah-mudahan ada manfaatnya untuk kita semua .. amin, selamat mencoba dan salam ....
Go to link Download
Wednesday, November 2, 2016
Cara Memberi Warna Background Judul Sidebar Widget
Cara Memberi Warna Background Judul Sidebar Widget
BANYAK orang yang tanya bagaimana Cara Memberi Warna & Background (Latar Belakang) Judul Widget di Sidebar!!!
Berikut ini tipssNya dari ane gan!!!
Harap diingat, warna terbaik untuk desain web adalah biru. Hindari warna terang seperti orange atau merah menyala yang menyilaukan mata pengunjung.
1. Template > Edit HTML
1. Template > Edit HTML
2. Cari kode sidebar h2
Di template NJW Series kodenya seperti ini:
.sidebar h2 {
color: #fafafc;
font: 18px Marcellus SC,serif; margin: 0 10px;
padding: 5px 0 5px 8px;
border-bottom: 4px solid #ddd;
background: #48d;
}
Yang font itu jenis huruf dan ukurannya. Kode bagian bawah itulah backgroundnya.
Kode tersebut yang digunakan blog CB ini. Anda bisa memilih warna lain di Kode Warna HTML.
Demikian Tutorial cara memberi Warna & Background Judul Sidebar Widget yang banyak ditanyakan pengnjung,
wasalam gan ! Blog Sempronx
Go to link Download
Tuesday, October 18, 2016
Cara Membuat Nama Judul Bergerak Di Blog
Cara Membuat Nama Judul Bergerak Di Blog
- Masuk di Blogger.com
- Pilih Tata Letak
- Add a gadget >> Html/Javascript
<script language=javascript>
msg = "Tulis DI SINI ...Tulis DI SINI...";
msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0,
pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>
Note: Ganti Tulis DI SINI...Tulis DI SINI. dengan teks yang diinginkan.
Setelah sudah klik SIMPAN..
Lihat hasilnya.
Go to link Download
Subscribe to:
Posts (Atom)