PESLAW: TUTORIAL

5 situs Pay Per Download Yang Terbukti Bayaran Tinggi

Pada Kesempatan kali ini kita akan membahas tentang, 5 situs Pay Per Download Yang Terbukti Bayaran Tinggi
Dan Kita pasti Pernah Timbul tanda tanya, Seperti apakah situs pay per download itu?
Dan Di bawah ini kita paparkan penjelasan dari pay per download.

- Situs Paid Per download adalah situs yang menyediakan layanan atau Fasilitas penyimpanan file atau data secara online.
Mereka akan memberikan kita Bonus Dollar atau Bitcoin jika file yang kita Upload ke situs mereka Banyak yang Download.

- akan tetapi Menurut Beberapa sumber, adalah sebuah metode Unduhan di internet yang pemilik situs akan dibayar atas setiap klik dari pengunjung situs pada link Unduhan yang terpasang di situs web atau blog miliknya.

Di antara semua program-program, Situs pay per download adalah salah satu yang paling banyak digemari oleh publisher karena kemudahan serta bukti yang nyata untuk menghasilkan dolar dengan memasang Unduhan di situs web atau blog. Dengan semua ini kita bisa menghasilkan penghasilan dolar dari sebuah blog atau situs web.

Bagaimana, Sobat tertarik untuk mendapatkan Dollar dengan cara upload file ?
Mungkin Sobat Tertarik dengan salah satu dari daftar situs file hosting di bawah ini ....

1. Dollarupload

Dimulai dari Dollarupload
mereka membayar 1 $ untuk setiap download tunggal yang membuat $ 1000 per 1000 download. waoww!!!!

Tapi, ,, calon pen-download harus menyelesaikan survei - suevei terlebih dahulu jika mau men-download file yang Sobat Share dan pastinya itu sangat mengganggu , biasanya sih ada yang komentar :
"mau download saja Ribet banget"

Namun, ini adalah tindakan yang menurut saya cukup adil jika Anda menyediakan semacam software atau File Premium secara cuma -cuma alias GRATIS , Untuk metode pembayaran dari situs ini adalah secara mingguan melalui PayPal dan Payoneer .

2. Sharecash

ShareCash adalah situs yang "bisa dibilang" Menjanjikan.
ShareCash membayar minimal 1 $ untuk setiap download tunggal.
Anda juga dapat mendapatkan 20 $ dari setiap download tetapi,,,tergantung pada negara si calon Pen-download.

Hampir mirip dengan situs dollarupload.com para pengguna harus menyelesaikan survei yang cukup Ribet untuk mendapatkan link download tersebut .

3. Costaction.com

Seperti yang sobat lihat dalam gambar CostAction tersebut ,
Sobat bisa menghasilkan Beribu - ribu $$ dolar dalam seminggu.
Sobat akan dibayar untuk setiap download dan penjualan akses Premium pada file Anda.

Kalau menurut saya pribadi situs ini seperti 4shared tetapi ini lebih Greget sob ,

Jika ada pengguna yang ingin mempunyai Account Premium dengan melalui link Sobat , Sobat akan mendapatkan bagian tertentu dari pendapatan tersebut .

4. Filefactory

FileFactory adalah penyedia file hosting dengan kapasitas penyimpanan Unlimited yang berdiri sejak tahun 2005 dan cukup terkenal .

Maksimum ukuran file upload sebesar 5GB "Cocok buat yang suka nyimpen file Jumbo".
Halaman download sangat simple dan user friendly.

FileFactory Ini memberikan dollar Sampai dengan 40 $ untuk setiap 1000 download tergantung pada negara dan ukuran file "jika pen-downloadnya dari indonesia Gak segitu besar sob".
Dan untuk lebih jelasnya Sobat dapat memeriksa bagian afiliasi dari situs web mereka.

5. DepositFile

Terakhir ,,,,
DepositFile adalah salah satu situs paid per download terbaik , depositfile.com memberikan pendapatan dollar maksimal kepada setiap user-nya . Sobat dapat menghasilkan dollar sampai 25 $ untuk setiap 1000 download .

Untuk Minimum payout atau penarikan dollar dari situs ini adalah 10 $ melalui PayPal.
Situs Ini juga menyelenggarakan semacam Promosi dan kompetisi bagi pengguna yang aktif.
Jadi,,, upload yang rajin dan jangan lupa untuk share file -mu ya sob ,
Sobat bisa mendapatkan Tambahan dollar lagi dari penghasilan referral yang sobat undang dan masih banyak fitur - fitur menarik lainnya .

