LINK E-BOOK

KUNJUNGI AJA KE http://ebooks88.com

Read more »

CARA MENGETAHUI UKURAN BLOG

Salam Kelikers....

Resiko jadi bloger pemula adalah "PENING".....ya itulah yang sering dihadapkan pada kode HTML, untuk kalangan awam membaca kode HTML sangatlah sulit. Eits jangan khwatir ya sobat neh aku ada sekelumit Tips untuk mengutak atik dan mengenali Ukuran Blog kalian....Coba aja pasti kalian bakal ngucapin....."ooooo gini to"

1. Mengetahui Ukuran / Lebar header

#header-wrapper{

background: #ffffff;

width: 900px;

height: 160px;

font-size: 12px;

margin: 0px auto 0px;

padding: 0px;

overflow: hidden;

}

2. Mengetahui Ukuran / Lebar halaman Posting

#main-wrapper{

float:left;

width:590px;

margin:0px 0px 5px 0px;

padding:13px 10px 0px 10px;

overflow: hidden;

}

3. Mengetahui Ukuran / Lebar sidebar

#sidebar-wrapper{

float:left;

width:320px;

margin:13px 0px 5px 0px;

padding:0px;

line-height:19px;

display: inline;

}

Update : Banyak sekali kode sidebar yang bisa dipakai misal #rsidebar-wrapper{ atau #right-sidebar-wrapper{ dll, jadi disesuaikan saja.

4. Mengethui Ukuran / Lebar Footer

/* Footer

----------------------------------------------- */

#footer {

  width:950px;

  clear:both;

  margin:0 auto;

  padding-top:15px;

  line-height: 1.6em;

  text-transform:uppercase;

  letter-spacing:.1em;

  text-align: center;

}

a. Untuk mengedit ukuran/lebar Halaman Blog

Cari kode di bawah ini:

#outer-wrapper {

width: 660px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

b. Untuk mengedit ukuran/lebar Halaman Posting

Cari kode di bawah ini:

#main-wrapper {

width: 410px;

float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden;/* fix for long non-text content breaking IE sidebar float */

}

c. Untuk mengedit ukuran/lebar Sidebar Blog

Cari Code di bawah ini:

#sidebar-wrapper {

width: 220px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

d. Untuk mengedit ukuran Header Blog,

Cari Code di bawah ini:

#header-wrapper {

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

e. Untuk mengedit ukuran Footer Blog

Cari Code di bawah ini:

#footer {

width:660px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

Kalo kesulitan cari bisa di search aja "CTRL+F" copy kata yang mw di cari trus paste disitu.

Tapi hati-hati ya kudu teliti salah-salah bisa bagian lain yang diedit....

SELAMAT MENCOBA

Read more »

TULISAN HEADER BERGERAK

Salam Keliker

Emang ngutak atik Blog supaya tampil keren gak ada matinya dah. dimulai dari hal kecil dulu ya kita bikin supaya tulisan pada header bisa gerak. Dicoba aja deh sobat..........

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 kecepatan gerak animasinya yaitu pada angka 100 yang berwarna HITAM tersebut dengan keinginan kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE

Nah liat tuh hasilnya....klo belum berhasil coba cek lagi langkahnya dengan teliti

Read more »

Membuat Kotak Komentar Blogger di Bawah Postingan

Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.

1. Login ke http://draft.blogger.com, Ingat yang http://draft.blogger.com bukan blogger.com.
2. Trus ke menu Setting-->Comments. Kemudian ganti "Comment Form Placement" menjadi "Embedded below post" (lihat gambar dibawah)



3. Kemudian klik "Save Setting"

Sekarang coba kamu lihat blogmu dan coba di klik salah satu postinganmu kemudian lihat hasilnya, apakah sudah ada kotak komentarnya yg dibawah postingan atau belum. kalau sudah berarti langkahnya cukup disini. Kalau belum ikuti langkah berikut ini.
(ini karena kode HTML tiap2 template itu berbeda. Untuk template default dari blogger yang baru, kode HTMLnya sudah berubah, sedangkan template yg lama atau ambil dari luar ada yg belum dan ada juga yg sudah).

