Selasa, 26 Maret 2013

Cara Membuat Fans Page Keren di Blog

0 komentar

Cara Membuat Fans Page Keren di Blog





Pada kesempatan kali ini saya akan menjelaskan cara membuat fans page di blog, tetapi kali ini fans pagenya tersembunyi atau slide show seperti yang ada di sebelah kanan blog saya ini. pertama anda harus buat fans page terlebih dahulu.

Setelah selesai, anda ikuti langkah-langkah berikut:
1.  Masuk ke Template > Edit Html dan centang expand elemen widget.
2. Cari kode </head> dan letakan kode di bawah ini di atas kode </head> tersebut.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

3. Save template dan klik tab elemen laman.
4. Klik add gadget, pilih tambah HTML/Javascript dan copy kan kode di bawah ini

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL FANS PAGEANDA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://adithya-putr4.blogspot.com/2012/05/cara-membuat-fans-page-keren-di-blog.html">Widget by Adithya</a></span></div></div>

5. Kemudian Simpan.

Kamu dapat merubah gambar facebook yg disamping dengan merubah text yg berwarna orange dengan URL gambar yg kamu suka 
ubah text yg berwarna biru dengan URL page fans milik mu. 
jika ingin merubah warna background page fansnya kamu tinggal menggati code yg berwarna ungu dengan kode warna yg kamu suka...
NB : Jika ada masalah silakan tinggalkan komentar. :)



~Selamat Mencoba~
Baca Selengkapnya →
Sabtu, 23 Maret 2013

Pasang Widget Alexa Rank Tanpa perlu Register

0 komentar


Pasang Widget Alexa Rank Tanpa perlu Register




Biasanya bila anda ingin mendapatkan widget Alexa Rank, kita di haruskan untuk mendaftar terlebih dahulu. kini saya akan share cara mendapatkan widget Alexa Rank tanpa perlu Register / mendaftar. Berikut caranya...


  • Copy code berikut lalu masukan ke HTML/Javascript
<a href="http://www.alexa.com/siteinfo/c-gultom.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=
c-gultom.blogspot.com'></script></a><script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
  • Ubah code yg berwarna kuning dengan url kalian...
  • Lalu klik Simpan. dan lihat hasilnya
Baca Selengkapnya →

Cara Membuat Tombol Back To Top di blog

0 komentar

Cara Membuat Tombol Back To Top di blog
Pada kesempatan kali ini saya akan berbagi kepada sobat tentang bagaimana Cara Membuat Tombol Back To Top Dengan Efek Gulir Halur pada Blogspot dan beberapa waktu yang lalu, saya juga telah memposting sebuah artikel yang hampir sama dengan postingan kali ini, namun tombol back to top yang pertama tersebut mempunyai efek yang agak sedikit kaku dan tidak mempunyai efek apa-apa. 
Apa gunanya tombol back to top?
Cara Membuat Tombol Back To TopSalah satu kegunaan dari tombol back to top yakni untuk memudahkan pengunjung blog untuk kembali ke menu header atau navigation tanpa harus melakukan scroll pada mouse.
Tutorial untuk pemasangan back to top kali ini yakni menggunakan JQuery versi 1.3.7 (terbaru untuk saat ini). Cara pemasangannya tidaklah rumit dan tanpa harus mengedit CSS template blog, tetapi hanya dengan menambahkan gadget baru (HTML/Javascript) dan memasukkan kode ke dalamnya. Jika sobat penasaran seperti apa tombol back to top yang saya maksudkan disini, coba klik DISINI. Bagaimana, menarik bukan...???
Nah jika sobat tertarik untuk memasang tombol to top seperti pada blog saya ini, berikut uraian singkatnya :
  • Login ke blogger
  • Tata Letak » Add Gadget » Pilih HTLM/Javascript
  • Copy kode di bawah ini dan pastekan kedalam box HTML/Javascript tersebut
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JP2Fxvr1a-t2X6ff7fP-ODCIIZXUfKGQJzGHdNYROb4O62VJGxRL1E2vmfNWcpRdmpia_Axl2Se84ksMSOMDb4LiUrpnwLPdJ6OIPn4ppnhWr-1zgfI0yjldYh7gW1guSD7R73EYKedn/s1600/navigate-up-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>
Keterangan : URL yang saya beri warna merah di atas adalah url foto yang sudah diuplaod sebelumnya, silahkan dengan url foto sobat.
  • Simpan dan lihat hasilnya.
Baca Selengkapnya →
Senin, 11 Maret 2013

Cara Membuat Anti Klik Kanan Dengan Gambar

0 komentar

Cara Membuat Anti Klik Kanan Dengan Gambar

Cara Mendisable Klik Kanan Dengan Gambar

