Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Zoom Pada Gambar Di Blog". "Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan", "Cara Membuat Effect Terang dan Gelap Pada Gambar". Dan kali ini Saya akan Posting tentang "Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog". Sebagai Contoh, coba Kalian sorotkan Cursor Kalian pada Gambar di atas, pasti gambarnya akan berubah. Nah kita akan membuat yg seperti itu. OK kita langsung ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian masing2.

[2]. Kemudian dari Dasbor, cari Post, lalu buat sebuah Postingan Baru.

[3]. Lalu pada Mode Edit HTML pada Postingan, sisipkan Code di bawah kedalamnya.

<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>
<center><a class="pic" href="LINK TUJUAN JIKA GAMBAR DIKLIK">
<img class="image1" src="URL GAMBAR 1" />
<img class="image2" src="URL GAMBAR 2" /></a></center>

KETERANGAN :
* Tulisan yg berwarna Biru, ganti dengan URL Tujuan jika Gambar di Klik.
* Dan tulisan yg berwarna Merah, ganti dengan URL Gambar Kalian.

SS Cara Menambahkan Codenya.

[4]. Dan terakhir, tinggal di Publikasikan dan lihat hasilnya.

Sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Kalian, dan jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan pertanyaan Kalian di Kotak Komentar di bawah.

----=| Salam Blogger Indonesia |=----

Cara Membuat Scroll Pada Kotak Komentar Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Scroll Pada Postingan Blog", dan kali ini Saya akan Posting tentang "Cara Membuat Scroll Pada Kotak Komentar Blog". OK, Saya tidak perlu menjelaskan tentang Tips ini kan, Toh Kalian juga sudah pada tahu tentang Tips ini. Kita langsung ke Langkah-Langkahnya.

[1]. LogIn dulu ke BLOG Kalian.

[2]. Kemudian dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Lalu centang "Expand widget template", dan cari Code #comments-block{ atau #comments-block {. 

[4]. Kalau sudah ketemu, sekarang CoPas Code di bawah ini tepat di BAWAH atau SETELAH Code di atas.

max-height:300px;border:1px solid #eee;overflow:auto;

KETERANGAN :

* Code yg berwarna Biru, Kalian bisa menggantinya dengan Tinggi Scroll-nya dan Warna Garis Pinggir-nya. Code Warna HTML..? Klik di SINI.

[5]. Kemudian terakhir, tinggal di SIMPAN dan lihat hasilnya.

Sekian Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian semua.

Salam Blogger Indonesia.

Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Zoom Pada Gambar Di Blog", dan "Cara Membuat Effect Terang dan Gelap Pada Gambar" dan sesuai permitan salah satu Sobat Blogger, Saya Posting Tips ini. Sebagai contoh Kalian bisa melihat pada Gambar di atas, atau pada setiap Postingan Gambar di blog ini, dan lorot kursor Kalian ke arah gambar. OK, ditak usah berlama-lama, kita langsung ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian.