4. Selanjutnya pergi ke menu "Layout-->Edit HTML"
5. Beri tanda centang kotak "Expand widget templates".
6. Trus cari kode berikut ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>

7. Kemudian ganti kode tersebut dengan kode dibawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

8. Lalu simpan template kamu.

Read more »

Cara Membuat Tab Menu dan Sub Tab Menu design BLOG

Sobat Keliker ....
Aku ada Tips nih buat kalian cara membuat Tab Menu dan Sub Tab Menu tanpa harus pusing-pusing edit kode HTML....Praktis koq moggo dicoba ya :


Login ke dasbord blogger KLIK Rancangan (design)
Pada Eleman Halaman KLIK edit pada Top Menu

1. Membuat Tab Menu
Maka akan muncul kotak pop up

Perhatikan :
Manyortir : Jangan Diurutkan
URL Situs Baru : Isikan dengan url (http://) yang ingin di tautkan.
Nama Situs Baru : Isikan Judul Tab menu tersebut, misalnya Facebook, Twitter atau About Us dll.
Contoh
Lihat Gambar :

Lalu KLIK Tambahkan Tautan

dan KLIK Simpan
Maka Hasilnya :

2. Membuat Sub Tab menu
Selanjutnya adalah cara membuat Sub tab menu,
Caranya sama seperti di atas hanya pada sub tab menu di beri “-” (tanpa tanda petik) sebelum Nama situs baru. Contoh :
Pada Top Menu KLIK Edit
Lihat gambar :

KLIK Tambahkan Tautan dan Simpan
note : untuk sub tab menu dapat di buat lebih dari satu, jangan lupa setiap kali membuat sub tab menu tanda “-” ikut di sertakan.
Jika sub tab menu di rasa sudah cukup, terakhir tutup dengan Tab Menu (tanpa tanda “-“) di atasnya :
lihat gambar :

Tambahkan Tautan
Susunannya kurang lebih seperti gambar di bawah ini :

Dan Simpan.
Maka hasilnya akan sepeti ini :

Nah gimana sobat mudah kan.........salam kelikers

Read more »

Membuat Auto read More

Kalo yang ini mesti sobat cobain deh, yap "Auto Read More" pastinya bertujuan agar postingan sobat lebih ringkas. Gak perlu lama-lama deh silakan coba langkah-langkah berikut ini :

1. login ke blog sobat, jika sudah masuk ke rancangan >> Edit Html

2. beri tanda centang pada "Expand Widget Templates"

3. lalu copy kode dibawah, letakkan tepat diatas </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 301; img_thumb_height = 150; img_thumb_width = 150; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtK-i8j6RDY10iUUDu8hha5snjB14og6NgmsW1QIMc-asWQWZLYu0nzDxc9QfSppbDnF31IeS1eDGno2grRGzOIoVtqSyzhTd-pQTCmH4q6lzAMqtES7oP4pFufi1E2lbV8e70g4Lt9A/s1600/def-thumb.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Perhatikan dan edit sesuai selera sobat:
summary_noimg = 300 menunjukkan jumlah karakter yang ditampilkan tanpa gambar
summary_img = 301 menunjukkan jumlah karakter yang ditampilkan termasuk gambar
img_thumb_height = 150 menunjukkan tinggi gambar thumbnail
img_thumb_width = 150 menunjukkan lebar gambar thumbnail
float:right menunjukkan posisi gambar thumbnail di kanan. Jika anda ingin gambar thumbnail berada di kiri ganti right menjadi left
img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtK-i8j6RDY10iUUDu8hha5snjB14og6NgmsW1QIMc-asWQWZLYu0nzDxc9QfSppbDnF31IeS1eDGno2grRGzOIoVtqSyzhTd-pQTCmH4q6lzAMqtES7oP4pFufi1E2lbV8e70g4Lt9A/s1600/def-thumb.png" adalah gambar cadangan yang muncul jika tidak ada gambar dalam postingan. Anda bisa ganti gambar cadangan dengan gambar lain atau hapus saja alamat gambarnya jika anda tidak mau menggunakan gambar cadangan.

4. lalu cari kode <data:post.body/> atau <p><data:post.body/></p>

5. Selanjutnya sobat ganti dengan kode dibawah :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>Read more &#187;</b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><p><data:post.body/></p>
</b:if>

6. Jika sudah SAVE template sobat

7. lalu lihat apakah berhasil atau tidak.

Read more »

MEMBUAT TEXT BERJALAN

http://www.textspace.net/lcd_text_maker/9.10/page_1

Read more »

Cara Membuat Menu Tab View di Blog

Menu Tab View biasa digunakan oleh para blogger yang ingin mempercantik dan menghemat space pada halaman webnya. Berikut ini merupakan salah satu tutorial sederhana yang juga banyak di share oleh para blogger di blog mereka.

Contoh Gambar Menu Tab View pada sebuah Blog

Tutorial Membuat Menu Tab View :

1. Login ke blogger kemudian pilih menu "Layout --> Edit HTML"

2. Cari kode berikut ( Tekan CTRL+F untuk mempermudah pencarian) ]]></b:skin>