Keyword : Mendisable Click Kanan Dengan Peringatan Gambar, Melarang Klik Kanan Pada Blog Menggunakan Peringatan Gambar, Mencegah Click Kanan Dengan Gambar Keren, Melindung Artikel Blog Dari Copaser.

Anti Klik Kanan Dengan Gambar

  • Pertama, masuk ke Dasboard blog kalian
  • Masik ke Tata Letak
  • Klik Tambah Gadget
  • Kemudian pilih Gadget HTML/JavaScript
  • Masukkan kode dibawah ini :
<script type='text/javascript'>
var DADrightclicktheme = 'Dark';
var DADrightclickimage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUDpcRaSvTSxKn21mF6fswWJ6LgSKx7amhyphenhyphenbDNq6z3QZw8W9naB2uZDwQY134zcgVpxD5Wvt8niHI_hX2JpKLpu4lzJNsfzclHlNzEory8BKZ1BoJxhyphenhyphen8-g7idC85pwoXxZqi9X5XkPIol/s1600/No+Right+Click+copy.png';
</script>
<script type='text/javascript' src="http://yondarkness.googlecode.com/files/AntiCopas.js"> </script>
  • Kemudian tinggal diSave
Keterangan :
Ganti kode berwarna BIRU dengan skema blog kalian. Jika blog kalian berwarna dasar gelap, isi dengan Dark. Dan jika blog kalian berwarna dasar terang, isi dengan Light.
Ganti kode berwarna HIJAU dengan URL/Alamat gambar Anti Klik Kanan kalian.

Jadilah Anti Klik Kanan Menggunakan Gambar di blog kalian. Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan ditanyakan di komentar.


Baca Selengkapnya →

Memberi Efek Hover pada Gambar di Header

0 komentar




Memberi Efek Hover pada Gambar di Header


Berikut Tutorialnya...

  • Login ke blogger
  • Pilih menu template >> edit HTML >> lanjutkan
  • Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...
a.thumbopacity img {  -moz-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    -webkit-transition: all 0.3s ease-out;    -ms-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;margin-top:5px;margin-left:230px; position:absolute; }
a.thumbopacity:hover img{  margin-left: 175px;  padding-left: 0px;  }

  • Sesuaikan letak Gambar kalian dengan mengedit marginnya 
  • Lalu copy code di bawah ini dan pastekan tepat dibawah code </head> 
<a class='thumbopacity'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_wMZfVbYaLejxFqSKV5TAHv9F3FJCELv_smYSAYdCQ5GmM4X4GYbwWuhfkNilr3Xbm-DWKdxBcT2la0W-J5Httinzw4m_BsTJSg_XLCX9EaEWrN4z76vUDG5ddrxYBOniWj7O6EuCVXG0/s1600/adada.png'/></a>

  • Ubah kode yg berwarna hijau dengan URL gambar kalian 
  • Setelah itu simpan HTML kalian dan lihat hasilnya.

Selanjutnya tinggal kalian utak atik sendiri, dan selamat mencoba
Baca Selengkapnya →

Pasang Widget Alexa Rank Tanpa Perlu Register

0 komentar

Pasang Widget Alexa Rank Tanpa Perlu Register

Biasanya bila anda ingin mendapatkan widget Alexa Rank, kita di haruskan untuk mendaftar terlebih dahulu. kini saya akan share cara mendapatkan widget Alexa Rank tanpa perlu Register / mendaftar. Berikut caranya...

- Copy code berikut lalu masukan ke HTML/Javascript
<a href="http://www.alexa.com/siteinfo/http://c-gultom.blogspot.com/"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=http://c-gultom.blogspot.com/'></script></a><script type="text/javascript">document.write(unescape("%3Cscript src=%27http://s10.histats.com/js15.js%27 type=%27text/javascript%27%3E%3C/script%3E"));</script>
- Ubah code yg berwarna kuning dengan url kalian...
- Lalu klik Simpan. dan lihat hasilnya
Baca Selengkapnya →
Minggu, 10 Maret 2013

Cara Memblockir (Mendisable) CTRL+U Di Blog

0 komentar

Cara Memblockir (Mendisable) CTRL+U Di Blog


Cara Memblockir (Mendisable) CTRL+U Di Blog

Keyword : Cara Mendisable CTRL+U Di Blog, Melarang Tombol CTRL+U Di Blog, Mencegah CTRL+U Di Blog, Script Anti CTRL+U, Trick Blog Anti Plagiat.


Kali ini saya akan mengShare tentang Cara Memblockir Atau Mendisable CTRL+U. Tapi, sebelum itu saya akan menjelaskan apakah fungsi dari CTRL+U. Ketika kita menekan keyboard CTRL+U di suatu halaman web, maka kita akan mengetahui kode-kode source halaman tersebut. Jika kalian tidak ingin kode source yang sebagian merupakan kode HTML kita di lihat orang, maka kalian bisa ikuti langkah-langkah berikut

  • Pertama, masuk ke Dasboard blog kalian
  • Klik pilihan Template
  • Pilih Edit HTML
  • Jangan lupa centang "Expand Template Widget"
  • Kemudian, masukkan kode di bawah ini tepat di bawah kode <body>
