<!-- floating ads idebangga.blogspot.com -->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUW6yuJrRO0hCcPD_KCIbFd_RK0XJGD-N74KgN6I6LXaitV6-oI3xXbiYE3FIZQF3jE4AIRG0X7T3zXMAPtCYJa-uu-o6115QWvvx3N0S3QJM7eB2sg9LSLABfTlnqm_c89fU_iz1fenp/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

<a href='link' target='_blank' title='judul'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyNZNwvAJeo5-NZly1AMbZ0I0wlWEa7ZUipHpjcQ9ZyHk-KTg3wgnSlna_gmA7VSXrqiq6d9OYemPaugHrQXkBpX7fDD4mfL9tTikmUK85p7GZWX12LvEiKaEO3XjYbJ50xXfzp-8tzg/s1600/c9b587136e30cb0b9e4d740c6c745f64.jpg' alt=Tas Anyaman Unik Jogja' border='0'height='999' width='150'/></a>

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads idebangga.blogspot.com-->

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUW6yuJrRO0hCcPD_KCIbFd_RK0XJGD-N74KgN6I6LXaitV6-oI3xXbiYE3FIZQF3jE4AIRG0X7T3zXMAPtCYJa-uu-o6115QWvvx3N0S3QJM7eB2sg9LSLABfTlnqm_c89fU_iz1fenp/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

<a href='link' target='_blank' title='judul'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyNZNwvAJeo5-NZly1AMbZ0I0wlWEa7ZUipHpjcQ9ZyHk-KTg3wgnSlna_gmA7VSXrqiq6d9OYemPaugHrQXkBpX7fDD4mfL9tTikmUK85p7GZWX12LvEiKaEO3XjYbJ50xXfzp-8tzg/s1600/c9b587136e30cb0b9e4d740c6c745f64.jpg' alt=Tas Anyaman Unik Jogja' border='0'height='999' width='150'/></a>

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads idebangga.blogspot.com-->
<!-- end: floating ads idebangga.blogspot.com -->

Read More

srip iklan

<a href='link' target='_blank' title='judul'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyNZNwvAJeo5-NZly1AMbZ0I0wlWEa7ZUipHpjcQ9ZyHk-KTg3wgnSlna_gmA7VSXrqiq6d9OYemPaugHrQXkBpX7fDD4mfL9tTikmUK85p7GZWX12LvEiKaEO3XjYbJ50xXfzp-8tzg/s1600/c9b587136e30cb0b9e4d740c6c745f64.jpg' alt=Tas Anyaman Unik Jogja' border='0'height='999' width='150'/></a>

Read More

IKLAN

Apa kabar nih sobat blogger semua? kasih senyuman dong buat saya :)

Pada kesempatan ini saya akanSHARE satu artikel tutorial blogger nih sob. Tutorial pertama nih di tahun 2013 dari saya :D

Artikel ini spesial by request dari sahabat saya sendiri. Penasaran? Langsung simak aja nih "Cara memasang iklan melayang di samping kanan dan kiri blog" :)

screenshootnyaKAYAK gini nih sob :)

Sebelum saya jelaskan tutorialnya, boleh ya saya review dikit kenapa posisi pemasangan iklan itu perlu diperhatikan. Jadi untuk menjadi publisher yang baik, kita harus tau tempat-tempat strategis untuk memasang iklan. Usahakan taruh di tempat yang mudah dilihat oleh pengunjung. Ini ditujukan agar pengunjung sejak pertama membuka blog kita pandangannya akan langsung teralihkan ke iklan yang kita pasang sehingga dapat menarik pengunjung melakukan klik untuk kita :)

dan menurut saya memasang iklan melayang pada blog adalah salah satu tempat paling strategis, karena hampir tidak mungkin pengunjung tidak melihat iklan yang kita pasang.

Dan ini langkah-langkah untuk memasang iklan melayang disamping kanan dan kiri blog:

1. Buka akun blogger sobat dan menuju ke dashboard

2. Kemudian pilih menu tata letak dan kemudian add gadget

tempat gadgetnya bebas sih,, suka-suka kalian aja soalnya gak bakal pengaruh, hehe :D

3. pilih HTML/JavaScript

4. Copy - Paste kode berikut pada kotak yang tersedia