[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.

[3]. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.

[4]. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

[5]. Terakhir tinggal di SIMPAN dan lihat hasilnya.

OK,sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Sobat Blogger semuanya, dan buat Sobat Blogger yg sudah Request, semoga  sudah terjawah pertanyannya.

Salam Blogger Indonesia.

Cara Menambahkan Effect Pada Saat Kursor Menyorot Link Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Bintang Pada Link Blog", "Cara Membuat Effect Pelangi Pada Link Blog", "Cara Membuat Effect Bayangan Api Pada Link Blog", dan "Cara Membuat Link Bergerak", dan kali ini Saya akan Posting tentang "Cara Menambahkan Effect Pada Saat Kursor Menyorot Link Blog". Sebenarnya Tips kali ini kurang lebih, samalah sama Tips yg sudah2, yaitu sama2 Memberi Effect Pada Link Blog, hehehe. OK lanjut ke langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke BLOG Kalian.
[2]. Trus dari Dasbor, cari Template --> Edit HTML.
[3]. Lalu cari Code a:hover { atau a:hover{ kira-kira Codenya seperti di bawah..

a:hover {
text-decoration: underline;
color: #ff0000;
}

[4]. Sekarang Kalian pilih salah satu Effect di bawah.

A. Effect Coretan dan Bayangan.

CODE-NYA :

a:hover {
  text-decoration:line-through; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

B. Effect Coretan dan Warna Background

CODE-NYA :

a:hover {
  text-decoration:line-through;color:#FF0000;background:#58ACFA;
-webkit-transition:all 1s ease;
}

KETERANGAN :

* Code2 yg berwarna Biru, Kalian bisa menggantinya sesuai dengan keinginan Kalian. Code Warna HTML...? Klik Di SINI.

[5]. Nah kalau sudah Kalian pilih sekarang kembali ke Code a:hover { atau a:hover{. Sekarang Hapus Code tersebut dan Ganti dengan Code di atas. (Effect yg sudah Kalian pilih).

[6]. Terakhir tinggal Kalian SIMPAN dan lihat hasilnya.

OK, sekian dulu Tips Blogger kali ini (Cara Menambahkan Effect Pada Saat Kursor Menyorot Link Blog), Semoga Tips kali ini bermanfaat buat Kalian Semua.

Salam Blogger Indonesia.

Cara Membuat Komentar Admin Berbeda Dengan Komentar Pengunjung

Hello sobat Blogger, bagaimana kabar Kalian, semoga baik2 saja. Kali ini Saya akan Posting Tips Blogger yaitu "Cara Membuat Komentar Admin Berbeda Dengan Komentar Pengunjung". Sebenarnya sudah lama Saya mau Posting Tips ini, namun karena terlalu banyak Tips Blogging yg belum ke Publis, jadinya Saya bingung mau Publis yang mana, jadi hari ini Saya putuskan Publis yang ini aja. OK, lanjut kita ke langkah-langkahnya.

[1]. Pertama, seperti biasa, LogIn dulu ke BLOG Kalian masing2.

[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.

[3]. Kalau sudah, sekarang cari Code </body>. (Gunakan CTRL + F atau F3 untuk mempermudah pencarian).

[4]. Kalau sudah ketemu, sekarang CoPas Code di bawah ini tepat di ATAS Code </body>.

<script src='http://jmkjs.googlecode.com/files/Admin.js'/>
<!--admin comment -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #000000')
.css('background','#3399FF url("https://d592ae48-a-62cb3a1a-s-sites.googlegroups.com/site/rakasajmk/home/page-3/Admin.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- admin comment end-->

KETERANGAN :

* Code yang berwarna Biru, Kalian bisa menggantinya dengan warna Garis Pinggir dan warna Backgroundnya. Code Warna HTML...? Klik di SINI.

* Dan URL yang berwarna Merah, Kalian bisa menggantinya dengan URL Gambar Kalian.

[5]. Dan terakhir, tinggal di SIMPAN dan lihat hasilnya.

OK, sekian Tips Blogger kali ini, jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan pertanyaan Kalian di Kotak Komentar di bawah, dan semoga Tips kali ini bermanfaat buat Kalian semua.

Salam Blogger Indonesia.

Cara Membuat Tooltip/Info Tips Otomatis Di Blog

Hello sobat Blogger semua, kembali Saya Update Tips Blogger. Sesuai permintaan salah satu teman FB Saya, Saya Sahre Tips ini. Sebelumnya Kalian tahu apa itu Tooltip....? jika belum tahu, Saya akan jelaskan sedikit.

Tooltip atau yang disebut juga sebagai Infotip adalah sebuah informasi yang langsung muncul saat Kursor Mouse mengarahkan pada suatu Link, dan pada posting kali ini, Saya akan membagikan langkah - langkah membuat Tooltip Otomatis di Blog. Sebagai contoh Kalian bisa lihat di Blog Saya ini, atau pada SS di atas. OK kita masuk ke langkah-langkahnya.

[1]. Pertama pastinya LogIn dulu ke BLOG Kalian.

[2]. Lalu dari Dasbor, cari Template --> Edit HTML.

[3]. Kemudian centang "Expand Template Widget".

[4]. Lalu cari Code <body>. (Gunakan CTRL + F atau F3 untuk mempermudah pencarian).

[5]. Kalau sudah ketemu, sekarang CoPas Code di bawah ini tepat di BAWAH Code <body>.

<script src='http://jmkjs.googlecode.com/files/1.%20ToolTipJmK.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Blog-JmK </a><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; color:#00ff00}"
};
//]]></script><script src='http://jmkjs.googlecode.com/files/3.%20ToolTip%20JmK.js'/>
<script src='http://jmkjs.googlecode.com/files/2.%20JmKToolTip.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>

KETERANGAN :

* Code yang berwarna BIRU, Kalian bisa menyesuaikanya dengan keinginan Kalian. Code Warna HTML, klik di SINI.

PERHATIAN :

KALIAN HANYA BOLEH MENGEDIT CODE YANG BERWARNA BIRU SAJA, APABILA KALIAN MENGEDIT CODE YANG LAINNYA, TOOLTIPNYA AKAN ERROR.

[6]. Lanjut, sekarang cari Code </body>, dan tambakan Code di bawah tepat di ATAS Code </body>.

</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip(&#39;warungbebasautotooltip&#39;);</script>

[7]. Dan terakhir tinggal di SIMPAN dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat Kalian semua, dan buat Teman FB Saya semoga  tanda tanyanya sudah terjawab. Dan jika ada pertanyaan tentang Tips ini, silahkan Kalian tulis pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.

Cara Membuat Effect Bintang Pada Link Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Pelangi Pada Link Blog", "Cara Membuat Effect Bayangan Api Pada Link Blog", dan "Cara Membuat Link Bergerak",  dan kali ini Saya akan Posting tentang "Cara Membuat Effect Bintang Pada Link Blog". Sebenarnya Tips kali ini sudah pernah di Posting oleh Sobat2 Blogger yang lain, dan karena Saya baru sempat Update, maka Saya Share.

OK, kita langsung ke langkah-langkahnya saja.

[1]. Pertama pastinya LogIn dulu ke BLOG Kalian.
[2]. Kemudian, dari Dasbor cari Template --> Edit HTML.
[3]. Lanjut, sekarang cari Code a:link { atau a:link{. (Gunakan CTRL + F atau F3 untuk mempermudah pencarian).

Kira-Kira Codenya Seperti Gambar Di Bawah.

[4]. Nah kalau sudah ketemu, sekarang HAPUS semua Codenya. Dari Code a:link { atau a:link{ SAMPAI Code } dan ganti dengan Code di bawah.

a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOn5dHnMDjHBAQtiQEKgdmbzPkgKIC9RRE0aG7TBrGZJJLJC4C2vEX2S3YgJirMp7BlcI4NKgWU6V2wg0FSE2nbDZqjluyMn9K8Z3uCYxPqKSmCZZ7IZXAagWLFl0jxuebepDXjoWcds/s1600/stars.gif);
}

Sehingga Menjadi Seperti Gambar Di Bawah.

[5]. Dan terakhir, tinggal di SIMPAN dan lihat hasilnya.

OK, sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat para Blogger semua, dan jika ada pertanya tentang Tips ini, silahkan Kalian tinggalkan pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.

Cara Membuat Text Area Dengan Fungsi One Klik Pada Blog

Text Area, hemm, Kalian tentunya sudah pada tahu apa itu Text Area, buat yang belum tahu, Saya akan jelaskan sedikit. Text Area adalah kumpulan Text atau Tulisan yang berada dalam kotak yang mempunyai fungsi scroll, ini dimaksudkan agar meminimalkan tempat atau tidak memakan tempat untuk penempatan Text atau Tulisan tersebut, dan dimaksudkan juga agar pengunjung Blog dapat dengan mudah meng-CoPas dari tulisan tersebut. OK, Kalian pasti sudah tahukan fungsi dari Text Area. Kita lanjut ke langkah-langkahnya saja.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian masing2.

[2]. Lalu dari Dasbor, pilih Post, kemudian buat sebuat Postingan Baru.

[3]. Kalau sudah, sekarang CoPas Code di bawah ke dalamnya. (Pada Mode Edit HTML pada Postingan).

Kalau Kurang Jelas Menempatkan Codenya, Coba Kalian Lihat SS-nya Di Bawah.

Code-nya :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button" value="Select All"> </div><div align="center"></div><p
align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt"
rows="100" wrap="VIRTUAL" cols="55">ISI DENGAN TEXT KALIAN / LINK DI SINI</textarea></p></div></form>

KETERANGAN :

* Code yang berwarna Biru, Kalian bisa sesuaikan dengan Tinggi dan Lebar pada Postingan Kalian.

* Dan tulisan yang berwarna Merah, ganti dengan Text atau Tulisan yang Kalian ingin di isi di Text Area.

[4]. Terakhir tinggal di Publikasikan saja Postingannya, dan lihat hasilnya.

OK, sekian dulu Tips Blogger kali ini, semoga Tips kali ini bermanfaat buat para Blogger semua, dan jika ada pertanya tentang Tips ini, silahkan Kalian tinggalkan pertanyaan Kalian di Kotak Komentar di bawah.

Salam Blogger Indonesia.

Cara Membuat Fans Page Facebook Melayang Di Blog

Sebelumnya Saya sudah pernah Post tentang Tips ini, namun cara itu sudah tidak bisa di gunakan lagi, jadi Saya hapus saja Post itu, tapi Saya kembali Update lagi caranya. OK, sebelum kita masuk ke langkah-langkahnya, Kalian pasti sudah tahu-kan apa itu Fans Page Facebook, itu lo SS-nya ada di atas. Baiklah, kita langsung saja ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke Blog Kalian.

[2]. Kemudian, dari Dasbor, cari Template --> Edit HTML. (Buat yang masih menggunakan tampilan Blogger lama, cari Rancangan --> Edit HTML).

[3]. Lalu cari Code </head>. (Gunakan CTRL + F atau F3, pada Keyboard untuk mempermudah pencarian).

[4]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah, tepat di ATAS Code </head>.

<script src='http://jmk-js.googlecode.com/files/Fans%20Page%20FB.js' type='text/javascript'/>

[5]. Nah kalau sudah dengan yang di atas, kemudian Simpan Perubahan.

[6]. Sekarang lanjut, cari Tata Letak --> Add Gadget --> HTML/JavaScript.

[7]. Kemudian masukan Code di bawah ke dalamnya.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".sektimlikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.sektimlikebox{background: url("https://sites.google.com/site/rakasajmk/download-1/download-2/Fans%20Page%20FB.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 100px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:300px;}
.sektimlikebox div{border:none;position:relative;display:block;}
.sektimlikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.sektimlikebox span a{color: #808080;text-decoration:none;}
.sektimlikebox span a:hover{text-decoration:underline;}
</style><div class="sektimlikebox" style=""><div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Fb-Blog-JmK-/237053579685991&amp;width=245&amp;height=330&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=FFFFFF&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="background:#0099FF; -moz-opacity: 0.1; opacity: 0.9; -khtml-opacity: 0.0; margin:0 auto 10px; padding:3px; border:none; overflow:hidden; width:245px; height:330px;" allowtransparency="true" ></iframe><span></span></div></div>

KETERANGAN :

* Code yang berwarna Kuning, adalah tinggi atau rendah posisinya, Kalian bisa menggantinya sesuai keinginan Kalian. (Semakin kecil angkanya, semakin Tinggi posisinya, dan semakin besar angkanya, semakin rendah posisinya).
* Code yang berwarna Biru, ganti dengan URL Fans Page Facebook Kalian.

* Sedangkan Code yang berwarna Merah, adalah Backgroundnya, Kalian bisa menggantinya dengan warna yang lain. Code Warna HTML...??? Klik di SINI.

[8]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermafaat buat Kalian semua, dan semoga Tips ini tidak kalah dengan Tips Blogger yang lain.

Salam Blogger Indonesia.

Cara Membuat Judul Widget (Gadget) Menjadi Di Tengah Pada Blog

Hello Sobat Blogger, bagaimana kabar Kalian semua, semoga TYME melindungi Kalian. Baik kita masuk ke Tips Blogger. Kali ini Saya akan Share "Cara Membuat Judul Widget (Gadget) Menjadi Di Tengah Pada Blog". Kalian sudah tahukan apa itu Widget atau biasa kita sebut Gadget, dan biasanya Judul Widget Blog Kita berada di sebelah kiri atau left, nah jika Kalian ingin merapikannya atau membuatnya menjadi di tengan atau center, Kalian bisa ikuti Tips berikut. Tips ini berguna untuk merapikan tampilan Widget Kalian. OK, itu sedikit penjelasannya, kini kita masuk ke langkah-langkahnya.

[1]. Pertama, LogIn dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Kemudian Centang "Expand Templte Widget".

[4]. Lalu cari Code ".sidebar h2 {" (Tanpa Tanda Petik).

[5]. Kalau sudah ketemu, sekarang tambahkan Code di bawah di belakangnya.

text-align:center;

* Apabila di gabungkan menjadi seperti di bawah.

.sidebar h2 {text-align:center;

KETERANGAN :

* Jika di Blog Kalian sudah ada Code seperti Code text-align:left; Kalian hanya perlu mengganti Code left menjadi center. Dan Kalian tidak perlu menambahkan Code di atas.

[6]. Terakhir tinggal di SAVE dan lihat hasilnya.

Bagaiman Tips di atas begitu simpel kan. Nah sekian dulu Tips Blogger kali ini, semoga Tips ini BERMANFAAT buat Kalian semua.

Salam Blogger Indonesia.

Cara Memasang Kotak Komentar Facebook Di Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Menambahkan Kotak Komentar Menarik Di Blogger", dan kali ini Saya akan Posting tentang "Cara Memasang Kotak Komentar Facebook Di Blog". Mungkin Tips ini sudah banyak yang di Share oleh Sobat2 Blogger yang lainnya, tapi tidak ada salahnya-kan, kalau Saya Nge-Sharenya juga. OK, kita langsung ke langkah-langkahnya saja.

[1]. Pertama, pastinya LogIn dulu ke Blog Kalian.

[2]. Kemudian Dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Lanjut, Centang kotak "Expand Templte Widget".

[4]. Lalu cari Code di bawah.

</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>

[5]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah tepat di ATAS Code </b:includable>.  

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>

Maka Keseluruhan Codenya Seperti Di Bawah.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=323420961010532&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='477'/>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>

KETERANGAN :
* Tulisan yang berwarna Merah (477), adalah panjang Kotak Komentarnya, Kalian bisa menggantinya sesuai dengan kebutuhan Kalian.


[6]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Sekian dulu Tips Blogger kali ini, semoga Tips ini bermanfaat buat Kalian.

Salam Blogger Indonesia.

Cara Membuat Judul Blog, Judul Postingan, dan Judul Widget Miring

Heloo sobat Blogger, sesuai dengan permintaan teman Saya, kali ini Saya akan memberikan Tips yaitu "Cara Membuat Judul Blog, Judul Postingan, dan Judul Widget Miring". Jadi kita akan membuat Judul Blog, Judul Postingan, dan Judul Widget menjadi miring-miring. Sebagai Demo, Kalian bisa lihat pada Blog Saya ini, Judul Blog, Judul Postingan, dan Judul Widget-nya kan miring, nah.. kita akan membuat yang seperti itu. OK, kita langsung ke langkah-langkahnya.

[1]. Pertama, Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan --> Edit HTML.

A. Judul Blog Miring.

Cari Code /* Header. Selengkapnya kira-kira sperti di bawah.

/* Header
----------------------------------------------- */
.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
  padding-top: $(header.padding.top);
}

* Setiap Template pasti Codenya berbeda-beda.

Kalau sudah ketemu, sekarang HAPUS Code di bawah Code Pertama. Kalau kurang jelas, HAPUS Code seperti di bawah.

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font: $(description.font);
  color: $(description.text.color);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.header-inner .Header .titlewrapper {
  padding-top: $(header.padding.top);
}

Kalau sudah di HAPUS, sekarang Copy dan Paste-kan Code berikut tepat di bawah Code,

Code Yang Di Cari.

.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

Code Yang Di Tambahkan.

 #header{float:center; width:490px; margin:0; text-align:center; color:#000000}

#header h1{font-family:'Molengo',Trebuchet MS,Serif; font-size:48px; font-weight:bold; margin:0; padding:10px; color:#000000; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.0em}

#header h1:hover{transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}

#header a{color:#000000; text-decoration:none}

#header a:hover{color:#000000;}

#header .description{font-size:14px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#efefe3; margin:0; padding:0 10px; text-transform:none}

#header img{margin:0 auto}

#header-center{width:480px; float:center; padding:0; margin-top:10px}
.center{padding-right:10px; margin:0}

Hingga Menjadi Seperti Di Bawah.

.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;
  background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;
}

#header{float:center; width:490px; margin:0; text-align:center; color:#000000}

#header h1{font-family:'Molengo',Trebuchet MS,Serif; font-size:48px; font-weight:bold; margin:0; padding:10px; color:#000000; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.0em}

#header h1:hover{transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}

#header a{color:#000000; text-decoration:none}

#header a:hover{color:#000000;}

#header .description{font-size:14px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#efefe3; margin:0; padding:0 10px; text-transform:none}

#header img{margin:0 auto}

#header-center{width:480px; float:center; padding:0; margin-top:10px}
.center{padding-right:10px; margin:0}

Kalau sudah, terakhir tinggal di SAVE.

B. JUDUL POSTINGAN MIRING.

Cari Code ]]></b:skin>.

Kemudian Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

.post-title{ opacity: 0.7; background:transparent; border:1px solid #ccc;-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; font-family:'Molengo',Trebuchet MS,Serif; font-size:22px; margin-bottom:2px; padding:5px 10px 10px 10px; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.2em}
.post-title:hover{transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
.post-title a, .post-title a:visited, .post-title strong{display:block; color:#ccc}
.post-title strong, .post-title a:hover{color:#fff}

KETERANGAN :

* Tulisan yang berwarna Biru, ganti dengan Warna yang Kalian inginkan. Code Warna HTML...? Klik di SINI.

Kalau sudah, sekarang SAVE.

C. JUDUL WIDGET MIRING.

Cari Code ]]></b:skin>.

Kemudian Copy dan Paste-kan Code di bawah, tepat di ATAS Code tadi.

.sidebar h2{background-color:transparent; border:1px solid #ccc; -moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; margin-bottom:2px; padding:8px 10px 10px 10px; color:#FFA500; font-family:'Molengo',Trebuchet MS,Serif; font-size:20px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); font-weight:bold}
.sidebar h2:hover{opacity:0.7;transform:rotate(-3deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}

KETERANGAN :

* Tulisan yang berwarna Biru, ganti dengan Warna yang Kalian inginkan. Code Warna HTML...? Klik di SINI.

Kalau sudah, sekarang SAVE.

Sekian dulu Tips kali ini, kalau ada pertanyaan, silahkan Kalian isi Kotak Komentar di bawah. Semoga Tips kali ini bermanfaat buat Kalian semua.

Salam Blogger Indonesia.

Cara Membuat Tombol Up Down Pada Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Double Klik untuk Back To Top (Kembali Ke Atas) Pada Blog", dan "Cara Menambahkan Gambar Back To Top (Kembali Ke Atas) Pada Blog". Tips kali ini agak berbeda dengan sebelumnya, karena Tips kali ini Kalian tidak perlu meng-Klik gambar, tapi tinggal taruh Kursor Mouse Kalian pada gambarnya, dan Secara otomatis akan bergerak Ke Atas maupu Ke Bawah. Bagaimana, Kalian tertarik...? jika tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Pertama, Login dulu ke Blog Kalian.
[2]. Kedian dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Lalu cari Code </body>.
[4]. Kalau sudah ketemu, Copy dan Paste-kan Code di bawah ini, tepat di ATAS Code </body>.

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0"><img
src="https://sites.google.com/site/rakasajmk/download-1/download-3/Up.png" border="0" /></a><br />
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0"><img
src="https://sites.google.com/site/rakasajmk/download-1/download-3/Down.png" border="0" /></a>
</div>

<script type='text/javascript'>
//<![CDATA[

var Hoffset=60
var Voffset=60
var thespeed=10 //Kecepatan

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){
window.scrollBy(0,myspeed)
}

function initializeIT(){
positionit()
if (myspeed!=0){
scrollwindow()
}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

//]]>
</script>

KETERANGAN :
* Tulisan yang berwarna Biru, ganti dengan URL Gambar Kalian.

* Dan tulisan yang berwarna Kuning, menunjukan kecepatannya. Semakin besar angkanya, semakin cepat pula gerakannya.

[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.

Semoga bermanfaat..

Cara Membuat Link Otomatis Ketika Postingan Di CoPas

Copy Paste, hemm setiap orang pasti suka MengCopy Paste-kan Postingan kita, dan sering kali mereka tidak menyertakan Sumbernya atau Link Blog yang di CoPas. Oleh sebab itu, Saya membuat Postingan ini buat para Blogger yang merasa Postingannya di CoPas tapi tidak di sertakan Sumbernya. OK, berikut langkah-langkahnya.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.

[2]. Kemudian dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Lalu cari Code <head>.

[4]. Setelah ketemu, Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code tadi.

<script type='text/javascript'>
if(document.location.protocol==&#39;http:&#39;){
var Tynt=Tynt||[];Tynt.push(&#39;cJE4D4kSKr4yYsacwqm_6l&#39;);Tynt.i={&quot;ap&quot;:&quot;Baca Selengkapnya Di :&quot;};
(function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://jmk-js.googlecode.com/files/Link%20CoPas.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
}
</script>

KETERANGAN :

* Tulisan yang berwarna Biru, ganti dengan kata-kata yang Kalian inginkan.

[5]. Kemudian Simpan Perubahan.

Sekarang, Coba Copy Paste Postingan Kalian untuk memastikan apakah cara ini berhasil atau tidak.

Semoga Bermanfaat.

Cara Membuat Variasi Blockquote Pada Blog

Blockquote, adalah sebuah tag HTML, dan biasanya digunakan untuk menampilkan Quote (Kutipan) pada Blog. Setiap Template pasti mempunyai Blockquote-nya masing-masing. Tapi kadang kala kita bosan melihat Blockquote yang itu-itu saja, dan kita ingin memberi sentuhan sedikit untuk mempercantiknya. Jika Kalian merasa tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Pertama, pastinya Login dulu ke Blog Kalian masing-masing.

[2]. Kemudian, dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Lalu cari Code ]]></b:skin>. [Tekan CTRL + F atau F3 untuk mempermudah pencarian].

[4]. Kalau sudah ketemu, Pilih salah satu Blockquote di bawah, dan CoPas Codenya tepat di ATAS Code ]]></b:skin>.

SATU.

.post blockquote{ overflow:auto; height:220px; background-position:-10px -7px; border: 1px dashed #ccc; margin: 10px; padding: 10px; background:#666 url(http://lh6.ggpht.com/_wC8_9aR_6uE/S-7eHs71vkI/AAAAAAAAC4M/SPzkp3SsYg4/bintang%20kelip.gif); text-align: justify; line-height:1.4em; opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000}
.post blockquote:hover{color:#fff; font-size:15px; background:#666 url(http://lh6.ggpht.com/_wC8_9aR_6uE/S-7eHs71vkI/AAAAAAAAC4M/SPzkp3SsYg4/bintang%20kelip.gif); opacity:0.9; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}

KETERANGAN :
* Tulisan yang berwarna Biru, bisa Kalian ganti dengan URL gambar Kalian. Usahakan gambarnya yang berukuran kecil.
* Kalian juga bisa mengeditnya sesuai dengan kreasi Kalian sendiri.

DUA.

.post blockquote {background:#CCFFFF;
background-image: url(http://lh6.ggpht.com/_wC8_9aR_6uE/S-7eHs71vkI/AAAAAAAAC4M/SPzkp3SsYg4/bintang%20kelip.gif); background-repeat: no-repeat;padding: 30px;
border: 2px #000000 dashed;overflow:auto;max-height:150px;}
.post blockquote:hover {
background-image: url(http://lh6.ggpht.com/_wC8_9aR_6uE/S-7eHs71vkI/AAAAAAAAC4M/SPzkp3SsYg4/bintang%20kelip.gif); background-repeat: no-repeat;}

KETERANGAN :
* Tulisan yang berwarna Biru, bisa Kalian ganti dengan URL gambar Kalian. Usahakan gambarnya yang berukuran kecil.

* Sedangkan tulisan yang berwarna Merah, ganti dengan Warna Background yang Kalian suka. [Jika Kalian ingin membuat Background-nya Transparan, tinggal ganti dengan tulisan "transparent" tanpa tanda petik].

* Dan tulisan yang berwarna Kuning, ganti dengan warna Garis Pinggir yang Kalian suka. Jika Kalian bingung mencari Code Warna HTML, Klik saja di SINI.

[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.

Semoga Tips Kali Ini Bermanfaat Buat Kalian, dan Jangan Lupa Tinggalkan Komentar Kalian Ya. Salam Blogger Indonesia.

Cara Menambahkan Animasi Pada Navbar

Hello Sobat Blogger, kali ini Saya akan memberikan Tips yaitu "Cara Menambahkan Animasi Pada Navbar". Seperti yang Kalian lihat pada gambar di atas, atau pada Blog ini, Navbarnya berisikan Animasi. Bagaimana, Kalian tertarik...? kalau tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Pertama, pastinya Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Rancangan -- > Edit HTML.

[3]. Kalau sudah, cari Code body {.

[4]. Kemudian Copy dan Paste-kan Code di bawah ini tepat di ATAS Code body {.

A. Untuk Navbar Yang Normal.

#navbar-iframe {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUJqwGsazZcqbgmhYgq8qVLgybVksCl11eJi6wdC5Xlr57BBHbKm9MB8tHwltBIBzlQbFFk0OcfMCTOfdZ3vpb3eTnOzOYNbyukCqfD0e4T9gXgS3jszMiScRgOsX4xKfreMYtlsctMbo/s1600/1b.gif) center repeat;}

B. Untuk Navbar Yang Show Hide.

#navbar-iframe{opacity:0;-moz-opacity:0;filter:alpha(Opacity=0);background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUJqwGsazZcqbgmhYgq8qVLgybVksCl11eJi6wdC5Xlr57BBHbKm9MB8tHwltBIBzlQbFFk0OcfMCTOfdZ3vpb3eTnOzOYNbyukCqfD0e4T9gXgS3jszMiScRgOsX4xKfreMYtlsctMbo/s1600/1b.gif) center repeat;}
#navbar-iframe:hover{opacity:0.4;-moz-opacity:0.4;filter:alpha(Opacity=40);}
/* General
*/

KETERANGAN :

* Tulisan yang berwarna Biru, adalah URL Gambar Animasinya. Kalian bisa menggantinya dengan Gambar Animasi yang Kalian suka.

* Dan jika di atas Code body { ada Code yang seperti di atas, hapus saja Codenya dan ganti dengan Code di atas.

[5]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Berhasil...!!!

Cara Menambahkan Icon Di Depan Judul Postingan Blog

Berhubung Saya masih sempat untuk membuat Postingan, sekalian juga Saya memberikan Tips berikut, yaitu [Cara Menambahkan Icon Di Depan Judul Postingan Blog]. Seperti yang Kalian lihat pada Gambar di atas, atau pada Blog ini, pada bagian depan Judul Postingan, kan ada Icon Gambarnya. Kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.
[2]. Dari Dasbor -- cari Rancangan --> Edit HTML.
[3]. Centang kotak "Expand Template Widget".
[4]. Cari Code  <b:if cond='data:post.url'>. Kira-kira Codenya seperti di bawah.

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

[5]. Kemudian, tambahkan Code di bawah ini di antara Code <a expr:href='data:post.url'> dan Code <data:post.title/>.

<img src='http://dc254.4shared.com/img/PQeI8-UP/s3/up-emotion.gif'/>

[6]. Hinggal menjadi seperti Code di bawah.

<b:if cond='data:post.url'>
 <b:if cond='data:blog.url != data:post.url'>
   <a expr:href='data:post.url'><img src='http://dc254.4shared.com/img/PQeI8-UP/s3/up-emotion.gif'/><data:post.title/></a>
 <b:else/>
  <data:post.title/>
 </b:if>

KETERANGAN :
* Tulisan yang berwarna Hijau, ganti dengan URL Icon Gambar Kalian.

[7]. Terakhir, tinggal di SAVE dan lihat hasilnya.

Semoga Bermanfaat...!!!

Cara Membuat Blog Nge-Reload Dan Nge-Refresh secara Otomatis

Heloo Sobat Blogger, kembali Saya menyapa Sobat2 Blogger semua. Saya kembali Update Tips Blogger, dan kali ini Saya akan memberikan Tips Blogger yaitu "Cara Membuat Blog Nge-Reload Dan Nge-Refresh secara Otomatis". Seperti pada judul kali ini, Blog kita akan Nge-Reload atau Nge-Refresh dengan sendirinya, dengan waktu yang kita tentukan. Tips ini juga bermanfaat untuk menyegarkan Blog kita. Bagaimana, Kalian tertarik...? Kalau tertarik, silahkan ikuti langkah-kangkah di bawah ini.

[1]. Pertama, pastinya Login dulu ke Blog Kalian masing2.

[2]. Dari Dasbor, cari Rancangan --> Edit HTML.

[3]. Ketiga, cari Code <head>. [Gunakan CTRL + F atau F3 pada Keyboard untuk mempermudah pencarian].

[4]. Kalau sudah ketemu, sekarang Copy dan Paste-kan Code di bawah ini, tepat di BAWAH Code <head>.

<meta http-equiv="refresh" content="300"/>

KETERANGAN :

* Angka yang berwarna Merah, menunjukan lama waktu Blog kita akan me Refresh. 300 artinya 300 detik atau 5 menit. Kalian bisa menyesuaikannya dengan keinginan Kalian.

[5]. Terakhir, tinggal di SAVE. Dan coba Kalian lihat hasilnya.

Semoga Bermanfaat Ya...!!!

Cara Membuat Effect Kedap-Kedip Pada Postingan

Hello sobat Blogger, bagaimana kabar Kalian hari ini,,? semoga sehat2 saja ya. Kali ini Saya akan berbagi Tips Bloger yaitu "Cara Membuat Effect Kedap-Kedip Pada Postingan Atau Judul Postingan Blog". Sebenarnya sudah lama Saya ingin SHARE Tips ini, tapi baru hari ini Saya bisa SHARE. Sebagi contoh, pada Judul Postingan Blog ini atau pada salah satu Postingan Blog ini, Kalian bisa lihat ada Tulisan yang berkedap-kedip terus-menerus. Bagaimana, Kalian tertarik...? kalau Kalian tertarik, silahkan ikuti langkah-langkah di bawah.

[1]. Login dulu ke Blog Kalian.

[2]. Kedian dari Dasbor, buat sebuah ENTRI baru.

[3]. Selanjutnya, Copas atau Ketik Code di bawah.

<blink>Postingan Kalian atau Judul Postingan Kalian</blink>

KETERANGAN :
* Untuk menaruh Codenya, pastikan di dalam Mode Edit HTML pada Postingan.

* Ganti tulisan yang berwarna Biru, dengan Postingan Kalian.

* Sedangan untuk Judul Blog, lihat Gambar di bawah.

[4]. Terakhir, tinggal di SAVE, dan lihat hasilnya.

Semoga Bermanfaat.

Cara Membuat Scroll Pada Postingan Blog

Scroll pada Postingan, hemm mungkin Kalian sudah tau tentang judul Postingan kali ini. Seperti pada Blog ini, pada Postingan, pasti terlihat ada Scroll-nya. Scroll berfungsi sebagai "Penghemat Ukuran Postingan". Dari Postingan yang Panjang menjadi Pendek. Bagaimana, Kalian tertarik...? kalau tertarik silahkan ikuti langkah-langkah di bawah ini.

[1]. Pertama, Login dulu ke Blog Kalian.

[2]. Dari Dasbor, cari Postingan.

[3]. Buat sebuah Entri Baru.

[4]. Kemudian, pada Mode Edit HTML pada Postingan, masukan Code di bawah ini, ke dalamnya.

<div style="overflow:auto;width:450px;height:400px;padding:10px;border:2px solid none">

</div>

KETERANGAN :
* Tulisan yang isi BG Biru, bisa Kalian sesuaikan dengan keinginnan Kalian.

Lihat Gambar Di Bawah Kalau Kalian Bingung Memasukan Codenya.

KETERANGAN :
* Kalau Kalian memasukan Postingan, pada Mode HTML, Copy semua Codenya. Lihat gambar di bawah.

Hingga Menjadi Seperti Gambar Di Bawah.

[5]. Terakhir, tinggal di Publise.

Jika ada pertanyaan, silahkan Kalian isi di Kotak Komentar.