<script src='http://yondacss.googlecode.com/files/Yondarkness%20Anti%20CTRL%20U%204%20Post.js' type='text/javascript'/>
  • Terakhir, kalian Save
Bagaimana sekarang? Coba kalian tekan CTRL+U di blog kalian. Apa yang terjadi? Jika kalian berhasil maka otomatis halaman akan di alihkan ke http://security-system-blogger.blogspot.com . Dengan begitu, kode source kalian aman. Tapi jika kita berurusan dengan PLAGIAT tingkat atas, cara ini masih bisa di atasi.

Baca juga artikel tentang Cara Mendisable Klik Kanan Dengan Gambar

Sekian artikel kali ini. Semoga bermanfaat. Jika ada yang kurang jelas, silakan kalian tanyakan di komentar.


Baca Selengkapnya →
Sabtu, 09 Maret 2013

Cara Memberi Background Pada Chat Box ( Buku Tamu )

1 komentar



Cara Memberi Background Pada Chat Box ( Buku Tamu )

Cara Memberi Background Pada Chat Box ( Buku Tamu ) Di Blog

Keyword : Cara Membuat Chat Box ( Buku Tamu ) Keren, Cara Membuat Cbox Keren Di Blog, Teknik Membuat Chat Box Bergambar, Tutorial Blog Unik.


Setalah lama tidak posting masalah blog karena bosan, kali ini saya akan memposting Bagaimana Cara Membuat Chat Box Dengan Background Gambar. Kalian pasti sudah tahu apa itu Chat Box. Kalau belum tahu kalian bisa melihat gambar di atas atau kalian bisa lihat sendiri di blog saya ini. Bagaimana caranya? Untuk membuatnya, silakan kalian ikuti langkah-langkah di bawah ini.

  • Pertama, buka situs www.cbox.ws kemudian Log in terlebih dahulu jika sudah mempunyai akun. Jika belum punya, silakan Register terlebih dahulu.
  • Jika sudah masuk, pilih menu Look & Feel, kemudian pilih sub menu Style Present.
  • Pada bagian ini, banyak tersedia tampilan Chat Box yang disediakan, kalian pilih yang Transparent dan klik tombol Confirm. Lalu Save.
  • Kembali ke menu Look & Feel, sekarang kalian pilih sub menu Layout Options.
  • Di bagian ini kalian bisa menyesuaikan ukuran tinggi dan lebar Chat Box sesuai selera.
  • Setelah selesai mengatur, sekarang kalian klik menu Publish!
  • Kemudian kalian klik tombol Copy to clipboard dan kemudian kalian letakkan pada widget HTML kalian ( Dasboard->Tata Letak->Tambah Gadget->HTML/JavaScript ).
  • Kemudian kalian cari kode di bawah ini

<div id="cboxdiv" style="text-align: center; line-height: 0">

  • Jika sudah ketemu, kalian ganti kode di atas dengan kode di bawah ini

<div id="cboxdiv" style="text-align: center; line-height: 0;background-position:center;background:url(URL GAMBAR DISINI);width:200px;height:350px;background-repeat:no-repeat;">

Keterangan :
Ganti kode berwarna MERAH dengan Alamat/Url gambar yang ingin kalian jadikan Background.
Kode berwarna HIJAU adalah untuk mengatur lebar gambar yang ingin kalian jadikan Background. Kalian sesuaikan sesuai lebar widget Chat Box yang sudah kalian atur.
Kode berwarna BIRU adalah untuk mengatur tinggi gambar yang ingin kalian jadikan Background. Kalian sesuaikan sesuai tinggi widget Chat Box yang sudah kalian atur.

  • Terakhir tinggal kalian Save widgetnya.

Selesai. Silakan kalian cek hasilnya. Kalian juga bisa mengembangkannya dengan keKreatifan kalian. Sekian Tutorial kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan kalian tanyakan di komentar.

Baca Selengkapnya →

Mengganti "Older Posts" Dengan Angka

0 komentar

Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}



3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'> 
var pageCount=5; 
var displayPageNum=5; 
var upPageWord =&#39;Previous&#39;; 
var downPageWord =&#39;Next&#39;; 
</script> 
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> 
</b:if> </b:if> 
<!--Page Navigation Ends -->



Kalau sudah silahkan dilihat hasilnya.
Baca Selengkapnya →

Cara termudah membuat slide show di blog

0 komentar