<!-- floating ads idebangga.blogspot.com -->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUW6yuJrRO0hCcPD_KCIbFd_RK0XJGD-N74KgN6I6LXaitV6-oI3xXbiYE3FIZQF3jE4AIRG0X7T3zXMAPtCYJa-uu-o6115QWvvx3N0S3QJM7eB2sg9LSLABfTlnqm_c89fU_iz1fenp/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads idebangga.blogspot.com-->

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUW6yuJrRO0hCcPD_KCIbFd_RK0XJGD-N74KgN6I6LXaitV6-oI3xXbiYE3FIZQF3jE4AIRG0X7T3zXMAPtCYJa-uu-o6115QWvvx3N0S3QJM7eB2sg9LSLABfTlnqm_c89fU_iz1fenp/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads idebangga.blogspot.com-->
<!-- end: floating ads idebangga.blogspot.com -->

nb:

masukkan script iklan sobat untuk menggantikan tulisan "LETAKKAN SCRIPT IKLAN DISINI"

5. klik save

Jika sobat belum puas dengan iklan kanan dan kiri, sobat bisa menambahkan iklan melayang di posisi lain dengan kode seperti berikut

<!-- floating ads idebangga.blogspot.com -->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUW6yuJrRO0hCcPD_KCIbFd_RK0XJGD-N74KgN6I6LXaitV6-oI3xXbiYE3FIZQF3jE4AIRG0X7T3zXMAPtCYJa-uu-o6115QWvvx3N0S3QJM7eB2sg9LSLABfTlnqm_c89fU_iz1fenp/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads idebangga.blogspot.com-->

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFUW6yuJrRO0hCcPD_KCIbFd_RK0XJGD-N74KgN6I6LXaitV6-oI3xXbiYE3FIZQF3jE4AIRG0X7T3zXMAPtCYJa-uu-o6115QWvvx3N0S3QJM7eB2sg9LSLABfTlnqm_c89fU_iz1fenp/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads idebangga.blogspot.com-->
<!-- end: floating ads idebangga.blogspot.com -->

catatan:

letakkan kode tersebut dibawah kode yang tadi.

kode diatas untuk menampilkan iklan di bagian tengah bawah blog, ditunjukkan dengan kode "position:fixed; bottom:0px;"

untuk posisi menempel diatas blog ganti kode tersebut dengan "position:fixed; top:0px;" tanpa tanda petik ya :)

jika sobat masih ingin menambah iklan lagi, copy-paste lagi kodenya dan ganti semua (ada 2) kode "teaser4" dengan "teaser5" dst. ingat, tanpa tanda petik :D

Sekian tutorial dari saya, semoga bermanfaat :)

Read More

slidshow

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
       $('#BUS-slider').s3Slider({
          timeOut: 3000
       });
    });
    </script>
    <style>
    #BUS-slider {
       width: 900px; /* Keep it 20px-40PX greater than ACTUAL Image size */
       height: 335px;
       position: relative;
       overflow: hidden;
       margin-left: 0;
    }
    #BUS-sliderContent {
       width: 900px;
       position: absolute;
       top: 0;
       margin-left: 0;
    }
    .BUS-sliderImage {
       float: left;
       position: relative;
       display: none;  top: 0;
       border:1px solid #ddd;
    }
    .BUS-sliderImage span {
    position: absolute;
        font: 10px/15px sans-serif,Arial, Helvetica;
        padding: 10px 10px;
        background-color: #000;
        color: #fff;
        filter:'alpha(opacity=70)';
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
        text-align:justify;
    }
    .BUS-sliderImage span a {
    text-decoration:underline;
    color:#FE6602;
    }
    .clear {
       clear: both;
    }
    .top {
        top: 0;
        left: 0;
        width: 900px !important;
        height: 70px;
    }
    .bottom {
        bottom: 0;
        left: 0;
        width: 900px !important;
        height:90px;
    }
    .left {
        left: 0;
        top: 0;
        width: 110px !important;
        height: 335px;
    }
    .right {
        right: 0;
        bottom: 0;
        width: 110px !important;
        height: 315px;
    }
    </style>
    <br />
<div id="BUS-slider">
<ul id="BUS-sliderContent">
<li class="BUS-sliderImage">
    <img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIpr9B1ByE9nD4NFacjakw3Aj4Wwl3FCcG1R8IshOGGrxVKoQ9F9Bl1Ea1ywqNH4AfDMY7TuWK8oej3D7OBdZm51sO2y37w0etp-ukyvhmNkoVmn31ytdKHDmI5u7DJl2ejI2PreSyCo4/s1600/pizap.com14319366347781.jpg" width="900" /><a href="http://resepmakananalakoki.blogspot.sg/2015/05/foto.html"><span class="top"><h3> LAPTOP</h3>
