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

Jual Mobile Joystick Murah

Jual Mobile Joystick Murah-Hello sob, lama gak bikin konten dimari, maklum baru lg nyoba cari peruntungan baru di dunia offline buka usaha kecil-kecilan siapa tau dapat membantu kebutuhan sehari-hari.

Oh iya usaha yang saya jalankan sekarang kebetulan jualan pulsa dan aksesoris handphone, nah pada kesempatan kali ini mimin mau nawarin produk yang mimin jual dan ada hubungannya dengan game tentunya.

Produk ini cukup murah dan sangat terjangkau, oke langsung aja ya produk yang mimin jual, jika berminat bisa langsung dateng ke toko kami di alamat nanti dibawah konten atau hubungin via wa atau bisa langsung beli di bukalapak.

Dengan bantuan mobile joystick bermain game di handphone Andaroid atau tablet akan lebih nyaman dan mengasyikan, ayo di order mumpung stok masih ada. Jangan sampai pas mau beli stok sudah abis ya.

Harga: Rp. 15.000

Phone/WA:087-888-585-000

Atau di bukalapak

KUNJUNGI TOKO KAMI DISINI

Read More

Membuat Tempat Penyimpanan Pensil Dari Stik Es Krim

Membuat Tempat Penyimpanan Pensil Dari Stik Es Krim-Hello sekedar mau share nih buat sobat yang mau membuat kerajinan dari stik es krim, kali ini saya mau share bagaimana cara membuat wadah atau tempat menyimpan peralatan pensil atau bolpoin.

Proses pembuatannya cukup mudah dan bisa kita bikin sendiri dirumah karenan saya membuat tutorial ini dalam bentuk video sehingga mudah di pahami. Baca Juga: Cara membuat pemegang/penyangga smartphone dari stik es krim | Dudukan Handphone (HP) Part

Selain kita bisa menyimpan peralatan alat tulis tertata rapih, meja belajar atau kantor kita juga akan telihat lebih menarik dengan tampilan penyimpanan pensil yang unik dan enak dipandang. Oke kita langsung saja lihat videonya dibawah ini:

KUNJUNGI TOKO KAMI DISINI

Read More

Cara Mudah Mengganti Nama dan Password Modem BOLT 4G LTE

Cara Mudah Mengganti Nama dan Password Modem BOLT 4G LTE-Hello sobat, kali ini saya mau berbagi cara buat sobat pengguna modem bolt yang mau ganti username dan password atau sandi default sesuai keinginan. Baca Juga: Cara Membatasi Bandwidth Wifi Speedy dengan mudah

Alasan utama mungkin password dan username terlalu rumit buat kita hapal dan yang kedua mungkin sudah banyak orang yang tau sehingga limit kuota kita sering kebobolan, dengan begitu Anda ingin merubahnya. Oke mari kita langsung mulai ke tutorialnya:

• Pertama kunjungi alamat berikut http://192.168.1.1
• Selanjutnya masukkan password default Admin

• Setelah berhasil masuk pilih menu Setting, lihat gambar dibawah ini:

• Pada halaman Quick Settings,silahkan ubah nama dan password sesuai keinginan dan jangan lupa klik Apply untuk menyimpan perubahan
  Network Name (SSID): Username wifi
  WiFi Password: Password atau sandi wifi

Bagaimana cukup mudah bukan mengganti password dan username modem Bolt nya? Sekiranya cukup sekian untuk pembahasan kali ini tentang Cara Mudah Mengganti Nama dan Password Modem BOLT 4G LTE, semoga artikel kali ini dapat bermanfaat. Baca Juga: 2 Cara Jitu Membuka Situs yang di Blokir Pada Google Chrome

KUNJUNGI TOKO KAMI DISINI

Read More