Cara termudah membuat slide show di blog. Panduan blogger untuk blogger pemula. Panduan blogger yang akan menjelaskan, membahas serta membantu sobat blogger semua yang khususnya masih dibilang awam atau masih pemula dalam dunia blog tentang "Mudahnya Membuat Slide Show di Blog". Sebelumnya, fungsi slide show sendiri adalah untuk menambah tampilan blog supaya lebih "kelihatan"profesional dan membuat tampilan blog semakin lebih cantik. Banyak yang sekali dari teman-teman blogger yang di dalam blognya dipasang feature slide show. Kebanyakan dari mereka memanfaatkan feature slide show ini untuk kepentingan Bisnis (dalam hal ini dipakai untuk area iklan).

Memang slide show ini banyak sekali kegunaannya. Namun untuk bisa membuat sebuah slide show di blog,menurut tutorial yang banyak beredar bisa dibilang kadang berhasil dan kadang juga gagal dan terkadang "ribet" dalam proses pembuatannya. Dan dalam panduan blogger ini,sebuah panduan untuk membantu sobat blogger dalam pembuatan slide show di blog terbilang lebih mudah daripada tutorial yang banyak beredar. Selain itu,perbedaan slide show ini adalah feature slide show akan muncul pada setiap halaman blog. Perlu sobat ketahui,biasanya widget slide show yang banyak beredar serta tutorialnya hanya akan muncul pada halaman depan (Home) saja. Dan dalam pembuatannya, feature slide show yang ini tidaklah perlu "mengotak-atik HTML" artinya sobat blogger tak perlu dipusingkan dengan harus mengedit HTML terlebih dulu.

Dan untuk membuatnya,silahkan ikuti langkah-langkah seperti berikut ini :

1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih opsi HTML/Java Script
5. Copy dan Paste-kan kode di bawah ini ke dalamnya

<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="Slide Show 1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs_v3KuGkHZisvynRSarzzYv1P7I721qie6wxX979WuKJzGFnP_PYzOvoLg7LYwZpd-2FkivX7vh8-DJQzNOFPknjZLWdGblzC_fOZSNvVHaUTJ9fnfiF54vhhbfNZ6TBIQN9q50Om65HF/s1600/1.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 1</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 1.Dan untuk mengganti tulisan "Judul Artikel 1" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsL3hA3HZ7dEEDysXa723e6cq9PjwhQYPraD9F81itsJw_nDmSmU21qjiU1eF-YP6WnXopndBOa_DLw5pNQs9Mtc4O_0iAb1dJbeE88QlYrG6pef92kjNHvhdn3fcLstYAyGCa3-LQa8wM/s1600/2.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 2</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 2.Dan untuk mengganti tulisan "Judul Artikel 2" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt_QBZrgENTPNAUqF5Q_XCvRTiP_2P8GAEYrlN-9NWNYbVzsgiDLcu2-v7hYA29DOScIdTqYpS58m3tn4biEgU9GOYbMuRcU1u6ZA8JrtPKYDGgyoXknjquAXN791aXzAF5SN7YAV0_KSa/s1600/3.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 3</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 3.Dan untuk mengganti tulisan "Judul Artikel 3" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxozZrPKhGGAIyipj6qO1ChG6jtNdp_i9I3Be-ZwRRMsJilWLSyZGP6uSSnYaYOdbURpYtQ9nWN6FxEYM9O7-YfUyODA6C8C_ztKG07A0nEGKHRoaEupcWoS-QwjYT3e0EvQLeVyUcr2u/s1600/4.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 4</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 4.Dan untuk mengganti tulisan "Judul Artikel 4" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='http://tjoretan-akoe.blogspot.com/2012/09/mudahnya-membuat-slide-show-di-blog.html'><img alt="slide show 5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmGao_I2bRog7Gi0PqNWkMYJTx347IpyCU6CxQKU9ziLv9-oscYTpvrFPf3Cgkr7417HtZLF0M7nOYZvWSzFz2AEZQYWztzBccKVJR7Kwpcq_fzdAc0cbrWIoUuLp9VfEp7MC1__QzgIKY/s1600/5.jpg" title="Mau Buat SlideShow ini?klik aja gambarnya" /></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Judul Artikel 5</a>
</h3>
<p>
Beberapa kalimat tentang deskripsi/penjelasan atau isi dari artikel 5.Dan untuk mengganti tulisan "Judul Artikel 5" serta tulisan ini,silahkan Login ke Blogger>klik Tata Letak>klik edit (yang mana widget slide show ini diletakkan)>klik Simpan>klik Simpan setelan
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
    <a class='fp-next' href='#fp-next'/>
    <a class='fp-prev' href='#fp-prev'/>
</a></a></div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>
</div></div></b:if></b:if>

<!-- Featured Content Slider End -->

6. Saran akoe letakkan widget ini di atas Blog Post
7. Klik Simpan
8. Klik Simpan Setelan
9. Selamat Mencoba dan Semoga Berhasil




Baca Selengkapnya →