3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau ke dalam tag CSS.

Spoiler:

***Text berwarna merah merupakan keterangan untuk melakukan editing menu tab view sesuai keinginan Anda.

5. Step selanjutnya yaitu memasang kode berikut ini sebelum kode </head>

Code:

<script type='text/javascript'>

function tabview_auxundefinedTabViewId, id)
{
  var TabView = document.getElementByIdundefinedTabViewId);

  // ----- Tabs -----

  var Tabs = TabView.firstChild;
  while undefinedTabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

  var Tab = Tabs.firstChild;
  var i  = 0;

  do
  {
    if undefinedTab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switchundefined'"+TabViewId+"', "+i+");";
      Tab.className = undefinedi == id) ? "Active" : "";
      Tab.blurundefined);
    }
  }
  while undefinedTab = Tab.nextSibling);

  // ----- Pages -----

  var Pages = TabView.firstChild;
  while undefinedPages.className != 'Pages') Pages = Pages.nextSibling;

  var Page = Pages.firstChild;
  var i    = 0;

  do
  {
    if undefinedPage.className == 'Page')
    {
      i++;
      if undefinedPages.offsetHeight) Page.style.height = undefinedPages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = undefinedi == id) ? 'block' : 'none';
    }
  }
  while undefinedPage = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switchundefinedTabViewId, id) { tabview_auxundefinedTabViewId, id); }

function tabview_initializeundefinedTabViewId) { tabview_auxundefinedTabViewId,  1); }

</script>

<script type='text/javascript'>tabview_initializeundefined'TabView');
</script>

6. Save

=========================
Next Step ==>
=========================

1. Cari menu Element yang terdapat pada blog
2. Pilih menu "Add a Gadget" --> "HTML/Javascript" (tata letak bisa disesuaikan)
3. Masukan script berikut :

Code:

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1

Tab 1.2

Tab 1.3

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1

Tab 2.2

Tab 2.3

</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1

Tab 3.2

Tab 3.3

</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan tambahan :

Code:

<div class="Pages" style="width: 350px; height: 250px;">

untuk mengatur lebar dan panjang kolom

Code:

<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>

Merupakan Menu Utama

Code:

<div class="Page">
<div class="Pad">
Tab 3.1

Tab 3.2

Tab 3.3

</div>
</div>

Merupakan isi dari tav view yang bisa ditambahkan dengan link, gambar, dsb.


Selesai.

Read more »

