Jual Gamepad controller L1 R1 king series

Jual Gamepad controller L1 R1 king series-Sahabat gamer yang suka main video game di konsol smartphone, saya mau menawarkan produk untuk mempermudah saat bermain yaitu gamepad, gamepade ini cocok buat kalian yang suka main video game Pubg mobile, Free Fire, rules of Survival, Knives Out dan Fornite Battle Royale.

Produk ini bisa digubakan untuk
pubg mobile
free fire
rules of survival
knives out
fortnite battle royale

Harga: 22.000
Dapatkan produknya di:

Atau Via WA

087-888-585-000

Alamat Lapak Jl. Raya Sari Gaperi Blok C V No, 3, Sukahati, Cibinong, Bogor, Jawa Barat 16913 Kab. Bogor, Jawa Barat, 16913

KUNJUNGI TOKO KAMI DISINI

Read More

Jual ROBOT HEADSET BLUETOOTH R3 EARPHONE WIRELESS HANDSFREE HF BT ORIGINAL

Hallo sob kali ini mimin mau nawarin headset bluetooth atau wireless, dengan harga dan kualitas terbaik pastinya. siapa tau kalian tertari buat milikinya. Untuk info spesifikasi dan kelengkapan barang silahkan lihat dibawah ini.

Fitur:
1. Bluetooth V4.2, mendukung musik nirkabel dan panggilan bebas genggam
2. Mendukung tampilan baterai headset di sistem iOS
3. Tahan air skala nano, menggunakan tanpa khawatir
4. Mendukung koneksi dengan dua perangkat secara bersamaan.

Isi Kemasan:
1 x Robot R3 Bluetooth V4.2 Headset Bluetooth
1 x Kabel Pengisian
1 x Hook
2 x Penutup Telinga

Merek: Robot
Model: R3 Bluetooth
versi: Bluetooth V4.2
Solusi Bluetooth: WT200
Dukungan: Protokol A2DP ? AVRCP ? HSP ? HFP
Baterai: OutputVoltage3.7V
Kapasitas Baterai: 70mAh
Musik: time4h (volume 80%)
Bicara: time4h (volume 80%)
Pengisian Penuh: Time=2.5h
Kisaran Bluetooth: 10m
Ukuran Speaker: 2 x F10mm
Terima Sensitivitas: 85dBm
Impedansi Pembicara: 32ohm
Peringkat Pembicara: 3mW
Respon Frekuensi: 50Hz ~ 20KHzS / N=90dB

Sensitivitas Mic: -42dB

Harga: Rp 73.400

Dapatkan produknya di:

Hubungi Via WA

087-888-585-00

KUNJUNGI TOKO KAMI DISINI

Read More

Cara Mememasang Iklan Pada Kanan Kiri Blog Tanpa Tombol Close

Cara Mememasang Iklan Pada Kanan Kiri Blog Tanpa Tombol Close-Halo sob saya mau share nih buat kalian yang mau ningkatin pendapatan dari iklan blogger seperti halnya dari iklan adsense atau sejenisnya.

Salah satu cara tepat untuk meningkatkan pendapatan adalah dengan meletakan posisi iklan yang tepat dan mudah dijangkau oleh pengunjung, dan pada pembahasan kali ini saya mau berbagi tips supaya iklan Anda mudah dilihat dan tentunnya supaya penghasilan juga meningkat. Baca Juga: Kumpulan Program Publisher Indonesia Terbaik

Seperti pada judul diatas pada kesempatan kali ini daya mau bebrbagi bagaimana cara memasang iklan di samping kanan dan kiri blog melayang tanpa ada tombol close atau mungkin iklan tidak bisa di hilangkan. Baca Juga: Cara Membuat iklan Melayang Dengan Tombol Close Di Blogger

Tapi tenang iklan ini tidak akan mengganggu pengunjung kok, karena ilan ini tidak menutupi konten pada blog, melainkan hanya akan tampil di bagian pinggir saja, sekalipun layar pada monitor lebih kecil iklan tidak akan mengganggu. Oke untuk demonya silahkan lihat dibawah ini:

DEMO

