Gung Santosa

Cara Mudah Memasang Headline News (Breaking News) di Blog

in tutorial - on 18:35 - No comments

Cara Membuat Headline News (Breaking News) di Blog - Headline News(Breaking News) ini adalah widget yang fungsinya menampilkan post-post yang ada di blog kita dengan tampilan yang simpel yang mirip seperti breaking news di tv. Selain itu widget ini untuk mempermudah pengunjung untuk mencari informasi di blog kita.

Jika Anda penasaran, Anda bisa melihat contohnya di blog saya yang lagi satu. Klik tulisan demo di bawah ini

DEMO

Ya kalau begitu saya akan memberikan tutorialnya sekarang. Ikuti langkah - langkahnya sebagai berikut:

1. Sign in ke blog Anda

2. Cari Tata letak kemudian klik Add Gadget

3. Klik HTML/JavaScript, kemudian masukan kode berikut dibawah ini :

CATATAN :

Ganti tulisan yang berwarna Biru dengan URL blog Anda.
Tulisan yang berwarna Merah bisa Anda ganti warnanya sesuai keinginan Anda.

4. Klik Simpan

Selesai. Itulah Cara Mudah Memasang Headline News (Breaking News) di Blog

Oh iya, jangan lupa untuk memberika Google+ dengan mengklik Tombol di bawah ini.

Salam Blogger.

How to Install Slider on The Blog Post With S3Slider

in tutorial - on 22:18 - No comments

See the DEMO on my other blog.

Tutorial Memasang Slideshow Artikel Secara Otomatis dengan S3Slider - S3Slider is a widget that displays the post in rotation with a cool slide effect and more modern. If you want to try it, please follow the tutorial as follows:

1. Sign in to your blog
2. Click on "Template", then "Edit HTML"
3. It will show the code, then you find the code <b:skin> see the picture below:

4. Kemudian Anda cari kode ]] ></b:skin> seperti gambar di bawah

5.Copy the code below, then put this script code above the code of ]]></b:skin>

#slider,
#sliderContent,
#slider img {
  width:420px; /* Tentukan lebar slideshow */
  height:270px; /* Tentukan tinggi slideshow */
}

#slider {
  margin:0 auto 10px;
  border:2px solid white;
  background:#fff url('http://reader-download.googlecode.com/svn/trunk/images/nivo-loading.gif') no-repeat 50% 50%;
  position:relative;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  overflow:hidden;
}

#sliderContent {
  position:absolute;
  top:0;
  left:0;
  margin:0 0;
  padding:0 0;
  overflow:hidden;
}

#slider img {
  border:none;
  padding:0 0;
  margin:0 0;
  width:100%;
  height:auto;
  outline:none;
}

.sliderImage {
  list-style:none;
  margin:0 0;
  padding:0 0;
  width:100%;
  display:none;
}

.sliderImage span {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:auto;
  font:normal 11px Arial,Sans-Serif;
  color:white;
  background-color:black;
  opacity:.8;
  filter:alpha(opacity=80);
  padding:7px 10px 12px;
  display:none;
}

.sliderImage span a {
  font-size:12px;
  font-weight:bold;
  color:white;
  text-decoration:none;
}

(see the image below:)

NOTE: you can change the width and height as you want, replace the code that I give a red color :

#slider img {
  width:420px; /* Tentukan lebar slideshow */
  height:270px; /* Tentukan tinggi slideshow */
}

6. After that you find the code </head> (see the picture)

7. Put the following code above the code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script src='http://reader-download.googlecode.com/svn/trunk/s3Slider.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(window).bind('load', function() {
    $('#slider').css('background-image', 'none').s3Slider({
        timeOut:3000
    });
});
//]]>
</script>

8. After that you click the "SaveTemplate"

9. Next to "Layout" then click on "Add Gadget", than select "HTML/JavaScript"








10. Salin kode dibawah ini dan isikan di













NOTE: Replace "http://nama_blog.blogspot.com/" with the URL of your blog.







11.Click "Save"







Done, that's How to Install Slider on The Blog Post With  S3Slider. Good luck

Cara Submit Sitemap di Google Webmaster Tools

in tutorial - on 22:46 - No comments

Cara Submit Sitemap di Google Webmaster Tools - Fungsi dari tutorial ini adalah agar blog yang baru kita buat bisa cepat terindex di Google. Hal ini juga termasuk dalam SEO On Page supaya blog kita bisa bertahan di SERP walau kita jarang update artikel. Berikut adalah cara submit sitemap di Google webmaster tools :

1.Silahkan Anda login dulu akun Gmail Anda di Webmaster Tools
2.Kemudian klik " tambahkan situs"