Nah itulah sedikit referensi dari Situs Paid Per Download "PPD" terbaik yang ada " versi saya ".
Sobat bisa membandingkan sendiri mana Situs yang Terbaik dari daftar diatas.

Read more »

By at October 05, 2019
Labels: TUTORIAL

3 Cara Untuk Verifikasi Akun PayPal

Sesuai dengan judul di atas adalah - 3 Cara Untuk Verifikasi Akun PayPal
adapun Tujuan kita memposting artikel dengan judul ini awalnya berupa edukasi kepada sesama bloger tentang dan apa itu paypal, juga tempat kita berbagi jika ada masalah tentang paypal.

Memang Sebelum postingan ini di luncurkan, banyak informasi simpang siur di kalangan kawan-kawan kita mengenai paypal, rumor-rumor yang tidak begitu pasti kebenarannya.

Maka dari itu kita berharap dengan adanya artikel ini kita semua dapat mengklarifikasi rumor-rumor yang beredar.

Untuk itu, tanpa basa basi yang lebih lanjut marilah kita mulai tutorial-tutorial paypalnya. kita juga berharap kepada sekalian dapat saling memberi masukan tentang artikel degan judul 3 Cara Untuk Verifikasi Akun PayPal ini

Tentang Verifikasi PayPal:

Ada 3 cara untuk verifikasi akun PayPal kita yaitu:

1. Dengan Menggunakan Kartu Kredit.

Caranya adalah dengan menambah kartu kredit ke acc paypal, kemudian meng"link" dan meng"confirm" kartu kredit kita.

selanjutnya tunggu statement kartu kredit datang kerumah anda dan periksa billing tagihan tersebut.

cari tagihan sebesar kurang lebih 19-20 rb (1.95 US$)

dalam perincian tagihan tersebut (bisanya seperti kita belanja di carefour tulisannya Carefour Bandung ID) ada tulisan 1234paypalexpuse.

angka 1234 itu yg dimasukan kembali ke paypal

NB: cara ini bisa lebih cepat dengan anda menelepon bank dan menanyakan rincian tagihan.

2 Dengan Buku Tabungan

Sejujurnya kita belum pernah menggunakan verifikasi dari bank, tapi tips dari saudara pujiyo mungkin dapat membantu kita semua :

jadi buat yang belum terverifikasi...

1. masuk akun paypal

2. klik bagian "unverified" atau apa tu gan lupa ane

3. nah terus ada 2 pilihan : I. pake akun bank II. pake kartu kredit

4. tentu saja pilih yang akun bank...

5. trus isi saja form yang ada, isi yang beran ya gan...

6. kemudian paypal akan mentransfer uang yang besarnya sangat kecil , sekitar 1-3 hari baru masuk gan

7. setelah 1-3 hari, silahkan cek rekening agan. nanti ada 2 transferan dari Paypal.. kemarin saya ditransfer Rp 13 sama Rp 15

8. masuk ke akun paypal agan kemudian lalukan verifikasi dengan masukkan 2 nilai yang agan terima dari paypal.

9. BINGGO... udah terverifikasi gan...

semoga bermanfaat gan...

3. Dengan VCC

VCC atau kepanjangan dari Virtual Credit Card adalah salah satu alternatif dalam verifikasi paypal. VCC sama halnya dengan prepaid card, cuma bedanya yang kita dapat hanya info kartunya saja, tidak beserta fisiknya.

Aman atau tidak nya berada di zona abu-abu. Kenapa?
karena tidak pernah saya menemukan paypal dilimited karena memakai vcc. Akan tetapi jika paypal dilimited dan paypal meminta statement credit card, anda akan sangat kerepotan sekali.

Read more »

By at October 05, 2019
Labels: PAYPAL, TUTORIAL

Cara Memasang Kode Javascript Di Css Blog

Halo Jumpa lagi dengan saya kali ini kita akan membagikan Cara Memasang Kode Javascript Di Css Blog.

saudara jika kita hendak membangun sebuah website tentu ada yang nama nya template atau tema dari sebuah website dan tak luput yang namanya dengan kode-kode unik, seperti HTML, CSS, Jquery, dan Javascript.