• Langkah pertama silahkan login ke akun blogger
• Selanjutnya klik Template
• Selanjutnya klik Edit HTML
• Cari kode ]]></b:skin> (Untuk mempercepat gunakan CTRL+F)
• Selanjutnya silahkan Copy kode dibawah ini dan pastekan tepat di atas kode ]]></b:skin>

 #adslayoutleft {
position: fixed;
top: 40px;
margin-left: 320px;
float: left;
z-index: 10;
}
#adslayoutleft .iklankiri {
float: right;
clear: both;
}
#adslayoutleftright {
float: right;
position: fixed;
top: 40px;
margin-left: -805px;
z-index: 10;
}
#adslayoutleftright.iklankanan {
float: left;
clear: both;
}

Note: Pada kode yang saya tandai dengan warna merah, silahkan ganti sesuaikan dengan lebar halaman template teman teman.

• Sekarang klik Simpan
• Selanjutnya klik Tata Letak pada bagian dashboard kiri
• Klik Tambah Gadget
• Klik HTML/JavaScript
• Copy dan paste kode di bawah ini pada kotak HTML/JavaScript

 <div id='adslayoutleft'><div class='iklankiri'>
Masukkan kode/url banner iklan disini</div></div>
<div id='adslayoutleftright'><div class='iklankanan'>
Masukkan kode/url banner iklan disini</div></div>

Note: Ganti tulisan yg saya tandai warna kuning dengan kode iklan Anda

• Terakhir klik Simpan

Oke cukup sekian untuk artikel kali ini tentang  Cara Mememasang Iklan Pada Kanan Kiri Blog Tanpa Tombol Close, semoga artikel yang saya bagikan kali ini dapat bermanfaat dan jangan lupa kunjungi juga halaman artikel lainnya karena tidak kalah menarik untuk dikunjungi Cara Memasang Iklan Adsense di Paragraf kedua Postingan Blog

Oh iya selain nge blog, admin juga memiliki kesibukan lai didunia offline maupun online, jadi mungkin agak jarang juga posting konten di sini, nah untuk kesibukan lain di online admin juga memiliki toko online yang menjual berbagai macam aksesori handphone maupun game, siapa tau tertarik untuk mengunjungi toko online admin dengan mengunjungi pramagrup.com

KUNJUNGI TOKO KAMI DISINI

Read More

Cara Membuat Tabel DI Blog Wordpress dengan Plugin TablePress

Cara Membuat Tabel DI Blog Wordpress dengan Plugin TablePress-Pada kesempatan kali ini saya ingin berbagi tips untuk Anda yang baru belajar ke platform blog wordpress.org, ada banyak keunggulan kenapa menggunakan wordpress.org atau wordpress berbayar dan tentunya adalah banyak fitur menarik dengan mudah kita dapatkan baik itu yang secara gratis maupun berbayar.

Selain itumenurut saya jika menggunakan blog wordpres kita dapat dengan mudah mengelola blog kita menjadi lebih menarik dan tentunya dengan sangat mudah karena banyak plugin yang bisa kita pasang hanya dengan download, instal dan aktifkan. Baca Juga: Cara Membuat Widget Gambar Dengan Tombol Kontrol Di Blogger

Seperti pada pembahasan kali ini, kita akan membuat sebuah tabel yang keren hanya dengan beberapa langkah mudah, yang perlu kita siapkan adalah ana sudah masuk atau login ke halaman dashboard blog wordpres lalu ikuti langkah-langkah dibawah ini:

Demo

Langkah-Langkah

• Pertama download plugin TablePress
• Selanjutnya upload dan instal plugin seperti biasa
• Akan muncul menu baru bernama TablePress di dashbora wordpress Anda
• Arahkan kursor mouse ke menu tablePress dan klik Add New Table

• Selanjutnya buat Judul Tabel, Anda juga dapat mengisi deskripsi pada tabel, jangan lupa tentukan jumal bari dan kolom tabel sesuai dengan keinginan

• Nah selanjutnya pada bagian kolom pertama isi dengan judul sesuai dengan baris, misal baris pertama dikasi Nomor, Baris ke dua dengan Nama dll

• Nah jika ada kesalahan atau kekurangan kolom Anda juga dapat tabel dan kolom baru atau bisa juga membuat kode HTML seperti ingin mendambah URL pada kolom.