Membuat Nav Bar Auto Hide dan menghilangkan nya

Kalau kita lihat header pada blogger bawaan akan terlihat satu kolom panjang yang terletak di bawah Nav Bar ...emang udah dari sono nya bentuk nya kayak gitu he he..ada suatu keinginan saya untuk membagi header menjadi dua kolom akhir nya saya cari di search engine dan setelah menemukan kode html trus saya coba untuk mengobok-obok blog saya ,,awal nya sih masih rada-rada susah maklum saya masih bodoh tentang kode-kode html dan setelah membanting tulang,memeras keringat dan menghabiskan berbatang-batang rokok ahh,,,akhir nya saya berhasil juga...

Bagaimana sih bentuk header dua kolom tersebut...kira-kira seperti sobat lihat di bawah ini....yang sebelah kiri merupakan header utama yang di potong sedangkan sebelah kanan header hasil potongan...ada keuntungan yang bisa kita ambil dengan adanya dua klom header ini mungkin kita bisa meletakan tulisan,gambar,maupun kode script di samping judul blog kita..

Di dalam postingan ini header yang akan di modifikasi adalah untuk blog yang memakai templete baru jika templete sobat memakai templete lama silahkan baca artikel selanjut nya di sini.

Jika sobat berminat untuk membelah header cara nya ga terlalu ribet cukup bawa pisau dapur atau celurit terus di belah bereskan..!!! he he sorry bercanda juragan....

Ok..!!! kita langsung aja mengikutin tahapan-tahapan nya...

1. Tahap PERTAMA

• seperti biasa anda login terlebih dahulu..kalau sudah login silahkan langsung ke RANCANGAN
• Anda klik Edit HTML
• sebelum nya anda download dulu templete agar jika ada kesalahan templete anda bisa di kembalikan seperti semula.
• Jangan lupa di centang Expand Template Widget
• Kalau sudah kita mulai mengobok-ngobok kode html nya

CARI KODE DI BAWAH INI..!!! cara cepat nya tekan (Ctr + F pada keyboard) fokus pencarian pada huruf bercetak tebal

.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

anda hapus kode di atas dan ganti (replace) dengan kode di bawah ini...

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */}
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}

2.Tahap KEDUA

Cari kode di bawah ini

<div class='region-inner header-inner'>

Terus anda tambahkan dengan kode di bawah in...

<b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

Hasil nya kayak di bawah ini..

<div class='region-inner header-inner'><b:section class='bgsGR_headerkanan' id='bgsGR_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>

catatan :

• Untuk yang bercetak tebal merupakan kode yang di tambahkan tambahan 
• Untuk yang bercetak merah angka nya bisa anda bisa ganti dengan angka 2,3,4 atau lain nya..maksud nya untuk susunan kolom kebawah. 

3. Tahap KETIGA selesai dan simpan templete

Sekarang Lihat hasil nya...langsung anda kerancangan...semoga berhasil ya....jika ada kendala silahkan tinggalkan komentar nya di bawah...

Read more »

Cara Membuat Kotak Banner Di Header Blog

 Bikin Space Iklan pada blog kita kayaknya seru nih supaya ada yang mau pasang, ukuran dan bentuknya bisa kita sesuaikan. Nah berikut ini langkah-langkahnya:

1. Buka Dasbor blog

2. Klik tab Rancangan -> Edit HTML