apa sih HTML... ? HTML adalah sebuah script untuk membuat halaman blog kita. kalau Css adalah kode pengaturan terhadap seluruh tampilan di tema blog kita.

sedangkan Javascript adalah untuk memberikan efek pada tampilan blog. dari sekian banyaknya kasus membingungkan yang di alami oleh bloger, dan yang paling sering di alami adalah pengkodean Css untuk HTML.

kita juga harus tau bahwa kode titik (.) pada CSS untuk menunjukan perintah kepada DIV-CLASS. sedangkan tanda pagar (#) untuk DIV-ID.

Adapun Cara Memasang Kode Javascript Di Css Blog adalah sebagai berikut :

Pertama-tama kita sediakan dulu kode javascript nya. setelah itu gunakan kode ini untuk mengaktifkannya <script type="text/javascript" >
Letak kode JavaScript
</script>

Jika cara diatas tidak mempan maka gunakan kode ini : <script type="text/javascript" >
//<![CDATA[
Letak kode JavaScript
//]]></script>

Jika tidak mempan juga. berarrti ada yang tidak beres dalam meletakkan kode Javascript tersebut.

Dan letakan kode Java Script terbut berada diatas kode </head> atau di atas kode k </body>

sekian dulu pembahasan kita pada hari mudah-mudahan bermanfaat.

By at September 22, 2019
Labels: JAVASCRIPT, TUTORIAL

Begini Cara Terbaru Menangkap Layar Atau Screenshoot Di Laptop Atau Pc

halo sobat Berjumpa lagi dengan Kita Pada Kali kali Ini kita akan berbagi tentang Cara Screenshoot Atau Tangkapan Layar Di Laptop Atau Pc

Tau tidak Apa itu Screenshoot.... ?
Screenshoot atau tangkapan layar adalah gambar image yang memberikan tampilan layar laptop atau Pc milik kita. dan pungsinya tentulah gambar tersebut sangat berguna jika kita hendak membagikannya kepada kawan-kawan kita atau kepada orang lain.

Contohnya kita bisa membagikan hal-hal penting tersebut dari tangkapan layar alias screenshoot tersebut kepada situs-situs.atau bisa juga kita bisa berbagi hasil tangkapan tersebut di blog pribadi kita untuk tambahan isi dari artikel kita loh..

Adapun Metodenya ada beberapa cara :

Pastikan tampilan layar laptop kita sudah sesuai dengan yang kita inginkan

1. Screenshoot dengan cara melalui pintasan keybort

Caranya tekanlah tombol Windows dengan tombol PrtScr Secara Bersamaan. akan tetapi layar laptop ataupun Pc kita kemungkinan akan redup sejenak. berrti itu tandanya bahwa screenshot yang kita inginkan tersebut telah sukses.

Cari Hasil Screenshot. setelah kita mengklik tombol Windows dengan tombol PrtScr Secara Bersamaan. tentu kita akan bertanya-tanya. loh di manakah hasil dari screenshot tersebut. cara nya bukalah file explorer lalu pilih Fictures dari panel kiri jendela lalu bukalah folder "screenshoot" setelah terbuka maka hasil dari screenshoot tersebut akan terkumpul di dalam folder tersebut. dan screenshoot terbaru akan memiliki nomor urut terbesar dapada folder. dan screenshoot akan tersimpan dengan format nama "Screenshoot(#)".

2. klik jendela yang ingin kita Screenshoot dengan mengklik bilah judulnya

cara nya tahan tombol ALT+PrtScr secara Bersamaan. Maka screenshoot akan tersalin ke clipboard akan tetapi di beberapa perangkat kita . dengan cara menekan Alt+Fn+PrtScr.

Selanjuutnya kita buka Aplikasi Paint. kita dapay mencari hasil nya tersebut lewat ikoon bilah pencarian di bilah tugas.

klik tempel Atau Vaste atau Crtl+V di aplikasi paint. Setelah gambar sudah berada di aplikasi Paint maka jangan lupa pula untuk mengklik tombol crop pada Pita menu Di atas jendela Paint tersebut. Setelah itu jangan lupa klik Save untuk menyimpan Gambar Atau b isa juga menekan tombol Crtl+S.

Pilih lokasi Penyimpanan Berkasnya. Setelah kita mengklik Save atau menekan tombol Crtl+S. maka otomatis muncul pop up yang berisikan folder. maka klik salah satu folder untuk meletakan berkas hasil screeenshoot tadi kemana sana yang kita suka. setelah itu jangan lupa buatkan nama berkas nya agas mudah mencari gambar hasil scereenshoot tadi jika suatu saat kita sudah membutuhkannya.

3. cara Selanjutnya Menggunankan Snipping Tool

Melalui Snipping Tool caranyan carilah snipping tool Di kotak Pencarian Biasanya Disamping Menu Star. Selanjutnya bukalah snipping Tool Dengan mengklik hasil pencarian.biasanya program ini kita menangkap bagiantertentu tampilan layar laptop kita. setelah itu maka kita klik panah di sebelah New. kita dapat menggunakan salah satu opsi untuk screenshoot. "free-form snip". "Rectangular snip". "windows snip" dan "full-screen snip".

setelah itu Pilih New untuk mengaburkan layar dan mengubah kursor menjadi "+". tarik kursor nya untuk memilih daerah layar yang ingin kita ambil screennya. dan daerah yang nampak jelas maka itu akan menjdi bagian dari screenshoot. selanjutnya jangan lupa mengklik save file untuk menyimpan gambar di laptop kita.

By at September 22, 2019
Labels: TUTORIAL

Cara Membuat Menu 3D Tampilan Seperti Jendela Keren Di Blog

Dalam Posting ini kita akan membahas tentang Cara Membuat Menu 3D Tampilan Seperti Jendela Keren Di Blog dengan menggunakan tag html dan kode Css saja.

Dan tentunya kali ini tidak akan kalah keren dengan postingan yang lain. Yaitu Kita akan share Menu dengan tampilan 3D dan saat disentuh mouse akan terbuka seperti layaknya jendela kamar rumah.

Penasaran...?

Nah itu saja yang dapat Kita gambarkan tentang postingan kali, tak perlu panjang panjang ini untuk lebih jelasnya dapat kita lihat dan dowload filenya.

Baiklah berikut ini tag html yang dapat membangun Menu 3D Tampilan Seperti Jendela Keren Di Blog :

Caranya tinggal salin dan vaste kan saja kode di bawah ini pada situs kita tepat nya di Settingan Tema > pilih Edit HTML > terus Tekan CTRL+F > setelah itu cari Kode ini </b:skin> Lalu Vastekan Kode di bawah ini Tepat di Atas Nya.

Kode css

Dan Kode yang dibawah ini salin dan vaste kan di TATA LETAK

pilih Di mana saja yang kita sukai lalu Klik tambahkan widget lalu pilih HTML/Java scrift setelah itu jangan lupa di vaste.

Dan lihatlah hasilnya..

Kode Html

div id='menufixed'>
<div class="menu3Dflip">
<ul class="nav">
<li><a class="top-a" href="#link"><b>Home</b></a></li>
<li><a class="top-a" href="#link"><b>Menu 1</b></a>
<div class="col3">
<ul class="colLeft">
<li><a href="#link">Sub Menu 1</a></li>
<li><a href="#link">Sub Menu 2</a></li>
<li><a href="#link">Sub Menu 3</a></li>
<li><a href="#link">Sub Menu 4</a></li>
<li><a href="#link">Sub Menu 5</a></li>
</ul>
<ul class="col">
<li><a href="#link">Sub Menu 6</a></li>
<li><a href="#link">Sub Menu 7</a></li>
<li><a href="#link">Sub Menu 8</a></li>
<li><a href="#link">Sub Menu 9</a></li>
</ul>
</div>
</li>
<li><a class="top-a" href="#link"><b>Menu 2</b></a>
<div class="col2">
<ul class="colLeft">
<li><a href="#link">Sub Menu 1</a></li>
<li><a href="#link">Sub Menu 2</a></li>
<li><a href="#link">Sub Menu 3</a></li>
<li><a href="#link">Sub Menu 4</a></li>
<li><a href="#link">Sub Menu 5</a></li>
</ul>
<ul class="colRight">
<li><a href="#link">Sub Menu 6</a></li>
<li><a href="#link">Sub Menu 7</a></li>
<li><a href="#link">Sub Menu 8</a></li>
<li><a href="#link">Sub Menu 9</a></li>
</ul>
</div>
</li>
<li><a class="top-a" href="#link"><b>Menu 3</b></a>
<div class="col1">
<ul class="colSingle">
<li><a href="#link">Sub Menu 1</a></li>
<li><a href="#link">Sub Menu 2</a></li>
<li><a href="#link">Sub Menu 3</a></li>
<li><a href="#link">Sub Menu 4</a></li>
<li><a href="#link">Sub Menu 5</a></li>
</ul>
</div>
</li>
<li><a class="top-a" href="#link"><b>Menu 4</b></a>
<div class="col2 left">
<ul class="colLeft">
<li><a href="#link">Sub Menu 1</a></li>
<li><a href="#link">Sub Menu 2</a></li>
<li><a href="#link">Sub Menu 3</a></li>
<li><a href="#link">Sub Menu 4</a></li>
</ul>
<ul class="colRight">
<li><a href="#link">Sub Menu 5</a></li>
<li><a href="#link">Sub Menu 6</a></li>
<li><a href="#link">Sub Menu 7</a></li>
<li><a href="#link">Sub Menu 8</a></li>
<li><a href="#link">Sub Menu 9</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>

Adapun tampilannya nya dapat dilihat hasilnya dan Filenya dapat juga diunduh.
berikut di bawah ini Link :

Demo Unduh

By at September 22, 2019
Labels: HTML, MENU NAVIGASI, TUTORIAL

Cara Membuat Slide Show Image CSS Keren Di Blog

Dalam Posting ini kita akan membahas tentang membuat tampilan Slide image yang bergerak secara horizontal bergerak ke kiri dan ke kanan secara bergantian dengan menggunakan tag html saja.

Slide Image dengan menggunakan CSS dengan Sliding secara horizontal, kali ini saya akan membagikan tersebut. berbagai image post dapat dipasang disini. pada pembuatan slide ini saya hanya menggunakan fungsi tag CSS saja tanpa menggunakan Java Script atau Jquery. Dengan CSS saja sudah cukup keren. Baiklah mari kita lanjutkan penjelasannya untuk pembuatan slider ini. Berikut ini fungsi CSS dan HTMLnya.

Baiklah berikut ini tag html yang dapat membangun Slide Image nya :

Caranya tinggal vaste kan saja kode di bawah ini pada situs kita tepat nya di TATA LETAK

Klik tambahkan widget lalu pilih HTML/Java scrift lalu vaste. lihat hasilnya..

css

<div id="sliderSK">
<style>
#sliderSK {
width: 468px;
height: 260px;
overflow: hidden;
-moz-transition: all 170ms ease-in;
-webkit-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
}
#maskSK {
overflow:hidden;
}
#sliderSK:hover {
background-color:#fff;
border-right: 4px solid rgb (176,0,0)
border-left: 4px solid rgb(176,0,0)
border-top: 4px solid rgb (22,22,22)
border-bottom: 4px solid rgb(22,22,22)
box-shadow :0px 0px 13px;
}
#sliderSK:hover #pauseSK {
opacity:1;
}
#sliderSK:hover #progressSK {
background-color:rgba(255,255,255,0.0);
}
#sliderSK:hover ul, #sliderSK:hover #progressSK, #sliderSK:hover #overlaySK {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}
#sliderSK ul li span h2 {
font-size:24px;
line-height:24px;
color:#fff;
font-weight:normal;
font-family:'Communist-Regular';
text-shadow:1px 1px 1px #362c30;
}
#pauseSK {
width:468px;
height:260px;
position:absolute;
top:0;
opacity:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#progressSK {
width:2px;
height:3px;
background-color:#0054BB;
-moz-animation:progress 35s infinite;
-webkit-animation:progress 35s infinite;
position:relative;
top:-1px;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
}
#overlaySK {
width:4680px;
height:260px;
position:absolute;
top:0;
pointer-events:none;
-moz-transition:all 170ms ease-in;
-webkit-transition:all 170ms ease-in;
-o-transition:all 170ms ease-in;
opacity:0.5;
-moz-animation:overlay-fade 35s infinite;
-webkit-animation:overlay-fade 35s infinite;
}
#sliderSK ul {
width:2400px;
list-style:none;
padding:0;
margin:0;
-moz-animation:slide-animation 35s infinite;
-webkit-animation:slide-animation 35s infinite;
position:relative;
left:0px;
overflow:hidden;
}
#sliderSK li {
display:inline;
width:468px;
height:260px;
margin:0;
padding:0;
float:left;
position:relative;
}
#sliderSK li:last-of-type {
background-color:#362c30;
}
#sliderSK li a {
display:block;
text-decoration:none;
}
#sliderSK li span {
display:block;
width:560px;
padding:15px 20px;
position:absolute;
bottom:0;
left:0;
background-color:rgba(54,44,48,0.6);
border-top:1px solid #362c30;
text-shadow:1px 1px 1px #362c30;
pointer-events:none;
text-align:left;
}
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-moz-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-468px; opacity:1;}
45% {left:-468px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-936px; opacity:1;}
70% {left:-936px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1404px; opacity:1;}
95% {opacity:1;}
98% {left:-1404px; opacity:0;}
100% {left:0px; opacity:0;}
}
@-webkit-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-moz-keyframes progress {
0% {width:0px; opacity:0;}
2% {width:0px; opacity:1;}
20% {width:468px; opacity:1;}
22.5% {width:468px; opacity:0;}
22.59% {width:0px;}
25% {width:0px; opacity:1;}
45% {width:468px; opacity:1;}
47.5% {width:468px; opacity:0;}
47.59% {width:0px;}
50% {width:0px; opacity:1;}
70% {width:468px; opacity:1;}
72.5% {width:468px; opacity:0;}
72.59% {width:0px;}
75% {width:0px; opacity:1;}
95% {width:468px; opacity:1;}
98% {width:468px; opacity:0;}
100% {width:0px; opacity:0;}
}
@-webkit-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes overlay-fade {
0% {opacity:0;}
2% {opacity:0.5;}
95% {opacity:0.5;}
98% {opacity:0;}
100% {opacity:0;}
}
</style>