• Setelah semuanya selesai jangan lupa klik Save atau simpan
• Sekarang gulir ke atas dan copy Shortcode, lihata pada gambar dibawah ini:

• Selanjutnya tinggal pasang deh tabel yang tadi dibuat, sebagai contoh kali ini saya mau pasang pada halaman, buat halaman baru dan pastikan kasih judul, kali ini saya kasih judul Cek Resi, lalu Shortcode yang tadi di copy dipastekan tapi ingat paste pada 

• Terakhir publikasikan halaman Anda dan lihat hasilnya

Oke cukup sekian untuk artikel kali ini dan jangan lupa untuk buka juga artikel menarik lainnya Cara Pasang Widget WhatsApp di Wordpress. Semoga artikel yang saya bagikan kali ini dapat bermanfaat.

Oh iya jangan lupa untuk mengunjungi juga toko kami, kami menjual berbagai aksesoris handphone, musik box, headset dan masih banyak lagi dengan harga dan kualitas terbaik hanya di Pramagrup.com

KUNJUNGI TOKO KAMI DISINI

Read More

Cara Pasang Widget WhatsApp di Wordpress

Cara Pasang Widget WhatsApp di Wordpress-Untuk Aaobat yang ingin memasang tombol whatsapp pada blog wordpress kali ini saya ingin berbagi cara membuat tombol widget pada platform wordpress. Baca Juga: Cara Membuat Widget Gambar Dengan Tombol Kontrol Di Blogger

Untuk pengguna wordpress kita tidak akan mendapatkan kesulitan seperti pada blog karena kita dapat dengan mudah mencari plugin sesuai yang kita butuhkan. Ada banyak plugin pendukung yang bisa kita pasang pada wordpres seperti yang ingin saya bahas kali ini.

Plugin yang saya gunakan adalah "Click to Chat for WhatsApp Chat" yang artinya dengan memasang plugin ini maka akan muncul tombol widget di pojok kakan atau kiri blog Anda dan ketika pengunjung klik maka akan diarahkan ke halaman whatsapp.

Kenapa harus memasang tombol chat whatsapp di blog? Alasannya karena untuk mempermudah pengunjung blog berkomunikasi langsung dengan pemilik blog terutama untuk para pebisnis, jadi bisa dengan mudah menanyakan ketersediaan produk maupun konsultasi lainnya. Oke langsung aja sebelum ke tahap selanjutnya download dan ikuti petunjuk dibawah ini:

Demo Klik disini

• Download Click to Chat for WhatsApp Chat
• Selanjutnya Instal dan aktifkan pluginnya
• Setelah selesai instal akan ada menu baru bernama "Click To Chat"
  
• Selanjutnya atur sesuai dengan kebutuhan dan jangan lupa isi bagian nomor whatsapp yang ingin Anda gunakan
  
• Gulir kebawah dan atur bagian yang ingin Anda sesuaikan seperti pesan awal contoh: Selamat datang
  
• Anda juga bisa mengatur posisi dimana Anda ingin menempatkan tombol button nya misal di bagian kiri atau kanan blog. Selain itu Anda juga dapat memberi judul pada tombol button.
  
• Nah jika semuanya sudah sesuai jangan lupa untuk klik tombol simpan untuk menyimpan perubahan
  
• Nah untuk mengatur timpilan tombol whatsapp sesuai kebutuhan klik pada menu "Customize Style" dan atur sesuai yang Anda inginkan
  

Nah sekarang tinggal lihat hasilnya pada halaman blog Anda, dengan begitu setiap pengunjung ingin bertanya atau ingin membeli produk bisa menghubungi langsung ke whatsapp Anda. Oke sekian untuk artikel kali ini tentang Cara Pasang Widget WhatsApp di Wordpress, semoga artikel yang saya bagikan kali ini dapat bermanfaat. Baca Juga: Cara backup Atau Cadangkan Akun WhatsApp

KUNJUNGI TOKO KAMI DISINI

Read More

Keuntungan Perusahaan Menggunakan Aplikasi Performance Management