3. Cari kode <b:skin><![CDATA[/* 
4. Letakkan kode CSS berikut setelah kode <b:skin><![CDATA[/*

div.adblock#ads125 A {
    BORDER-RIGHT: #ccc 1px solid;
    BORDER-TOP: #ccc 1px solid;
    BORDER-BOTTOM: #ccc 1px solid;
    BORDER-LEFT: #ccc 1px solid;
    WIDTH: 125px;
    COLOR: #666;
    HEIGHT: 125px;
    DISPLAY: block;
    FLOAT: left;
    MARGIN: 0px 0px 10px 0px;
    COLOR: #888;
    FONT-FAMILY: verdana,sans-serif;
    TEXT-DECORATION: none;
    FONT-WEIGHT: 700;
    FONT-SIZE: 12px;
    BACKGROUND: #e7e7e7;
    LINE-HEIGHT: 1000%;
    TEXT-ALIGN: center
}

div.adblock#ads125 {
    DISPLAY: block; WIDTH: 100%
}

div.adblock#ads125 A:hover {
    BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: #ddd; BORDER-LEFT: #999 1px solid; COLOR: #333; BORDER-BOTTOM: #999 1px solid
}

5. Cari kode header "<div id='header-wrapper'></div>" yang biasanya diletakkan setelah kode <body>
6. Copy dan paste kode di bawah ini setelah kode <div id='header-wrapper'>

<table cellpadding='0' cellspacing='1'>
<tr>

<td>
<div class='adblock' id='ads125'>
     <a href='alamat tujuan' title='Advertise Here 125 x 125 px'>Advertise Here</a>
</div>
</td>

<td>
<div class='adblock' id='ads125'>
     <a href='alamat tujuan' title='Advertise Here 125 x 125 px'>Advertise Here</a>
</div>
</td>

<td>
<div class='adblock' id='ads125'>
     <a href='alamat tujuan' title='Advertise Here 125 x 125 px'>Advertise Here</a>
</div>
</td>

<td>
<div class='adblock' id='ads125'>
     <a href='alamat tujuan' title='Advertise Here 125 x 125 px'>Advertise Here</a>
</div>
</td>

<td>
<div class='adblock' id='ads125'>
     <a href='alamat tujuan' title='Advertise Here 125 x 125 px'>Advertise Here</a>
</div>
</td>

</tr>
</table>

7. Klik tombol Simpan Templates untuk menyimpan perubahan

8. Selesai, sebagai contoh lihat blog berikut

Perlu diingat bahwa kode header <div id='header-wrapper'> kode </div> dapat berisi berbagai macam kode. Jika header hanya ingin diisi oleh kotak banner maka hapus saja semua kode yang berwarna merah (kode).

Dan yang perlu diperhatikan bahwa tinggi dan lebar header untuk setiap blog berbeda-beda maka oleh sebab itu lakukan perubahan, jika tinggi header lebih kecil dari tinggi banner yang diinginkan melalui kode CSS-nya.

Kode CSS

#header-wrapper{width:960px;margin:30px auto 15px;height:80px;padding:15px 0px 15px 0px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyuySyZKKhIGFE5LTO4npjMoZKx5S_3UXvS92pqmJVykMpOoqBiqyXUxykYVXtnxOGMptXgVvPVfw220lf1wDSxcsPZekiA6jmcATYNqC8CpD0kPPv3Y0uwsKz6rnVfXJyIsQbVTtgEcE5/s1600/header-bg.png) left top repeat-x;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}

Read more »

Membuat Tab Menu Blog Sederhana

• Copy script di bawah ini masukan ke dalam new gadget=>HTML.

<ul class='glossymenu'> <li class='current'><a href='URL-Blog-Kamu'>Beranda</a></li>
<li><a href='URL-Link-Tujuan1'>JUDUL 1</a></li>
<li><a href='URL-Link-Tujuan2'>JUDUL 2</a></li>
<li><a href='URL-Link-Tujuan3'>JUDUL 3</a></li>
<li><a href='URL-Link-Tujuan4'>JUDUL 4</a></li>
<li><a href='URL-Link-Tujuan5'>JUDUL 5</a></li>
</ul> 

• Yang berwarna biru silahkan di ganti link url yang anda inginkan sedangkan yang berwarna merah silahkan di ganti dengan judul yang anda inginkan .
• Cara memasang silahkan Login ke Blogger >> Rancangan >> Edit Laman >> Add Gadget >> Save

Read more »