html

Adapun File nya dapat dilihat hasilnya dan dapat juga diunduh berikut di bawah ini :

Demo Unduh

By at September 21, 2019
Labels: HTML, SLIDE SHOW, TUTORIAL

Cara Membuat Slide Show Image Pakai Tombol Dan keterangan Keren Di Blog

Dalam Posting ini - Cara Membuat Slide Show Image Pakai Tombol Dan keterangannya Keren Di Blog kita akan membahas tentang membuat tampilan Slide image yang bergerak secara horizontal Memakai tombol dan juga penampakan keterangannya secara bergantian dengan menggunakan tag Css, html javascrift.

slider Image ini sangat cocok dan tampilannya menarik jika di letakkan untuk bagian atas header blog kita, dengan sliding image secara horizontal Untuk dapat membangun slidernya kita membutuhkan tag css, html, dan Javascript. penasaran .... ? mari kita langsung saja menuju TKP.

kode css

Dan berikut ini tag html yang dapat membangun Slide Image nya :

Caranya tinggal vaste kan saja kode di bawah ini pada situs kita tepat nya di TATA LETAK

Klik tambahkan widget lalu pilih HTML/Java scrift lalu vaste.

kode html

<div id="wrslider">
<div id="mover" style="width: 2880px; left: 0px;">
<div id="slide-1" class="slide">
<h1>
Judul 1</h1>
<p>
tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba.
</p>
<a href="#">
<img alt="learn more" src="image_1.png" style="top: 20px;">
</img>
</a>
</div>
<div class="slide">
<h1>
Judul 2</h1>
<p>
tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba.
</p>
<a href="#">
<img alt="learn more" src="image_2.png" style="top: 20px;">
</img>
</a>
</div>
<div class="slide">
<h1>
Judul 3</h1>
<p>
tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba tes dicoba.
</p>
<a href="#">
<img alt="learn more" src="image_3.png" style="top: 20px;">
</img>
</a>
</div>
</div>
</div>