Di era komputer modern, ruang drive tidak mahal dan perangkat lunak digunakan untuk semua proses bisnis. Banyak aplikasi yang bersaing untuk sumber daya bersama yang umum sering menghasilkan masalah kinerja yang sedang berlangsung.

Sumber masalah kinerja ini seringkali sulit untuk ditentukan dan dipecahkan. Oleh karena itulah, diciptakan Aplikasi Performance Appraisal untuk mengatasinya. Software Performance Appraisal merupakan dasar untuk proses Manajemen Kinerja dan Penilaian dalam model Information Technology Infrastructure Library model.

Berikut ini adalah keuntungan jika perusahaan anda menngunakan software performance appraisal

1.  Produktivitas Lebih Tinggi

Aplikasi Performance Appraisal dapat menyatukan data tentang kinerja aplikasi dengan wawasan tentang hasil kinerja setiap karyawan dan karenanya membantu mengoptimalkan kinerja HRD hingga dapat meningkatkan efektivitas apraisal karyawan. Bayangkan akan banyak waktu yang terbuang setiap kali akan melakukan penilaian jika dilakukan manual, tetapi dengan Aplikasi Performance Apraisal dapat membantu kinerja HR dalam melakukan tugas - tugas yang berkaitan dengan apraisal .

2.  Inovasi Yang Lebih Besar

Salah satu manfaat utama dari Aplikasi Performance Apraisal yang baik adalah peningkatan inovasi. Ketika aplikasi dikelola dengan baik, tim pengembangan aplikasi ditarik ke mode pemadam kebakaran jauh lebih sedikit, memungkinkan mereka untuk menghabiskan lebih banyak waktu dalam memberikan inovasi baru untuk mendukung keputusan dalam setiap penilaian akan menjadi lebih cepat.

3.  Performance Appraisal Secara Otomatis

Salah satu manfaat utama dari Aplikasi Performance Apraisal yang digerakkan oleh analitik adalah penilaian yang dapat dilakukan secara otomatis,manajemen dapat menentukan kriteria apa saja yang digunakan untuk melakukan penilaian kinerja seperti kualitas kerja, team work dan lain-lain sesuai standar perusahaan didalam software performance appraisal .

4.  Keputusan Berdasarkan Fakta

Setiap penilaian yang akan dilakukan oleh divisi HR akan sesuai dengan data dan fakta yang ada di dalam aplikasi, Hal ini akan menghindari penilaian secara obyektif .

Itulah beberapa keuntungan yang didapatkan oleh perusahaan saat menggunakan Aplikasi Performance Appraisal. Apabila bisnis Anda siap meningkatkan managemen penilaian kinerja karyawan, manfaatkan Aplikasi Performance Appraisal dari LinovHR. Software HR dari LinovHR berbasis website yang dapat digunakan dengan mudah dan fleksibel di mana pun. Hubungi tim LinovHR sekarang juga untuk trial software HR LinovHR

KUNJUNGI TOKO KAMI DISINI

Read More

Cara Membuat Widget Gambar Dengan Tombol Kontrol Di Blogger

Cara Membuat Widget Gambar Dengan Tombol Kontrol Di Blogger-Hello sobat, lama ya saya gak buat konten terutama tentang pembahasan blogger, nah karena saya sedang fokus biki usaha kecil-kecilan, makanya saya agak jarang buka blogger mungkin ini yang dinamakan sibuk hehe. Baca Juga: Cara Mengganti Template Pada Blogspot

Artikel ini saya buat ketika saya membuat blog toko online dan ingin mempromosikan toko saya dengan memanfaatkan viwer blogger lama supaya toko saya ikut berkembang. Ide itu muncul ketikan saya berkeinginan menampilkan beberapa produk saya di bagian widget atau tepatnya saya ingin dipasang pada sidebar dengan tampilan seperti galery foto produk.

Sebelum lanjut mungkin ada yang tertarik tampilan toko saya, siapa tau kalian berminat ada produk yang mau dibeli, langsung aja ya cek linknya pramagrup.com. Oke lanjut, sebelum ke tahap selanjutnya saya mau kasih tau artikel ini saya dapatkan dari blogger nya http://anditianr.blogspot.com.

DEMO