koleksi laptop dapatkan hanya di ranitashoop</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf5gtQT5-L72ngILf1IrgJ0Q_Op5pwxOiQiZz6fAe0qP3cnlReX-oYCi5MQ3uYeuAhETWZnCGYQ5HnY0RqqDvuz4YNW_rh8z4oXTptLzDlCi1d-v39Sejt0gygbNEi93k9nxw7uNZ9UFc/s1600/GAMBAR+JADI+TV.jpg" width="900" /><a href="http://resepmakananalakoki.blogspot.sg/2015/05/foto.html"><span class="top"><h3>
TELEVISI</h3>
koleksi tv led dapatkan hanya di ranitashoop</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <a href="http://resepmakananalakoki.blogspot.sg/2015/05/foto.html"><img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi98qaj4VqFAxloQUyWfk3Q0H8Cv1eor1O4DGBraa9TAvxKrcnZqNHGl7rnTLwvJTpGNnY-9ROXUG36U3QuZnmJGLLgbdyqg0t_YYRSjx4uT2t13uOoJx2ylKdgGXW8nimNcv0RCCvtd2E/s1600/HP+JADI.jpg" width="900" />
    <span class="top"><h3>
handphone</h3>
koleksi handphone dapatkan hanya di ranitashoop</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://resepmakananalakoki.blogspot.sg/2015/05/foto.html"><img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw11_mWEM9-RyXji7GQX5VOPdgpbFv9xb6bb304SLthMIFFoA6sZJLC_E-Mhz4YSSnDC6u-eYx_nNBGX6jTO4g-3UgA7mqTL7-PRJTvH6xYambHRA5oezrXqkW0iUFMyMrvjUvboSx1KY/s1600/pizap.com14317661848541.jpg" width="900" />
    <span class="bottom"><h3>
CINCIN BATU PERMATA</h3>
koleksi cincin batu permata dapatkan hanya di ranitashoop</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://resepmakananalakoki.blogspot.sg/2015/05/foto.html"><img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUUpXUdFfzfk2TB0nQoUx7Ts6tyE5JPfadTdwWvmR7P-kO2q2yzHhPosI4wPxj83kWws70kt5MSnpsKMQ-bBwmhQQemyUk_g0BrUMg7KAkCQkOsbytFmW7GPm-_6ZfQGZ1g33vnW0n3H0/s1600/TELEPON+JADI.jpg" width="900" />
    <span class="bottom"><h3>
TELEPON RUMAH</h3>
koleksi telepon rumah dapatkan hanya di ranitashoop</span>
    </a></li>
<div class="clear BUS-sliderImage">
</div>
</ul>
</div>
<br />

Read More

slid show

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://s3slider-original.googlecode.com/svn/trunk/s3Slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
       $('#BUS-slider').s3Slider({
          timeOut: 3000
       });
    });
    </script>
    <style>
    #BUS-slider {
       width: 550px; /* Keep it 20px-40PX greater than ACTUAL Image size */
       height: 335px;
       position: relative;
       overflow: hidden;
       margin-left: 0;
    }
    #BUS-sliderContent {
       width: 550px;
       position: absolute;
       top: 0;
       margin-left: 0;
    }
    .BUS-sliderImage {
       float: left;
       position: relative;
       display: none;  top: 0;
       border:1px solid #ddd;
    }
    .BUS-sliderImage span {
    position: absolute;
        font: 10px/15px sans-serif,Arial, Helvetica;
        padding: 10px 10px;
        background-color: #000;
        color: #fff;
        filter:'alpha(opacity=70)';
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
        text-align:justify;
    }
    .BUS-sliderImage span a {
    text-decoration:underline;
    color:#FE6602;
    }
    .clear {
       clear: both;
    }
    .top {
        top: 0;
        left: 0;
        width: 550px !important;
        height: 70px;
    }
    .bottom {
        bottom: 0;
        left: 0;
        width: 550px !important;
        height:90px;
    }
    .left {
        left: 0;
        top: 0;
        width: 110px !important;
        height: 335px;
    }
    .right {
        right: 0;
        bottom: 0;
        width: 110px !important;
        height: 315px;
    }
    </style>
    <br />
<div id="BUS-slider">
<ul id="BUS-sliderContent">
<li class="BUS-sliderImage">
    <img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVizwOYaRL_4QEYyO5foUk5wbY4ccIMD2FFY1Do_opXNCfG7vJatikQVaeFIVTXuFuLu3fIouGSRa13F1lXNsFKQ3-99egAEdUyDDdulmTKkpkLrRGEHyxx5vOAgnnXk21BUDCR4fYJEKK/s1600/Untitled-2.jpg" width="550" /><a href="http://blog-rangga.blogspot.com/"><span class="top"><h3> Mother And Rangga</h3>