kode javascrift

dan coba lihat hasilnya..

Adapun File nya dapat dilihat hasilnya dan dapat juga diunduh berikut di bawah ini :

Demo Unduh

By at September 21, 2019
Labels: HTML, SLIDE SHOW, TUTORIAL

Cara Membuat Slide Show Image Dari bawah Ke atas Keren Secara Vertikal Di Blog keren

Dalam Posting ini - Cara Membuat Slide Show Image Vertikal Dari bawah Ke atas Keren Di Blog kita akan membahas tentang membuat tampilan Slide image yang bergerak secara Vertikal bergerak dari bawah ke atas secara bergantian dengan menggunakan tag html Css dan javascrift.

Biasanya Slide show ini sangat cocok jika di pasangkan dan di letakan di bagian sidebar blog kita agar sesuai letak dan posisi nya agar tampilannya menarik dan keren.

slider ini yang sangat cocok dipasang untuk blog kamu, dengan tampilan secara vertikal dan post yang tampil akan bergantian secara terus menerus. Untuk dapat membangun slidernya kita membutuhkan tag css, html, dan Javascript. Penasaran... ? mari kita langsung saja menuju TKP.

Dan berikut ini tag html yang dapat membangun Slide Image nya :

Caranya tinggal vaste kan saja kode di bawah ini pada situs kita tepat nya di TATA LETAK