• Pertama copy kode dibawah ini:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<style type="text/css">
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid #666;
}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
font: 10px normal verdana, arial;
}
</style>
<script type="text/javascript" >
var simpleGallery_navpanel={
loadinggif: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR49XvDfEkbgtRppNL5Eu1vSRAqdrfEdZnDQv1EY7Ii1Apx8Bub6_0Tk-JwY4dH6c0HP6g9q_a5TXEybj2RZLAh4DI01LndVsBy2xnV5fi7-jgIg26J5Q7-1w_frBIjz8_4vIbkeci_h4/s400/ajaxload.gif', //full path or URL to loading gif image
panel: {height:'45px', opacity:0.5, paddingTop:'5px', fontStyle:'bold 11px Verdana'}, //customize nav panel container
images: [ 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5k7XNyc8kdLn-Gtz0Fw38RyxYXQJJj374vu1ayMW2to9IszbGF0jgZ8K2aWLsy-f-HWIX7IQsRw8ah8b9x2L8ma7T2bumi_pmXmmZGljqS1wZl0W4hUE_1cbY5iInkK1mRpbQaCIIREQ/s400/left.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdjboD032G0zrTIzqMyfSyfFjegIdq8quX4RNAJTs0zetu5svfxTPiNbxdwVdRZXSs3zufxqNSf5YhVeR_aYGOWPqi7RFKe9is1pGs-iIeLGqd69hwx_00qO34pXJiJlVZNn7MPqngYEc/s400/play.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjlkF8bD2utRQcDEM3yzMjroU0PtpX7n7_hKNKNXQAWGzl0LQfUZozAALHMtll9XUdz_bca5dLe0jOcJ928N9wdNnNLh6FEIzexkIo1zQzwPVYLTcekXOHNGnAZZ6LQ_VN-8FePacgUSw/s400/right.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYp6F9UW-qVh1qXxbqMeCzdcr94qMGX6Rk6BjeYsX6cVUg-1ZgzNWflmXdWUge96odjd5ogObUTdZhBjwLNJnUHphk7Ct7VAlk2j0VDU56PtmXjpH_QRdmbtbPGs53ayRbS_l9XDW7ynY/s400/pause.gif'], //nav panel images (in that order)
imageSpacing: {offsetTop:[-4, 0, -4], spacing:10}, //top offset of left, play, and right images, PLUS spacing between the 3 images
slideduration: 500 //duration of slide up animation to reveal panel
}
function simpleGallery(settingarg){
this.setting=settingarg
settingarg=null
var setting=this.setting
setting.panelheight=(parseInt(setting.navpanelheight)>5)? parseInt(setting.navpanelheight) : parseInt(simpleGallery_navpanel.panel.height)
setting.fadeduration=parseInt(setting.fadeduration)
setting.curimage=(setting.persist)? simpleGallery.routines.getCookie("gallery-"+setting.wrapperid) : 0
setting.curimage=setting.curimage || 0 //account for curimage being null if cookie is empty
setting.preloadfirst=(!jQuery.Deferred)? false : (typeof setting.preloadfirst!="undefined")? setting.preloadfirst : true //Boolean on whether to preload all images before showing gallery
setting.ispaused=!setting.autoplay[0] //ispaused reflects current state of gallery, autoplay[0] indicates whether gallery is set to auto play
setting.currentstep=0 //keep track of # of slides slideshow has gone through
setting.totalsteps=setting.imagearray.length*setting.autoplay[2] //Total steps limit: # of images x # of user specified cycles
setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide)
setting.oninit=setting.oninit || function(){}
setting.onslide=setting.onslide || function(){}
var preloadimages=[], longestdesc=null, loadedimages=0
var dfd = (setting.preloadfirst)? jQuery.Deferred() : {resolve:function(){}, done:function(f){f()}} //create real deferred object unless preloadfirst setting is false or browser doesn't support it
setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains ""
setting.$loadinggif=(function(){ //preload and ref ajax loading gif
var loadgif=new Image()
loadgif.src=simpleGallery_navpanel.loadinggif
return jQuery(loadgif).css({verticalAlign:'middle'}).wrap('<div style="position:absolute;text-align:center;width:100%;height:100%" />').parent()
})()
for (var i=0; i<setting.imagearray.length; i++){ //preload slideshow images
preloadimages[i]=new Image()
preloadimages[i].src=setting.imagearray[i][0]
if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length)
setting.longestdesc=setting.imagearray[i][3]
jQuery(preloadimages[i]).bind('load error', function(){
loadedimages++
if (loadedimages==setting.imagearray.length){
dfd.resolve() //indicate all images have been loaded
}
})
}
var slideshow=this
jQuery(document).ready(function($){
var setting=slideshow.setting
setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main gallery DIV
if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found
alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.")
return
}
setting.$gallerylayers=$('<div class="gallerylayer"></div><div class="gallerylayer"></div>') //two stacked DIVs to display the actual slide
.css({position:'absolute', left:0, top:0})
.appendTo(setting.$wrapperdiv)
setting.$loadinggif.css({top:setting.dimensions[1]/2-30}).appendTo(setting.$wrapperdiv) //30 is assumed height of ajax loading gif
setting.gallerylayers=setting.$gallerylayers.get() //cache stacked DIVs as DOM objects
setting.navbuttons=simpleGallery.routines.addnavpanel(setting) //get 4 nav buttons DIVs as DOM objects
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
setting.descdiv=simpleGallery.routines.adddescpanel(setting)
$(setting.navbuttons).filter('img.navimages').css({opacity:0.8})
.bind('mouseover mouseout', function(e){
$(this).css({opacity:(e.type=="mouseover")? 1 : 0.8})
})
.bind('click', function(e){
var keyword=e.target.title.toLowerCase()
slideshow.navigate(keyword) //assign behavior to nav images
})
dfd.done(function(){ //execute when all images have loaded
setting.$loadinggif.remove()
setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidenavpanel('show')})
setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidenavpanel('hide')})
slideshow.showslide(setting.curimage) //show initial slide
setting.oninit.call(slideshow) //trigger oninit() event
$(window).bind('unload', function(){ //clean up and persist
$(slideshow.setting.navbuttons).unbind()
if (slideshow.setting.persist) //remember last shown image's index
simpleGallery.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage)
jQuery.each(slideshow.setting, function(k){
if (slideshow.setting[k] instanceof Array){
for (var i=0; i<slideshow.setting[k].length; i++){
if (slideshow.setting[k][i].tagName=="DIV") //catches 2 gallerylayer divs, gallerystatus div
slideshow.setting[k][i].innerHTML=null
slideshow.setting[k][i]=null
}
}
if (slideshow.setting[k].innerHTML) //catch gallerydesctext div
slideshow.setting[k].innerHTML=null
slideshow.setting[k]=null
})
slideshow=slideshow.setting=null
})
}) //end deferred code
}) //end jQuery domload
}
simpleGallery.prototype={
navigate:function(keyword){
clearTimeout(this.setting.playtimer)
this.setting.totalsteps=100000 //if any of the nav buttons are clicked on, set totalsteps limit to an "unreachable" number
if (!isNaN(parseInt(keyword))){
this.showslide(parseInt(keyword))
}
else if (/(prev)|(next)/i.test(keyword)){
this.showslide(keyword.toLowerCase())
}
else{ //if play|pause button
var slideshow=this
var $playbutton=$(this.setting.navbuttons).eq(1)
if (!this.setting.ispaused){ //if pause Gallery
this.setting.autoplay[0]=false
$playbutton.attr({title:'Play', src:simpleGallery_navpanel.images[1]})
}
else if (this.setting.ispaused){ //if play Gallery
this.setting.autoplay[0]=true
this.setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, this.setting.autoplay[1])
$playbutton.attr({title:'Pause', src:simpleGallery_navpanel.images[3]})
}
slideshow.setting.ispaused=!slideshow.setting.ispaused
}
},
showslide:function(keyword){
var slideshow=this
var setting=slideshow.setting
var totalimages=setting.imagearray.length
var imgindex=(keyword=="next")? (setting.curimage<totalimages-1? setting.curimage+1 : 0)
: (keyword=="prev")? (setting.curimage>0? setting.curimage-1 : totalimages-1)
: Math.min(keyword, totalimages-1)
setting.gallerylayers[setting.bglayer].innerHTML=simpleGallery.routines.getSlideHTML(setting.imagearray[imgindex])
setting.$gallerylayers.eq(setting.bglayer).css({zIndex:1000, opacity:0}) //background layer becomes foreground
.stop().css({opacity:0}).animate({opacity:1}, setting.fadeduration, function(){ //Callback function after fade animation is complete:
clearTimeout(setting.playtimer)
setting.gallerylayers[setting.bglayer].innerHTML=null //empty bglayer (previously fglayer before setting.fglayer=setting.bglayer was set below)
try{
setting.onslide.call(slideshow, setting.gallerylayers[setting.fglayer], setting.curimage)
}catch(e){
alert("Simple Controls Gallery: An error has occured somwhere in your code attached to the \"onslide\" event: "+e)
}
setting.currentstep+=1
if (setting.autoplay[0]){
if (setting.currentstep<=setting.totalsteps)
setting.playtimer=setTimeout(function(){slideshow.showslide('next')}, setting.autoplay[1])
else
slideshow.navigate("play/pause")
}
}) //end callback function
setting.gallerylayers[setting.fglayer].style.zIndex=999 //foreground layer becomes background
setting.fglayer=setting.bglayer
setting.bglayer=(setting.bglayer==0)? 1 : 0
setting.curimage=imgindex
setting.navbuttons[3].innerHTML=(setting.curimage+1) + '/' + setting.imagearray.length
if (setting.imagearray[imgindex][3]){ //if this slide contains a description
setting.$descpanel.css({visibility:'visible'})
setting.descdiv.innerHTML=setting.imagearray[imgindex][3]
}
else if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled)
setting.descdiv.innerHTML=null
setting.$descpanel.css({visibility:'hidden'})
}
},
showhidenavpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? setting.dimensions[1]-setting.panelheight : this.setting.dimensions[1]
setting.$navpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
if (setting.longestdesc!="") //if at least one slide contains a description (feature is enabled)
this.showhidedescpanel(state)
},
showhidedescpanel:function(state){
var setting=this.setting
var endpoint=(state=="show")? 0 : -setting.descpanelheight
setting.$descpanel.stop().animate({top:endpoint}, simpleGallery_navpanel.slideduration)
}
}
simpleGallery.routines={
getSlideHTML:function(imgelement){
var layerHTML=(imgelement[1])? '<a href="'+imgelement[1]+'" target="'+imgelement[2]+'">\n' : '' //hyperlink slide?
layerHTML+='<img src="'+imgelement[0]+'" style="border-width:0" />'
layerHTML+=(imgelement[1])? '</a>' : ''
return layerHTML //return HTML for this layer
},
addnavpanel:function(setting){
var interfaceHTML=''
for (var i=0; i<3; i++){
var imgstyle='position:relative; border:0; cursor:hand; cursor:pointer; top:'+simpleGallery_navpanel.imageSpacing.offsetTop[i]+'px; margin-right:'+(i!=2? simpleGallery_navpanel.imageSpacing.spacing+'px' : 0)
var title=(i==0? 'Prev' : (i==1)? (setting.ispaused? 'Play' : 'Pause') : 'Next')
var imagesrc=(i==1)? simpleGallery_navpanel.images[(setting.ispaused)? 1 : 3] : simpleGallery_navpanel.images[i]
interfaceHTML+='<img class="navimages" title="' + title + '" src="'+ imagesrc +'" style="'+imgstyle+'" /> '
}
interfaceHTML+='<div class="gallerystatus" style="margin-top:1px">' + (setting.curimage+1) + '/' + setting.imagearray.length + '</div>'
setting.$navpanel=$('<div class="navpanellayer"></div>')
.css({position:'absolute', width:'100%', height:setting.panelheight, left:0, top:setting.dimensions[1], font:simpleGallery_navpanel.panel.fontStyle, zIndex:'1001'})
.appendTo(setting.$wrapperdiv)
$('<div class="navpanelbg"></div><div class="navpanelfg"></div>') //create inner nav panel DIVs
.css({position:'absolute', left:0, top:0, width:'100%', height:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"navpanelbg" div
.eq(1).css({paddingTop:simpleGallery_navpanel.panel.paddingTop, textAlign:'center', color:'white'}).html(interfaceHTML).end() //"navpanelfg" div
.appendTo(setting.$navpanel)
return setting.$navpanel.find('img.navimages, div.gallerystatus').get() //return 4 nav related images and DIVs as DOM objects
},
adddescpanel:function(setting){
setting.$descpanel=$('<div class="gallerydesc"><div class="gallerydescbg"></div><div class="gallerydescfg"><div class="gallerydesctext"></div></div></div>')
.css({position:'absolute', width:'100%', left:0, top:-1000, zIndex:'1001'})
.find('div').css({position:'absolute', left:0, top:0, width:'100%'})
.eq(0).css({background:'black', opacity:simpleGallery_navpanel.panel.opacity}).end() //"gallerydescbg" div
.eq(1).css({color:'white'}).end() //"gallerydescfg" div
.eq(2).html(setting.longestdesc).end().end()
.appendTo(setting.$wrapperdiv)
var $gallerydesctext=setting.$descpanel.find('div.gallerydesctext')
setting.descpanelheight=$gallerydesctext.outerHeight()
setting.$descpanel.css({top:-setting.descpanelheight, height:setting.descpanelheight}).find('div').css({height:'100%'})
return setting.$descpanel.find('div.gallerydesctext').get(0) //return gallery description DIV as a DOM object
},
getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
},
setCookie:function(name, value){
document.cookie = name+"=" + value + ";path=/"
}
}
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [290, 270], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["URL GAMBAR 1", "URL YG DITUJU 1", "_new", "DESKRIPSO GAMBAR ANDA 1"],
["URL GAMBAR 2", "URL YG DITUJU 2", "_new", "DESKRIPSO GAMBAR ANDA 2"],
["URL GAMBAR 3", "URL YG DITUJU 3", "_new", "DESKRIPSO GAMBAR ANDA 3"],
["URL GAMBAR 4", "URL YG DITUJU 4", "_new", "DESKRIPSO GAMBAR ANDA 4"],
["URL GAMBAR 5", "URL YG DITUJU 5", "_new", "DESKRIPSO GAMBAR ANDA 5"]
],
autoplay: [true, 2000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>
<div id="simplegallery1"></div>

Keterangan:
290, 270 Silahkan sesuaikan ukuran widget sesuai templet blogger Anda atau biarkan aja jika udah sesuai
URL GAMBAR Silahkan ganti dengan alamat url gambar Anda
URL YG DITUJU Ganti dengan link tujuan Anda
DESKRIPSO GAMBAR ANDA Ganti dengan Judul atau deskripsi link tujuan Anda

• Login ke akun blogger Anda
• Pada halaman dashboard blogger pilih Tata Letak lalu Tambahkan Gadget dan pilih HTML/JavaScript
  
• Selanjutnya paste kode yang tadi Anda copy kedalam kolom HTML/JavaScript dan jangan lupa Simpan
  

Nah sekarang lihat hasilnya bagus bukan? Oke sekian untuk artikel kali ini tentang Cara Membuat Widget Gambar Dengan Tombol Kontrol Di Blogger, semoga artikel yang saya bagikan kali ini dapat bermanfaat. Jangan lupa baca juga artikel menarik lainnya yang mungkin sobat juga tertarik, Panduan Lengkap Membuat Blog Menjadi Lebih profesional

KUNJUNGI TOKO KAMI DISINI

Read More

Jual Gamepad Battlegrounds W10

Jual Gamepad Battlegrounds W10-Suka bermain game di ponsel seperti bermain pubg, nah solusi terbaik agar bermain game lebih nyaman maka salah satu cara terbaik adalah dengan menggunakan gamepad Battlegrounds W10, dengan alat ini bermain game akan lebih nyaman dan lebih fokus. Untuk mendapatkan produk ini kami menjual secara online dan offline langsung datang ke toko kami, untuk info lebih lanjut silahkan kunjungi toko kami disini. Lihat Juga: Jual Gamepad W11+ ALL IN ONE - Gamepad Joystick Controller PUBG

Dapatkan produk dan info harga disini

KUNJUNGI TOKO KAMI DISINI

Read More