The road to the lake Singkarak west sumatera all back home</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXgvveAlk9yzJK4joP32OufOmZh9CZJTYDR5aGEIz0XTzCEPVPksbMWI-dGud7VWp8qbkY_6tf9Zg4EGivwqvMQmHO4IbovMoV0eiCTysOYZATXYhQwFiVY7pb2FmuN-2ANqz93tiFrf14/s1600/Untitled-6.jpg" width="550" /><a href="http://blog-rangga.blogspot.com/"><span class="top"><h3>
Mother And Rangga</h3>
Rangga photo on the bridge leighton III</span></a><span class="short_text" id="result_box" lang="en"><span class="hps"></span></span>
    </li>
<li class="BUS-sliderImage">
    <a href="http://blog-rangga.blogspot.com/"><img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtsHwl6yn97AUcRFnYmjHyVi278OIf88fIdjhkaLO8c5BX4vPtY9YvhxjXksiY5q8DUHJpIlEEnfVdyYrXqW41S3z8jiJ0ENgKHCcxQoMMXn2zxIr2dDpnQOTIRg2w2X7i1x6OZEwApU_C/s1600/Untitled-1.jpg" width="550" />
    <span class="top"><h3>
Rangga photo</h3>
Rangga in the Clock Tower Bukitinggi West Sumatera</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://blog-rangga.blogspot.com/"><img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtAyIsgCwVjQZmzGxImthmwoNwVuAcG9LWAMG8Cgc5DU1S9DhT6G43kKp81_SFrpGAv1Hpp0g7aWaOnIV7_shYR-kd4x93wTc5FUsQWeEza3O0ytTpcrZCrVcemirKQSUCrHVVcCjXg57y/s1600/Untitled-1.jpg" width="550" />
    <span class="bottom"><h3>
Rangga Photo</h3>
Rangga posing overpass Kelok sembilan west sumatera</span>
    </a></li>
<li class="BUS-sliderImage">
    <a href="http://blog-rangga.blogspot.com/"><img height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCt51VYSNRSwdEOYNOAMA286g1iUBGeRC8-ukpFPfJcwRZkt-NPlw-ZoMj3iZlWNj6kMkLZyXFoHeiCKTP2Gh9P7xaqzg0P6vTGF2OmjlGNv8YZ-NsR7Q1USjJDvQjFItwZqF4G92Dcy-8/s1600/Untitled-2.jpg" width="550" />
    <span class="bottom"><h3>
Rangga , Father and Mother</h3>
Rangga with beloved family</span>
    </a></li>
<div class="clear BUS-sliderImage">
</div>
</ul>
</div>
<br />


Keterangan  :

• Kode yang berwarna Orange atau kuning adalah URL yang bisa sobat ganti dengan URL blog sobat.
• Kode warna merah adalah URL Gambar , ganti dengan URL blog yang mau sobat tampilkan 
• Tulisan warna hijau atau green Ganti dengan judul yang sobat inginkan kan 
• Tulisan warna biru ganti dengan deskripsi 

- See more at: http://blog-rangga.blogspot.sg/2013/01/cara-membuat-slide-show-foto-gambar.html#sthash.EwFVAHGo.dpuf

Read More

foto

Read More

SLID SHOW GESER

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='easyslider'>
   <div class='image_reel'>
<a href="#"><img src="...image1.jpg" /></a>
<a href="#"><img src="...image2.jpg" /></a>
<a href="#"><img src="...image3.jpg" /></a>
<a href="#"><img src="...image4.jpg" /></a>
<a href="#"><img src="...image5.jpg" /></a>
   </div>
   <div class='descriptionslider'>
<div class="easytitledes"><a href='...post-link1.html'>Post-Title 1</a><p>Description / Caption 1</p></div>
<div class="easytitledes"><a href='...post-link2.html'>Post-Title 2</a><p>Description / Caption 2</p></div>
<div class="easytitledes"><a href='...post-link3.html'>Post-Title 3</a><p>Description / Caption 3</p></div>
<div class="easytitledes"><a href='...post-link4.html'>Post-Title 4</a><p>Description / Caption 4</p></div>
<div class="easytitledes"><a href='...post-link5.html'>Post-Title 5</a><p>Description / Caption 5</p></div>
   </div>
   <div class='paging'>
<a class='' href='#' rel='1'/>
<a class='' href='#' rel='2'/>
<a class='' href='#' rel='3'/>
<a class='' href='#' rel='4'/>
<a class='' href='#' rel='5'/>
   </div>
</div>
</b:if>

Warna Oranye adalah untuk link image/gambar, Biru untuk link Url posting/artikel, Pink untuk Title/Judul, dan Merah untuk deskripsi. Semuanya dimasukan satu persatu ke dalam baris kode HTML.

Read More

Read More