Klik tambahkan widget lalu pilih HTML/Java scrift lalu vaste.

Kode html

<ul id="mycarousel" class="jcarousel-skin-tango2">
<li class="transparent-1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjjIUg77cJvg2F6_LIhVl8eHjjBhFQVPUzTZqhJyeRVRhbpsIiJIE9G78WY2YRPZ6F0jMHpo25I_RWCluekkevYHyww6muNNCCA5sfh5tQNV01eANO3-EgxyeK4ysBBVKTYVISk6daTb6/s1600/desain_rumah_idaman.jpg" width="211" height="129" alt=""/>
<h5>
<span><a href="#">Desain Rumah idaman anda, cukup hubungi kami di .,...</a></span></h5>
</li>
<li class="transparent-2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOHT_JTo95oZZ9TvlnCwrTu3E38Cmi1uKIzvnXb8YawCr_1Uz-30kMv4gooH6tuNh_AvxM0XqZNs5TjAGLHlfPDfNbpiCrrc5tmiWlRjfJ0iU8hKUL5YcqauFvztxNrDdJilqtUNDCqKa7/s1600/Desain-Rumah-Idaman-Minimalis-6.jpg" width="211" height="129" alt=""/>
<h5>
<span><a href="#">pengen rumah baru,? hubungi kami...</a></span></h5>
</li>
<li class="transparent-3">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqrB9dCy-ijy1I6GMUJ5lHngtdF2F59T8E9eEd4tAj2zfhG8Yn6_vyWaCaHBt53QW-DIgwy7Uz4bLI4rX8qFwWWDv5hBYNGp2MZbec1Of-d9vvnVjmiujRnwkSziV-c8Z_TdD6zvQa_PJB/s1600/dijual-rumah-idaman-minimalis-murah-ngeliat-pasti-suka-hub-20140610204123-53976d730d733.jpg" width="211" height="129" alt=""/>
<h5>
<span><a href="#"> jual dengan harga yang memuaskan ?, kunjungi situs kami di ...</a></span></h5>
</li>
<li class="transparent-4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9_Hp9YTF7IMCZgyHh_9oIt5XYzNIOFpf7NZ1aGHvuJiMS3j7XrGQ9aaEJt7dQwZgXuxnMu5crAhldXhcKKmRvZ1v0cjZlr7_cHbjiMMHuhV-miXLm-B-TkS9PU_pyf3lJhdnHuZYOS8ts/s1600/Gambar-Model-Rumah-Idaman-2013.jpg" width="211" height="129" alt=""/>
<h5>
<span><a href="#">rumah kos yang mewah dan murah.? hub kami hanya di ...</a></span></h5>
</li>
<li class="transparent-5">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS2gIg9xuSmcMnKFRonpqaYz6JzQHnLc_HuHXw-ATRiU3fv1DA31P1CqWhhpXQv7QFrqzIgKNQ11pYVhnFrjWwfAqangjL9qdkbv7t7QhaKUlniqOZz1pNc4l6C2oHfwY7GVuPVVWccU5M/s1600/images.jpg" width="211" height="129" alt=""/>
<h5>
<span><a href="#">hotel penginapan yang memuaskan anda </a></span></h5>
</li>
<li class="transparent-6">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQwfnfuSzUjGNzhO8gNWHtayonoT8-U658ujRaTdghkuDeRreoSbfojSX5J1aIFPLplxCMBICwdI-2bhi-QHujH-muZW0ijeuaEfE96nOyN4m5b8shZ5fv3bj6M6hW1E0HyvyG0bVhZIl/s1600/pantone-titanium-decor-Desain-Interior-dan-Dekorasi-Interior-Rumah-Idaman.jpg" width="211" height="129" alt=""/>
<h5>
<span><a href="#">rumah dapur kami memang disajikan untuk anda</a></span></h5>
</li>
</ul>

Kode javascrift