Blog Ponsel Si Oon: Tutorial Blog & WapBuilder

Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017

<a href="/">Oon 23</a> - <a href="https://oon23.blogspot.com/2017/01/cara-mendapatkan-like-facebook-2k-plus.html" title="Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017">Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017</a> - Selamat Pagi Sahabat Blog Oon .. Kali Ini Admin Lagi - Lagi Mau Memposting Tentang Cara .. yaitu Cara Mendapatkan Like Facebook Plus Cara Buat Nya .. Cara Membuat Wap Autolike .. Memang selalu di cari-cari oleh para facebookers yang cukup terkesan dengan status yang penuh dan di banjiri Like .. Berbagai cara dilakukan oleh semua pengguna facebook untuk mendapatkan like yang maksimal dan super duper banyak :D ..

Hari-hari berlalu, mencari like di facebook menjadi-jadi dan semakin sulit karena keegoisan para facebookers yang tidak mau mengelike dan hanya ingin status nya banyak like .. Kesusahan semakin besar hingga akhirnya para programmer PHP Mendapatkan Cara Untuk Menuntaskan semua masalah Facebookers .. Yaitu dengan Membuat Autolike ..

Baiklah, di sini kita tidak akan membahas apa pengertian autolike, Bagaimana cara kerja autolike, dan Bagaimana cara menggunakan autolike, Namun kita Akan membahas tentang cara membuat wap/web/situs autolike sendiri ..

Cara buat autolike memang sudah banyak yang posting .. namun pada umum nya .. untuk membuat autolike itu .. dengan script PHP dan tentunya harus dengan hostingan yang support PHP .. namun setelah hampir satu tahun lebih tidak pernah buat lagi autolike .. ehhh ternyata pas mau buat sepertinya hostingan gratis udah gk ada .. dengan kata lain harus bayar .. selagi masih bisa di akali kenapa harus pilih yang bayar ??? .. dan tentunya sobat juga pengen nya yang gratisan kan .. hehehe ..

<h3>Cara Membuat Wap Autolike Sendiri Di Xtgem Cukup Hemat Waktu</h3>

Sobat Penggila Like ?? atau sekedar Pengguna autolike ?? Sudah bosan jadi sekedar pengguna autolike saja ?? Sekarang pengen punya wap autolike sendiri ?? Solusi yang tepat disini saya kasih caranya dan tentunya gratis tanpa ribet juga .. ngutak ngatik script ..

Ya, saya mengerti apa keinginan sobat untuk itu sekarang kita akan bahas cara membuat wap autolike secara gratis .. Kok bisa gratis ?? masih gk percaya nih ceritanya :D Tenang saja disini kita menggunakan builder xtgem.com yang di sediakan gratis ... Emang xtgem support PHP ?? ya emang kagak support .. udah dweh diem aja gk usah banyak omong .. Ok :D

ya memang di xtgem Sebenarnya tidak bisa .. tapi kita akan menggunakan autolike orang lain dan disini kita hanya akan membuat form yang menuju wap autolike milik orang lain sebenarnya .. hmmzz kalau gitu sama aja bohong .. bukan milik sendiri ?? #payah .. tenang dulu .. maksudnya gini lho ..

Membuat wap autolike sendiri memang lah sangat sulit .. Apa lagi bagi kita yang masih baru dalam dunia itu .. Menggunakan script yang sudah di buat oleh orang lain pun kita belum cukup mampu untuk memaksimalkannya ..

Kesulitan semakin menjadi-jadi karena membuat wap autolike harus lah menggunakan webhosting baik itu webhosting gratisan maupun Hosting premium/berbayar .. namun sepertinya yang gratis udah gk bisa .. maka dari itu saya buatkan postingan ini .. yaitu dengan cara buat nya di xtgem

Namun sebagian Script Autolike Yang di buat oleh scripter tidak didukung untuk hosting gratisan .. apa lagi hosting gratisan yang tidak mempunyai banyak fitur dan Membatasi pengunjung untuk semua situs yang kita buat, wah semakin sulit kan ?? .. Untuk itulah saya memberi solusinya dengan artikel Cara Membuat Wap Autolike Di Xtgem..

Xtgem adalah sebuah hosting wap builder yang hanya support HTML / Javascript Dan Beberapa Xt Function Bawaan yang disediakan secara gratis bagi penggunanya ..

Sebenarnya xtgem bisa dengan mudah di kelola .. tapi sayang hanya support beberapa script saja .. Tapi disini kita bisa memanfaatkan xtgem sebagai langkah untuk membuat autolike kita .. Namun masih memungkinkan bagi kita untuk membuat situs autolike di sana. Kok Bisa ?? .. Sebenarnya disini hanya membuat autolike yang sebenarnya bisa di bilang adalah iseng, Namun daripada ribet dan sama sekali gak punya .. Gak ada salahnya di coba ..

Apa lagi disini kita akan menggunakan wap autolike milik saya :v .. nah lho tadi katanya .. milik orang lain ?? udah dweh gk sah banyak omong :v

Next kita langsung Ke point penting nya saja. Kita lanjut dalam artikel cara membuat wap autolike sendiri di xtgem ..

<h3>Cara Membuat Autolike Di Xtgem 100% Work .. No Hoax No Spam</h3>

sebelum melanjutkan alangkah baiknya sobat lihat dulu aja penampakan nya .. dibawah ini hasil jadinya .. gimana keren bukan ?? Cara Membuat Autolike Di Xtgem 100% Work .. No Hoax No Spam tapi bukan No Like Juga :D .. karena like terbukti dapat .. dan sekarang masih mau di lanjut baca nya ?? apa mau udah aja ?? ..

nah kira kira seperti itulah jadinya kawan .. dan sekarang silahkan buka akun xtgem nya masing masing .. jika belum punya .. silahkan ikuti tutor singkat di bawah ini ..

untuk melanjutkan silahkan sobat buka <a href="https://mypos4u.blogspot.co.id/2017/01/cara-mendapatkan-like-facebook-up-to-2k.html"><button>Di Sini</button></a> .. Maaf Atas Ketidak nyamanan nya .. dan selamat pagi .. selamat Memulai hari baru di pagi ini .. semoga harimu menyenangkan :) ..

ok next .. saya rasa cukup sampe disini dulu perjumpaan kita di Pagi hari ini .. terimakasih sudah membaca nya dari awal sampai akhir .. mengenai <a href="https://oon23.blogspot.com/2017/01/cara-mendapatkan-like-facebook-2k-plus.html" title="Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017">Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017</a> semoga bermanfaat dan sampai jumpa ..

Baca Juga : <a href="https://oon23.blogspot.co.id/2017/01/cara-buat-gambar-berputar-pada-blog.html">CARA BUAT GAMBAR BERPUTAR PADA BLOG KEREN !!!</a>

Tag : #Autolike, #Auto Like fb, #Cara Buat, #Cara Membuat, #Cara Ngebuat, #Cara Bikin, #Cara Membikin, #Cara Ngebikin, #Facebook Autolike, #<a href="https://oon23.blogspot.com/2017/01/cara-mendapatkan-like-facebook-2k-plus.html" title="Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017">Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017</a>, #Autolike Fb No Hoax, #Like Fb No Spam, #AutoLike Terbaru 18 Januari 2017, #Cara Mudah dan Cepat Mendapatkan Like FB

Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017

Oon 23 - Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017...

Cara Buat Gambar Berputar Pada Blog Keren !!!

<a href="/">Blog Oon</a> - Cara Buat Gambar Berputar Pada Blog Keren !!! - selamat malam sahabat blog oon semuanya .. pada kesempatan malam ini akan sedikit berbagi cara buat efek gambar berputar pada blog secara otomatis maupun manual .. efek ini saya buat beberapa menit yang lalu :D .. berawal dari rasa jenuh dan membosankan tiap kali buka blog gk di sini gk di sana .. sama saja sepi .. cuma bikin bete dan gk mood .. gk tau kenapa kok semuanya sepi hahaha .. dalam sehari cuma dapat mengahsilkan 900 Visitor Unik .. di bilang rame nya cuma 1k visitor .. itupun jarang jarang .. sungguh payah .. hampir putus asa dan sempat mau meraibkan semua blog blog ku ini .. tapi di pikir sayang juga .. udah banyak waktu yang terbuang .. lagi pula dari sebuah blog besar kecilnaya saya jadi nambah ilmu dan wawasan .. jadi rasa nya sayang banget klo di hapus ..

mudah mudahan aja perlahan tapi pasti .. suatu saat nanti dari blog blog ku ini .. bisa menghasilkan recehan .. hahahaha berharap peruntungan dan keberuntungan :D .. buat postingan aja gk bermutu .. terlalu mementingkan kuantitas di banding kualitas .. jadi gimna bisa berkembang .. apa lag ngarep bisa dapetin dolar .. #Mimpi ..

tapi ya sudahlah lupakan saja .. biarkan waktu yang akan menjawabnya :v .. next .. setelah seblum nya saya buat postingan tentang <a href="https://oon23.blogspot.co.id/2017/01/cara-buat-pop-up-random-post-keren-di.html">CARA BUAT POP UP RANDOM POST KEREN DI BLOGGER UPDATE 6 JANUARI 2017</a> dari situ males bikin postingan lagi :v .. dan setelah 2 jam lebih baca baca postingan sendiri .. antara hangusin aja blog nya atau jangan .. malahan terpikir untuk buat gambar berputar .. Sesuai dengan pikiran kali ya .. lagi gk menentu berputar gk karuan makanya jadi malah inget kesana hmmzz ..

baiklah kita langsung saja .. caranya sangat simple dan mudah banget bahkan css nya pun cuma dikit .. jika ingin otomatis cukup tambahkan pada element css yang ada di dalam tempate nya .. terserah mau di tempatkan untuk related post atau untuk .post thumbnail dan sebaginya .. tapi kalau ingin manual .. setiap kali buat postingan harus memasukan css nya kedalam bahan postingan .. dan cukup tambahkan tag Class="ocha23" atau bisa dengan menggunian Div Class .. gimana sangat mudah bukan ?? .. untuk contoh yang manual .. seperti di bawah ini .. berputar bukan .. gambar nya ?? :D

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}
</style>

<img class="ocha23" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS2Dd3wfGM1YTxx4H-xFSyG7nCFoZf28q8oWtvGYoxsk2IM1O0RyyaujU-d84yVhy-gHfc2gQKNCeQ3QsAr5-o0wyfuPuk1O-ZDS5BPVP4aXZijY7z92LUV9UyA4_mCWKgwCtCUwpTCi0/s150-c/www.dp-bbm23.blogspot.co.id.jpg" style="float:left; margin:0 9px 3px 0;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://dp-bbm23.blogspot.co.id/2017/01/46-kata-kata-cinta-tulus-dari-dalam.html">46 Kata Kata Cinta Tulus dari Dalam Hati Terbaru Terupdate 14 Januari 2017</a>

seperti itulah sobat hasilnya .. cara ini saya menggunkan seperti <a href="https://oon23.blogspot.co.id/2016/11/cara-membuat-css-loader.html">CARA MEMBUAT CSS LOADER</a> .. silahkan sobat lihat postingan saya yang itu .. dan untuk melihat hasil nya dengan cara otomatis .. lihat blog saya yang ini >> <a href="https://dp-bbm23.blogspot.com">DP BBM 23</a>

<img class="ocha23" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbLdqGgLud2XZInHufFL_g0ce3bkT3Fk-Jc2PpUP3qn1iM2ujjkh0p5KMd-MJ8X5UdsOKOHX6P7EGij3n8Zh9MgblKm2jtx1ElSwK5C9jHs1E-F4FQVl7Ggzoi0Y8714s9uQ931AJ1HM/s150-c/1478504081-picsay.jpg" style="float:left; margin:0 9px 3px 0;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://oon23.blogspot.co.id/2016/11/cara-membuat-css-loader.html">CARA MEMBUAT CSS LOADER</a>

<hr>
Cara Manual

<ul><style> 
.ocha23 { 
 width:60px; 
 height:60px; 
 border:2px solid #fafafa; 
 border-radius:40px; 
 -webkit-animation: spin 1s linear infinite; 
 animation: spin 1s linear infinite; 
}

@-webkit-keyframes spin { 
 0% { -webkit-transform: rotate(0deg); } 
 100% { -webkit-transform: rotate(360deg); } 
}

@keyframes spin { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(360deg); } 
} 
</style></ul>

Keterangan

<ul><li>60 : Ukuran Lebar Gambar .. silahakan ganti sesuai selera .. mau lebih besar apa lebih kecil lagi ukuran gambar nya ..</li>
<li>40 : Ukuran Bulatan Gambar .. jika gambarnya ingin persegi 4 .. hapus saja dari mulai border-radius:40px;</li>
<li>1s : Kecepatan perputaran gambar .. jika ingin lebih slow rubah jadi 2s, 3s, 4s, dan seterusnya .. 1s ( 1 detik ) ..</li>
<li>Dan untuk cara memasangnya :
<ol><li><div class="ocha23">Isi Kode Gambar disini</div> ..</li>
<li>Atau bisa dengan cara <div style="ocha23">Isi Kode Gambar disini</div></li>
<li>Atau langsung seperti ini <img class="ocha23" src="url-gambar-thumbnail.jpg"/></li></li></ol></ul>

Cara Otomatis

<ul><li>Buka <a href="/">Blogger.com</a> >> Template >> Edit >> Masukan CSS nya</li>
<li>Masukan CSS nya Terserah Mau dibagian mana yang sekiranya ingin dibuatkan berputar ..</li>
<li>buang tanda <style> .... </style> terlebih dulu ..</li>
<li>owh iya .. jika misal ingin mengganti bagian .post-body { ..... } .. ganti tag ocha23 nya dengan .post-body { ..... }</li></ul>

ok next saya rasa cukup sampe disini dulu perjumpaan kita di malam hari ini .. kurang lebihnya mohon d maklum saja .. dan terimakasih sudah membaca Cara Buat Gambar Berputar Pada Blog Keren !!! dari awal sampe akhir .. semoga bermanfaat .. dan sampai ketemu lagi dilain waktu dan lain kesempatan .. akhir kata saya 
ucapkan Wassalamu'Alaikum WR.WB

Tag : #Cara Buat, #Cara Membuat, #Cara, #Cara Bikin, #Cara Ngebikin, #Blog, #Blogging, #Blogger, #Tips, #Tips dan Trik, #Tutor, #Tutorial Blog, #Tutorial 
Cara Buat Gambar Berputar Pada Blog Keren !!!

Cara Buat Gambar Berputar Pada Blog Keren !!!

Blog Oon - Cara Buat Gambar Berputar Pada Blog Keren !!! - selamat malam sahabat blog oon semuanya .. pada kesempatan malam ini akan sedik...

Cara Buat Pop Up Random Post Keren Di Blogger Update 6 Januari 2017

<a href="/">Blog Oon 23</a> - Cara Buat Pop Up Random Post Keren Di Blogger Update 6 Januari 2017 - Selamat Pagi Sahabat Blog Oon semuanya .. Semoga semuanya dalam keadaan baik - baik saja .. aamiin .. di kesempatan pagi ini alhamdulilah masih ada kesempatan untuk buat postingan disini lagi .. Rasanya udah lama ya .. setahun gk buat postingan disini .. dari november 2016 sekarang udah 2017 lagi :v ..

ok lah next tanpa banyak basa basi lagi .. langsung saja ke intinya .. intinya sih kita cuma memerlukan dua bahan saja .. yang pertama kerangka ( Pop Up ) nya .. dan yang kedua tentu isi nya .. mendengar kata Pop Up mungkin sudah tidak asing lagi .. karena dari setiap tahun nya .. bahkan setiap harinya mungkin ada aja yang memposting soal cara buat pop up .. entah itu pop up like box fb / Subcribe Via email / Follow Twitter / G+ .. atau dibuatkan untuk Baner iklan ataupun profil author ??? ..

jadi apa pun juga itu bentuknya .. yang nama nya pop up emang nyebelin .. karena mengganggu pemandangan .. apa lagi jika muncul setiap saat .. tapi ya tergantung sobat sih mau pasang apa tidak .. toh yang terganggu juga pembaca kok .. saya sendiri aja pasang .. bodo amat pembaca mau terganggu apa tidak .. hahahaha :v ..

nah .. jadi sekarang intinya sudah jelaskan .. yang kita perlukan sebuah script untuk membuat pop up nya dulu .. kalau masalah isi nya sih tergantung sobat aja .. mau di isi dengan Recent Post / Random Post .. namun yang saya bahas disini Random Post :v .. dan biar gk penasaran seperti apa jadinya .. silahkan sobat lihat kedua gambar contoh dibawah ini ..

gimana setelah lihat hasilnya .. masih ada yang mau lanjut dan ingin mencobanya ?? .. kalau tidak ada .. ya sudah abaikan saja :v .. awalnya saya cuma buat Random Post model pop up ini .. di blog <a href="https://dp-bbm23.blogspot.co.id">DP BBM 23</a> seperti contohnya pada gambar kedua .. namun setelah dilihat lihat Ok juga kalau di blog ini saya pasang juga .. dan lumayan jadi punya bahan untuk buat postingan .. setelah sekian lama gk buat postingan karena kehabisan ide :v ..

ok next .. dari kedua contoh di atas sama saja menggunakan script yang sama .. namun model Pop Up nya saja yang berbeda .. jika ingin lebih keren sesuai keinginan masing - masing .. tinggal di modif ulang aja lagi .. atau buat sendiri .. jika tidak mau repot .. silahkan sobat copas semua script pop up nya dulu di bawah ini .. ingat semuanya ya dan edit yang sekiranya perlu di edit aja .. selebihnya biarkan saja .. dan untuk ukuran width dan height silahkan sobat atur ulang lagi dan sesuaikan dengan resolusi layar yang lebih besar / kecil lagi .. karena saya disini cuma bisa ngasih review menggunakan hp samsung V Plus .. gk menggunakan PC karena gk punya :v .. 
<div style="background:#000;color:#ff0000;border-left:8px solid #ffd700;padding:8px;margin:5px;text-align:justify;box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);overflow:auto;">
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> 
<style> 
#fanback { 
 display:none; 
 background:rgba(0,0,0,0.8); 
 width:100%; 
 height:100%; 
 position:fixed; 
 top:0; 
 left:0; 
 z-index:99999; 
}

#fan-exit { 
 width:100%; 
 height:100%; 
}

#fanbox { 
 background:#ff1493; 
 width:240px; 
 height:310px; 
 position:absolute; 
 overflow: auto; 
 border:2px dashed #fff; 
 top:10%; 
 left:10%; 
 margin:10px 0 0 10px; 
 -webkit-box-shadow: inset 0 0 50px 0 #939393; 
 -moz-box-shadow: inset 0 0 50px 0 #939393; 
 box-shadow: inset 0 0 50px 0 #939393; 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
 border-radius: 5px; 
 margin: 10px 0 0 10px; 
}

#fanclose { 
 float:right; 
 cursor:pointer; 
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirQ5aVlysmXZQPQsxauYcHHkh2KSXClauQ1-RBTzX8VUQshsNeplVYeD2zf1stHLAxlmoSIQwHfh81SuVYTVoomZckM3dgL50ZL3Emrx0STrkCFLtCrRZbQj0_FI44laJvksORwFeBO_dj/s1600/fanclose.png) no-repeat; 
 height:15px; 
 padding:10px; 
 position:relative; 
 padding-right:40px; 
 margin-top:3px; 
 margin-right:22px; 
}

.remove-borda { 
 height:1px; 
 width:206px; 
 margin:0 auto; 
 background:#Ff1493; 
 margin-top:16px; 
 position:relative; 
 margin-left:20px; 
}

#linkit,#linkit a.visited,#linkit a,#linkit a:hover { 
 color:#fff; 
 font-size:10px; 
 margin: 0 auto 5px auto; 
 float:justify; 
} 
 </style> 
 <script type='text/javascript'> 
//<![CDATA[ 
jQuery.cookie = function (key, value, options) 
{ 
 // key and at least value given, set cookie... 
 if (arguments.length > 1 && 
String(value) !== "[object Object]") 
{ 
 options = jQuery.extend({}, options); 
 if (value === null || value === undefined) { 
 options.expires = -1; 
 } 
 if (typeof options.expires === 'number') 
{ 
 var days = options.expires, t = options.expires = new Date(); 
 t.setDate(t.getDate() + days); 
 } 
 value = String(value); 
 return (document.cookie = [ 
 encodeURIComponent(key), '=', 
 options.raw ? value : 
encodeURIComponent(value), 
 options.expires ? '; expires=' + <br/options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE 
 options.path ? '; path=' + options.path : '', 
 options.domain ? '; domain=' + options.domain : '', 
 options.secure ? '; secure' : ''
 ].join('')); 
 }

// key and possibly options given, get cookie... 
 options = value || {}; 
 var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; 
 return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '= ([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; 
}; 
//]]> 
</script>

//Letakan Kode Script Random Post nya Disini//

</div></div>
</div>

nah jika kode diatas sudah sobat copas sekarang saat nya copas kode random postnya .. namun jika sobat sudah punya script JS nya silahkan pakai punya sendiri aja .. kalau yang belum punya dan ingin buat sendiri .. silahkan buat sendiri aja .. bisa sobat upload script JS nya di Google Code atau yourjavascript atau juga bisa sobat upload di dropbox .. terserah sobat mau di upload script JS nya di mana .. yang penting cuma untuk di ambil link / URL nya saja ..

kalau saya sendiri di upload lewat dropbox .. tapi kenapa saya malah ngebahas soal upload script ya ?? :v .. yupss saya bahas karena jika sobat memakai script dari sini .. di dalamnya sudah saya sisipkan link yang menuju ke blog saya yang satunya .. so dengan begitu jika pembaca ada yang mengklik gambar thumbnail nya maka bukanlah postingan sobat yang kebuka .. melainkan menuju blog saya ..

jadi kenapa saya bahas soal tempat upload file ?? .. gunanya jika sobat mengedit ulang JS nya dan mengganti link saya itu .. nanti bisa sobat upload lagi file script JS nya .. menurut yang agan suka .. mau di dropbox / yourjavascript / google code dsb'y .. tapi jika sobat tidak mau ribet harus edit ulang dan di upload lg .. cuma terasa melamakan :v .. ya sudah sobat gunakan saja semua kode script yang saya sahre ini .. soal link blog saya itu biarin aja ya itung - itung amal :v ..

ok Next bray :v biar gk cape bacanya .. silahkan langsung saja sobat copas semua kode script random post nya di bawah ini .. dan paste di dalam pop up tadi ( di tengah kode script pop up ) atau lebih tepat nya hapus tulisan ini //Letakan Kode Script Random Post nya Disini// dan ganti dengan script random post dibawah ini ..

<center>Artikel Yang Banyak Dibaca Secara Acak</center> 
 
<style type="text/css"> 
/*widget*/ 
#rp_plus_img{overflow:auto;padding:10px; background-color:none;line-height:1.7em;} 
#rp_plus_img ul{list-style-type:none;margin:0;padding:0;} 
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} 
#rp_plus_img li{height:70px;padding:1px;list-style:none;} 
#rp_plus_img a{color:#fff;} 
#rp_plus_img .news-title{display:block;font-weight:normal !important;margin-bottom:5px;font-size:11px;font-family:oswald;} 
#rp_plus_img .news-text{display:block;font-size:9px;font-weight:normal !important;color:#282828;text-align:justify;} 
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:60px;border-radius:4px;} 
</style> 
 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://dl.dropboxusercontent.com/s/zm9rpesyue35t/random-post-dpbbm23.js"></script> 
<script type="text/javascript"> 
var speed = 400; 
var pause = 3500; 
$(document).ready(function(){ 
rpnewsticker(); 
interval = setInterval(rpnewsticker, pause); 
}); 
</script> 
<ul id="rp_plus_img"> 
<script style="text/javascript"> 
var numposts = 120; 
var numchars = 0; 
</script> 
<script src="http://oon23.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul> 
 
</div>

Keterangan

<ul><li>Ganti Artikel Yang Banyak Dibaca Secara Acak dengan kata kata sobat .. atau dihapus saja jika dirasa tidak perlu ..</li>
<li>Ganti / Rubah 400 ( Kecepatan Antara Perpindahan Judul judul postingan ) .. dan juga 3500 ( Jeda Antara Waktu Jarak Perpindahan antara postingan satu dan yang lainnya ) ..</li>
<li>Ganti / Rubah 120 sesuai jumlah postingan yang mau sobat terapkan .. minimal 5 postingan .. max 10 post .. mau semua postingan ya gk apa apa .. dan 0 jika ingin ditambahkan deskripsi singkat sekilas isi postingan sobat .. silahkan ganti angka "0" jadi 130 / 150 dan seterusnya .. 130 / 150 ( jumalah karakter huruf ) ..</li>
<li>Terakhir tentu saja ganti yang ini http://oon23.blogspot.com sesuai link feed blog sobat .. untuk menampilkan judul judul postingan yang ada di blog sobat .. dan ingat yang perlu di ganti cuma link nya saja ..</li></ul>

ok next saya rasa cukup sampe disini dulu perjumpaan kita dipagi hari ini .. kurang lebihnya mohon d maklum saja .. dan terimakasih sudah membaca Cara Buat Pop Up Random Post Keren Di Blogger Update 6 Januari 2017 dari awal sampe akhir .. semoga bermanfaat .. dan sampai ketemu lagi dilain waktu dan lain kesempatan .. akhir kata saya ucapkan Wassalamu'Alaikum WR.WB

Posting Sebelumnya

<hr style="color:#ff0000;"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvIiehpS4x-S2_Y8IqPIG34n1dYtPoEYy7rzudeCd7zDhtTUyodCyoL7R3-t5Ix7bofbonaDQ2HtvgLrwaN1bN2KdIP1eGvNAcgNIEcIyU6I5blvz8BCxJP3HoYVsFckkJg5boeqv-CxU/s150-c/oon23.blogspot.co.id.png" style="float:left; margin:0 9px 3px 0; width:60px; height:60px;border:2px solid #fafafa;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://oon23.blogspot.co.id/2016/11/cara-buat-css-button-animated-button.html">CARA BUAT CSS BUTTON, ANIMATED BUTTON, ROUNDED BUTTON, COLORED BUTTON BORDER, HOVERABLE BUTTON</a>
<hr style="color:#ff0000;"/> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzS6aayvYllNfl7_EYDItDULC6WBnhZ8oIEv7JN2r55uqr9G0YVE_9Su_DV1GR7OQUXNPwweBpcZTwDnamyhtgKHCm9AH9Fky4I8fgA2YcA60lhA5JIta-Zcly8ROlbZQmLoQPNSL0YYw/s150-c/Screenshot_2016-11-14-07-19-51-1.png" style="float:left; margin:0 9px 3px 0; width:60px; height:60px;border:2px solid #fafafa;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://oon23.blogspot.co.id/2016/11/cara-buat-bootstrap-tooltip.html">CARA BUAT BOOTSTRAP TOOLTIP</a> 
<hr style="color:#ff0000;"/> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB0Ve-s58W4B5t5QBG2CpF45WHEVk-EJfACyuef7BjAmAKtIv26zVwmAPNii6DpSShLKo5sRmk9raMVdon97NDR5pTq6fyv76prok9ToIyDgqsXQDP5sC6S1IDrrcq_r93KFhuYTnUp1A/s150-c/Screenshot_2016-11-12-16-38-03-1+%25281%2529.png" style="float:left; margin:0 9px 3px 0; width:60px; height:60px;border:2px solid #fafafa;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://oon23.blogspot.co.id/2016/11/cara-buat-zona-download-mp3-video.html">CARA BUAT ZONA DOWNLOAD MP3, VIDEO, GAMBAR, APLIKASI DI WAPKA DENGAN TEMPLATE KEKINIAN ALA WEBSITE PROFESIONAL ??</a>
<hr style="color:#ff0000;"/> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinA3K1_nrRKIPpK90j_6C9W2rLrzqraQA7EvGqfzC0qNMHJyKEl5M7UW5zoej7JDpNvTVhO3m4ELrU4NjejNln3lP5_DA_VH38DmUA_lvwEV1n8ytohtoRG7m6U1EBXgoEe8U5JHd3vJQ/s150-c/4512521d7c62ae4b1114fa73ea69475f.jpg" style="float:left; margin:0 9px 3px 0; width:60px; height:60px;border:2px solid #fafafa;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://oon23.blogspot.co.id/2016/11/cara-mudah-mengganti-font-blog-dengan.html">CARA MUDAH MENGGANTI FONT BLOG DENGAN GOOGLE WEB FONTS ATAU DENGAN CARA MENGGANTI JENIS FONT DI BLOG BLOGGER DIBAGIAN CSS ( CASCADING STYLE SHEET )</a>
<hr style="color:#ff0000;"/> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbLdqGgLud2XZInHufFL_g0ce3bkT3Fk-Jc2PpUP3qn1iM2ujjkh0p5KMd-MJ8X5UdsOKOHX6P7EGij3n8Zh9MgblKm2jtx1ElSwK5C9jHs1E-F4FQVl7Ggzoi0Y8714s9uQ931AJ1HM/s150-c/1478504081-picsay.jpg" style="float:left; margin:0 9px 3px 0; width:60px; height:60px;border:2px solid #fafafa;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://oon23.blogspot.co.id/2016/11/cara-membuat-css-loader.html">CARA MEMBUAT CSS LOADER</a> 
<hr style="color:#ff0000;"/> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDXUJH5sJdDH8FT_KGEUxAKY6pTv24W1vUKvNS6P0IbCt6se5amCVfy1j7UjsUtQ02E8aPcdik1ruk-ZMD2DEveg_fjRfJ0DlRwqt0JAwf9s1t-qH81qi2MX02RM2qcbWGAOWlwfrWx8s/s150-c/Oon23-blogspot.com.jpg" style="float:left; margin:0 9px 3px 0; width:60px; height:60px;border:2px solid #fafafa;box-shadow:0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);" />Baca Juga : <a href="https://oon23.blogspot.co.id/2016/11/cara-buat-css-toggle-switch.html">CARA BUAT CSS TOGGLE SWITCH</a><hr style="color:#ff0000;"/>

Tag : #Pop Up, #Pop Up Like Box Fb, #Pop Up Random Post, #Cara, #Cara Buat, #Cara Membuat, #Cara Ngebuat, #Cara Bikin, #Cara Membikin, #Cara Ngebikin, #<a href="/">Cara Buat Pop Up Random Post Keren Di Blogger Update 6 Januari 2017</a>, #Blog Si Oon, #Blog Oon, #Oon 23

Cara Buat Pop Up Random Post Keren Di Blogger Update 6 Januari 2017

Blog Oon 23 - Cara Buat Pop Up Random Post Keren Di Blogger Update 6 Januari 2017 - Selamat Pagi Sahabat Blog Oon semuanya .. Semoga semua...

Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button

<a href="/">Blog Ponsel Si Oon</a> - Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button Selamat Malam dan selamat beristirahat sahabat Mickey Dikesempatan pada malam ini Admin Blog Oon Akan sedikit berbagi mengenai cara buat css button ( cara buat css tombol ) .. berbicara soal cara buat / cara membuat untuk sebuah postingan saya rasa tidak begitu rumit / susah .. tinggal buat bahan postingan .. pahami / pelajari / praktekkan .. buat halaman demo jika diperlukan .. buat gambar sesuai isi posting .. lalu buat postingan dan publish .. sudah jadi sebuah postingan dengan judul cara buat / cara membuat .. tapi kok untuk membuat hidup sukses dan lebih berarti itu rasanya sulit banget buat saya ( sedikit curhat aja ya sob .. kalau tidak suka abaikan saja .. ambil yang sekiranya perlu saja .. ) ..

berawal dari tahun 2014 .. setelah kehilangan pekerjaan .. datang sebuah cobaan dengan diberinya penyakit silih berganti .. yang takala sulit untuk di cerna oleh akal / logika .. penyakit yang saya rasa di tahun lalu hampir dibuat gila .. sering kali merasa ketakutan / gelisah dan gk tenang .. seakan akan di intai dan di teror dengan berbagai kejadian dan suara - suara aneh .. dan itu cuma saya sendiri yang bisa lihat maupun mendengar dan merasakan nya .. berbagai cara dan usaha dilakukan .. tapi sedikitpun tidak menemukan titik terang ..

sampai akhirnya keluargapun tau .. dan berusaha mencari jalan keluar .. darimulai ke dokter untuk mengecek kejiwaan .. tapi dokter berkata saya tidak gila .. saya normal dan baik - baik saja .. namun sedikit tertekan dengan keadaan yang membuat saya gk tenang dan stres .. dokter cuma mengatakan karena banyak pikiran dan banyak rasa yang di khawatirkan .. padahal kenyataan nya saya tidak banyak hal yang dipikirkan .. namun keadaan lah yang mebuat saya selalu merasa cemas / takut dan gelisah .. disetiap kali mulai merasakan hal - hal aneh maupun suara - suara yang menakutkan ..

mungkin itu yang dokter maksud kalau saya tertekan dengan keadaan .. tapi untungnya di tahun lalu masih mempunyai seorang kekasih yang selalu menemani saya di stiap waktu .. rasa ketakutan dan cemaspun perlahan surut dengan candaan - candaan / obrolan .. tapi itu gk sepenuhnya membuat saya tenang .. banyak hal dan kejadian - kejadian aneh yang terus mengintai .. membuat saya gemetar dan bercucuran keringat .. sering kali saya ceritkan ke pacar saya tentang apa yang saya rasa / lihat / dengar .. tapi sepertinya pacarku itu tidak sepenuhnya mempercayainya tentang apa yang saya katakan ..

hari berganti minggu sampai bulan pun terlewatkan begitu saja .. setiap harinya cuma di hantui rasa cemas dan ketakutan .. sampe suatu ketika saya terpikir .. apa jangan - jangan mantan saya yang mati karena kecelakan yang membuat saya seperti ini .. dia merasa gk tenang dan menghantui saya ?? .. tapi disisi lain saya tidak yakin .. karena kejadiannya udah 1 tahun yang lalu sebelum saya pulang kampung .. karena memang mantan pacar saya itu ketemu di tempat perantauan dan dia mati sepulang dari tempat kerja saya .. rencana nya sore nanti mau jalan - jalan dan kata nya dia mau memberikan sesuatu untuk saya .. ya sebatas surprice kecil - kecilan gitu lah .. dan akan diberikan nya di tepian pantai .. di tempat pertama kali ketemu / kenal ..

namun takdir berkata lain .. belum juga sempet saya terima apa yang mau dia berikan .. tuhan udah duluan mengambilnya .. hubungan pun kurang lebih baru 2 bulan ½ .. dan memang semenjak kejadian itu selama kurang lebih 1 bulan .. saya serasa di barengin dia terus .. serasa dia selalu mengikuti saya .. apa lagi di jam jam malam .. dari mulai jam 23 serasa dia bener - bener hadir dan menemani saya .. bau aroma parfum nya pun selalu tercium dari mulai pukul 00:00 - 01:59 .. selama 1 jam itu sesekali tercium bau melati segar .. dan bau - bauan seperti pada kuburan yang masih baru ..

namun pada waktu itu tidak begitu takut .. karena terkadang yang merasakan seperti ada yang merhatiin .. serasa di ikuti atau pun mencium aroma wangi - wangian .. tidak hanya saya aja .. bahkan suatu ketika bos saya pun merasakan nya .. seperti ada yang ngelihatin terus tapi ditiap kali di tengok gk ada siapa - siapa .. sampai pada akhirnya melakukan acara yasinan .. dan alhamdulilah setelah rutin membaca yasin yang di pimpin 3 kiyai setempat .. gk sampe 2 bulan pun kembali normal seperti biasa lagi .. ( percaya gk peraya itulah kejadian aneh atau bisa dikatakan hal mistis kali ya .. saya alami pada waktu itu ) ..

jadi rasanya sangat tidak mungkin kalau mantan saya itu kembali menghantui .. lalu apa sebenar nya yang saya rasakan selama berberapa bulan terakhir ini ?? dan apa penyebabnya ?? .. mahkluk apa yang meneror saya dan mau apa ganggu saya ?? .. pertanyaan demi pertanyaan terus muncul bergantian dalam pikiran saya .. semakin banyak pertanyaan semakin pula merasa takut .. dan gelisah gk karuan .. sampai - sampai suatu malam saya tertidur dari sore .. kira - kira mungkin jam 20:00 udah tidur karena udah terasa lelah dan ngantuk juga kali ya .. hampir setiap malam juga gadang di temani sang kekasih lewat sebuah chat / voice .. selama ngobrol dengan pacar pun banyak kejadian yang saya rasa .. ingin saya ceritakan semuanya namun mulut serasa tak sanggup untuk mengatakan nya .. terlebih lagi pacarku itu sama sekali tidak percaya soal - soal ghaib / mistis .. jadi cuma bisa saya pendam dan berusaha so asyik mendengarkan obrolan - obrolan nya ..

dan di malam itu .. jempol kaki saya serasa ada yang menarik nya .. saya pun langsung terbangun dengan rasa ketakutan yang begitu dalam .. keringat mulai bercucuran .. ingin teriak manggil orang rumah .. tapi mulut rasa nya berat untuk dibuka .. cuma dapat terdiam di sudut kasur .. sesekali mata saya di gulirkan menengok kiri kanan .. dengan badan gemetar .. tidak lama kemudian saya di kagetkan dengan suara hanpohone saya .. sepertinya ada yang menelpon .. tapi tidak saya angkat .. karena jarak hp agak lumayan jauh dan saya takut untuk meraihnya .. namun lagi - lagi hp itu bunyi terus seperti yang gk mau diam ..

saya pikir itu pacar saya .. mungkin telpon mau menanyakan kenapa chat gk di bales .. telpon gk diangkat .. mungkin hanya itu .. jadi saya diamkan saja tidak mengangkatnya .. dan akhirnya saya kembali mencoba untuk tidur dan menutup kuping dengan bantal .. tidak lama kemudian di dalam selimut yang saya pakai .. terasa ada yang gerak - gerak .. seakan akan mau mengelus - ngelus betis saya sontak saja saya langsung berteriak .. namun sial rupanya teriakan saya tidak ada yang mendengar nya .. padahal perasaan saya teriak begitu kencang .. sampe - sampe tenggorokan pun terasa kering .. aneh nya kenapa gk ada yang denger .. padahal kamar saya gak jauh apa lagi pke banget .. berdekatan dengan kamar - kamar lain ..

disitu mulai panik dan gelisah gk karuan .. rasa - rasa nya pengen kencing di celana .. dan sedikit demi sedikit saya gerakan badan dan tangan saya untuk meraih hp dan mengangkatnya .. namun disitu saya dikejutkan kembali dengan suara tone hp saya .. bukan masalah soal bunyi tone serem nya .. namun yang bikin tambah deg - degan dan menambah rasa takut nya ketika pada saat hp mulai tersentuh suara mati .. tapi begitu tangan di angkat bunyi kembali .. awal nya saya pikir itu cuma kebetulan .. pada saat di sentuh telpon nya keburu dimatiin dan pada saat tangan saya mulai melepaskan hp .. menelpon lagi ..

namun dugaan saya itu ternyata salah .. karena saya coba berulang ulang kali dan tetep seperti itu .. kan gak mungkin kebetulan terus - terusan .. bahkan pada saat hp saya pegangin terus beberapa menit .. gk bunyi - bunyi .. saya lepaskan bunyi kembali .. akhirnya dengan penuh rasa ketakutan memberanikan diri untuk mengambil dan mengangkatnya .. namun apa yang saya lihat ?? hp dalam keadaan mati tapi masih bunyi di tangan saya .. yang semula tiap kali di sentuh / pegang suara tone mati .. tapi kali ini bunyi terus dengan keadaan hp bener - bener mati ..

dengan tangan gemetar saya coba sentuh - sentuh layar nya .. memang beneran mati .. lagipula kalau ada yang telpon layar pasti nyala .. begitu suara tone telpon mati dan hidup kembali layar pun ikut nyala lagi .. tapi ini enggak .. saking takut nya saya copot aja baterai nya .. dan disitu mulai terasa normal kembali .. rasa ketakutan pun perlahan hilang .. dan saya coba memasukannya kembali baterai hp nya .. setelah nyala kembali tidak ada panggilan tak terjawab .. akhirnya saya taro di samping .. gak lama kemudian bunyi lagi .. di tengok layarnya nyala namun nomor si penelpon tidak ada seperti yang di privat ..

dengan penuh rasa keraguan antara angkat atau tidak .. hp itu pun terus bunyi seakan tidak mau diam .. dan gk ada jeda sama sekali .. jam pun menunjukan pukul 02:13 dini hari .. saya mulai agak tenang karena udah jam 02 pagi biasanya jam 02:29 juga di mesjid - mesjid udah mulai terdengar .. suara ngaji bersahutan dari mesjid 1 dan yang lain nya .. hp saya taro kemabli dengan suara yang terus bunyi ..

singkat cerita .. keesokan harinya kembali lagi seakan akan meneror saya lewat sebuah tone hp .. menakut nakuti supaya saya gelisah .. namun kali ini saya memberanikan diri untuk mengangkatnya .. tapi saya diam pengen dia duluan yang ngomong hallo .. tapi udah beberapa menit tidak juga ada suara apa - apa .. akhirnya saya matiin dan belum juga hp di taro udah bunyi lagi .. kali ini saya duluan yang bilang "hallo .. ini siapa ya ?? dan ada perlu apa ?" .. tapi gk ada jawaban sekatapun .. lalu saya coba kembali bilang "hallo" tapi tetep aja gk mau nyaut .. akhirnya saya bilang "jangan nyebelin donk .. kalau ada perlu ngomong aja .. jangan ganggu dan nakut - nakutin" .. belum juga lama saya bilang seperti itu .. terdengar seperti suara angin .. dan seperti hembusan nafas ..

saya diam .. nunggu kali aja dia mau ngomong .. tapi tidak juga ngomong apa - apa cuma terdengar suara nafas seperti dari hidung .. entah dari mulut .. makin lama .. suara nafas itu mulai semakin aneh dan semakin menakutkan .. dan suaranya pun semkain terasa kenceng .. disitu mulai merasa merinding dan hp saya lempar .. dan coba nenangin diri dengan badan telungkup .. gak lama kemudian terasa banyak orang lagi pada ngobrol .. entah apa yang di bicarakan saking ricuh nya .. dan gk terlalu jelas juga suaranya .. dan saya pikir mungkin ada yang bangun dan nonton tv ..

selang beberpa menit suara itu hilang .. dan keadaan kembali normal .. gk ada sesuatu yang bikin takut .. hp pun saya ambil kembali dan saya cas .. lalu saya rebahan .. sampe akhirnya ketiduran dan terbangun denger suara horor seperti pada film - film itu .. sejenak terdiam sambil mendengarkan arah sumber suara tersebut .. namun suara itu kembali hilang dan berganti dengan suara yang lain .. sepertinya rame banget tapi entah apa yang sedang dibicarakan .. akhirnya saya bangun dan bersandar sambil menggisik gisikan mata .. dan muncul lagi dengan suara yang berbeda .. di sudut mata kiri saya .. terlihat hp nyala dengan layar memantulkan cahaya yang berkedip kedip ..

dan ketika saya tengok ke arah hp .. video youtube sedang play sendirinya .. bukan nya takut tapi terasa tercengang melongo seperti orang goblok habis di pukul balok :v .. di pikir pikir apa sebelum tidur saya lagi nonton youtube ?? perasaan nggk .. terus itu kok bisa muter sendiri .. gimana ceritanya ?? hp aja lagi di cas .. dan siapa yang masuk kamar .. ngebuka hp ?? siapa juga yang tau pengunci layar nya ?? .. di saat pertanyaan mulai bermunculan .. malah dibikin tambah aneh .. seperti ada seseorang yang sedang menonton video tersebut .. gk asyik / gk seru di pindah ke video lain .. gitu dan gitu terus video nya pundah pindah ..

sampai akhirnya tanpa berpikir panjang .. saya ambil dan matiin .. terus kembali tidur .. keesokan hari nya .. saya mulai bercerita sama ortu tentang apa yang sering saya alami setiap malam .. dan akhirnya ortu kembali lagi membawa saya ke dokter jiwa .. namun tidak cukup sampe disitu .. akhir nya ortu ngobrol - ngobrol sama tetangga mengenai apa yang saya alami .. lalu pada akhirnya mendatangkan kiyai .. samoe akhirnya beberapa kiyai pun di undang guna untuk menyembuhkan apa yang terjadi dengan saya ..

sebagian kiyai mengatakan terlalu berat dan saya belum cukup ilmu untuk mengatasinya .. dan cuma memberikan bacaan berupa tolak bala .. dan di sarankan untuk mengaji .. sebagian berkata banyak makhluk ghaib yang bersarang .. dari mulai jin / genderewo / kuntilanak dan bangsa bangsa mahkluk ghaib lain nya .. dan katanya ini penghuni asli ( yang udah menetap ) dan ada juga pendatang atau yang sekedar mampir .. namun gk semuanya ramah / cuek ( bersifat masing - masing ) .. ada juga yang mengganggu ..

ada juga kiyai yang berkata bahwa dalam tubuh saya terdapat mahkluk halus berupa jin jahat .. dan ini harus di rukiyah .. dan sampai akhirnya rukiyah pun di lakukan .. dan rutin melakukan pengajian .. alhamdulilah gk lama kemudian aman tidak ada gangguan apa pun .. tapi tidak cukup sampe disitu .. selang beberapa bulan nya .. saya mengalami bisu .. 1 bulan lebih suara sama sekali hilang .. susah untuk berbicara .. mulai memasuki 2 bulan sedikit ada suara .. itupun jarang jarang ada .. cuma dapat menganggukan kepala atas jawaban "iya" dan menggelengkan kepala untuk jawaban "tidak" ..

singkat cerita .. 6 bulan berlalu dan saya pun sembuh .. tapi memang mungkin belum cukup sampe disitu .. setelah saya bisa bicara lagi .. mulai ada penyakit baru .. awal - awal nya udah kesana kemari tapi belum juga membuahkan hasil .. pengobatan medis dan non-medis dilakukan tapi gk juga sembuh .. bahkan penyakitnya pun tidak terlihat .. dokter berulang kali mengatakan saya sehat dan baik - baik aja .. di semua area tubuh yang saya bilang sakit .. dokter cek dan hasilnya tidak ada penyakit apa - apa .. sempat putus harapan .. pada akhirnya suatu ketika allah menunjukan keagungan nya .. dengan membuktikan kebenarannya .. dan di ketahuilah penyebab nya .. bahwa penyakit ini berasal / bersumber dari hamba allah yang dzolim ..

setelah ketahuan dan di bantu oleh beberapa kiyai dan juga ortu setiap malam berdzikir / sholat dan mengaji .. periksa kedokter barulah kelihatan .. dan berkata ini udah bahaya dan harus secepatnya di oprasi .. dokter pun menggelengkan kepala keheranan .. bagai mana tidak ?? setiap kali di periksa tidak menemukan apa - apa .. sehat - sehat aja .. tapi pas waktu itu dengan mata kepala nya sendiri melihat .. subhanallah .. di dunia ini memang gk ada yang gk mungkin .. apa pun bisa terjadi sekali pun yang sulit di cerna oleh akal ..

eumm .. gk kerasa juga ya .. bilang nya sedikit curhat tapi kok panjang ?? nah sekarang yang jadi permasalahan nya .. kenapa ya dari semenjak 2014 sampe sekarang 2016 .. kok aku jadi sulit dapat kerja gini .. beberapa bulan lalu baru aja di oprasi yang ke 2x nya .. mengenai penyakit fistula .. dan alhamdulilah akhir - akhir bulan ini udah bener - bener membaik .. dan coba - coba ngelamar kerjaan . tapi 1 pun sampe sekarang gk ada jawaban .. disela sela waktu nunggu panggilan kerja .. coba - coba bermain GA ( Google Adsense ) .. mungkin bisa mendaptakan penghasilan dari ini .. tapi sayang nya belum ada rezeki dari sini .. udah beberapa blog yang saya punya di daftarkan tapi gk ada yang di terima .. ada 1 blog yang di terima .. tapi cuma sampe tahap pemasangan kode iklan nya aja .. itu arti nya belum full approv .. karena iklan pun belum bis! tampil ..

daftar kerja lewat online .. dari semenjak pertengahan september sampe sekarang november .. masih juga nihil gk ada panggilan kerja apa - apa :( .. makin galau aja .. mana umur setiap tahun nya nambah .. kerjaan susah .. gimana mau sukses nya coba ?? udah lulusan cuma SMA jurusan IPS lagi .. bodoh nya gk punya keterampilan apa - apa lagi .. payah :( .. pantas saja samoe sekarang jadi jomblo hadeeehhh >_< ..

ok lah next .. diatas cuma sebatas coretan pribadi saya aja .. kita langsung aja keinti pembahasan kali ini .. yaitu Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button .. disini saya akan berbagi cara buat css tombol dengan beberapa model .. dan gk perlu saya jelasin secara detail ya .. karena semuanya juga tau .. fungsi dan kegunaan sebuah tombol itu untuk apa .. dan langsung aja dibawah ini css nya ..

1. Animated Button

<div style="background: #eeeeee; border: 1px solid #dddddd; margin: 1em 1 em 1em 1em; padding: 1em 1em 1em 1em; width:233px;height:auto;border-radius:4px;box-shadow:0 3px 2px 0 #ccc;"> <button class="button button5">Code Css / Html</button> 
<textarea name="code" rows="2" cols="25" style="background:#000;color:#fff;border:1px solid #ff1493;border-left:10px solid #ff1493;line-height:1.5em;padding:5px;">
<style>
.button {
 display: inline-block;
 border-radius: 4px;
 background-color: #f4511e;
 border: none;
 color: #FFFFFF;
 text-align: center;
 font-size: 28px;
 padding: 20px;
 width: 200px;
 transition: all 0.5s;
 cursor: pointer;
 margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: 'Â»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
 opacity: 1;
 right: 0;
}
</style>

//** Cara Buatnya **//

2. Rounded Button

Note :

Untuk 2px 4px 8px 12px dan 50% adalah nilai garis lengkung ( bulatan ) pada setiap masing - masing sudut nya ..
Untuk hasilnya lihat pada gambar diatas .. dan bandingkan dari mulai 2px - 50% .. tombol tersebut memiliki garis bulatan yang berbeda .. itulah yang disebut rounded button ( bulatan tombol )

3. Colored Button Border

Note :

Yang dimaksud color button border .. perhatikan dari setiap tepi tombol tersebut .. memiliki garis berwarna itu yang di namakan border color .. dengan background white ..

4. Hoverable Button

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white;
    color: black;
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
 background-color: #555555;
 color: white;
}
</style&lgt;

//** Cara Buatnya **//

<button class="button button1">Green</button>
<button class="button button2">Blue</button>
<button class="button button3">Red</button>
<button class="button button4">Gray</button>
<button class="button button5">Black</button>

ok next .. cukup sampe disini perjumpaan kita kali ini .. kurang lebihnya mohon selalu dimaklumi saja .. ambil yang penting nya aja selebihnya abaikan saja .. dan terimakasih sudah membaca Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button Selamat malam / pagi dan sampai jumpa .. Untuk demonya klik tombol demo di bawah ..

Tag : #Cara, #Cara Buat, #Cara Membuat, #Button, #Tombol, #Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button

Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button

Blog Ponsel Si Oon - Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button Selamat Malam dan sela...

Cara Buat Bootstrap Tooltip

<a href="/">Blog Ponsel Si Oon</a> - Cara Buat Bootstrap Tooltip Selamat Pagi jelang siang sahabat Mickey Pada kesempatan kali ini admin akan sedikit berbagi cara membuat Bootstrap tooltip .. tapi sebelumnya sudah pada tahu belum nih .. apa itu tooltip dan apa itu bootstrap ?? ..

Ok baiklah .. biar semua pembaca tahu saya jelasin apa yang dimaksud tooltip dan bootstrap ini .. supaya dapat di mengerti dan untuk mempermudah juga jalan ceritanya ..

Bootstrap adalah front-end framework yang solek .. bagus dan luar biasa yang mengedapankan tampilan untuk mobile device ( Handphone / Smartphone dll ) guna mempercepat dan mempermudah pengembangan website .. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan ..

Tooltip Adalah Komponen grafis dalam user interface pengguna .. Komponen ini biasanya muncul ketika pointer mouse diarahkan ke komponen .. Tooltip dapat berisi bantuan maupun informasi lain yang terkait dengan komponen tersebut ..

gimana sekarang sudah taukan apa itu tooltip dan juga bootstrap ?? setidaknya sudah ada gambaran dalam pikiran .. mengenai kedua itu ?? .. jika dirasa masih sulit dan sama sekali tidak mengerti .. dibawah ini gambar dari apa yang saya maksud ..

coba perhatikan gambar diatas .. apa sobat menemukan tooltip text ??? .. ok saya kasih tau .. supaya tidak salah fokus juga .. gambar di atas bukan menunjukan bagaimana cara membuat profil atau pun sekedar memperlihatkan profil .. tapi coba lihat baik - baik .. di situ terdapat sebuah kalimat / text yang terblock berwarna hitam .. itulah yang di maksud tooltip .. dan yang akan saya bagikan ini .. dengan 4 model .. yaitu berletak di sisi kiri / kanan / atas dan bawah .. lebih jelas lihat gambar di bawah ..

sekarang sudah cukup Ngertikan apa yang saya katakan dari tadi ?? .. dan berhubung saya tidak memasang script bootstrapnya di dalam template ini .. maka saya tidak bisa langsung memberikan reviewnya .. tapi sudah saya pasang dan siapkan di wap lain .. berikut tutorialnya .. di sana saya siapkan berupa CSS nya juga .. jika dirasa sobat cuma membutuhkan css nya saja .. perlu di ingat css nya saja tidak akan berfungsi apa - apa .. karena itu cuma css contoh untuk cara pembuatan tooltip .. tanpa adanya kode html .. namun jika sobat berminat copas saja .. untuk cara penggunaan nya gunakan kode html sesuai dengan nama yang ada di dalam css tersebut .. lebih mudah dan peraktis copas saja script yang sudah di kemas di dalam link import bootstrap ..

Ok Next .. Saya rasa cukup sampe disini dulu perjumpaan kita kali ini .. kurang lebihnya mohon selalu dimaafkan .. jika masih kurang mengerti silahkan komentar aja .. dan untuk mengambil kode + Tutor nya .. klik tombol "Read More" dibawah ..

itulah sekilas mengenai Cara Buat Bootstrap Tooltip yang dapat admin berikan dikesempatan kali ini .. semoga sedikit membantu / bermanfaat .. selamat siang dan sampai jumpa ..

Tag : #Bootstrap, #Tooltip, #Tooltip Text, #Cara, #Cara Buat, #Cara Membuat, #Cara Buat Bootstrap Tooltip

Cara Buat Bootstrap Tooltip

Blog Ponsel Si Oon - Cara Buat Bootstrap Tooltip Selamat Pagi jelang siang sahabat Mickey Pada kesempatan kali ini admin akan sedikit ber...

Cara Buat Zona Download Mp3, Video, Gambar, Aplikasi Di Wapka Dengan Template Kekinian Ala Website Profesional ??

<a href="/">Blog Ponsel Si Oon</a> - Cara Buat Zona Download Mp3, Video, Gambar, Aplikasi Di Wapka Dengan Template Kekinian Ala Website Profesional ?? Selamat Malam mingguan sobat Mickey Buat Jones - Jones Pada Ngumpul sini yuk .. dari pada galau gk punya pacar .. mendingan iseng - iseng buat wap download hehehe .. ok lah next biar gk tambah galau .. kita langsung saja .. biar gk capek juga Bacanya ..

Pada dasar nya .. membuat wap download di wapka sama saja .. dengan menggunakan Script itu - itu saja .. bahkan untuk tampilan nya pun bisa di sesuaikan dengan menurut keinginan sendiri .. lebih asyiknya lagi bloger - blogger / Wapper ( sebutan Anak wap ) hehehe bukan waper tango ya :D .. banyak yang berbagi soal cara / tata cara membuat wap download maupun wapblog ( wap wapka di modif jadi blog ) .. namun kebanyakan dari mereka memposting .. bukan soal tampilan yang di utamakan .. karena memang itu gk penting :D ( dalam arti penampilan bisa di buat sendiri - sendiri .. yang pentingkan kodenya ) ..

Dan menurut saya sendiri .. serasa monoton gitu .. hampir semua wap download powered wapka dengan tampilan template nya itu - itu mulu ( maaf sob jika ada salah - salah kata .. ) .. maksud saya ya itu dengan tampilan / tema nya .. memang sebagian juga ada / bisa menggunakan template mywapblog .. dan rasanya sudah hambar kali ya .. apa lagi sekarang mywapblog bangkrut hahaha ( maaf mr. Arvind .. cuma sedikit kekesalan dan kecewa aja ma lu vind :v ) ..

Nah maka dari itu .. disini saya akan sedikit berbagi cara buat wap download dengan tampilan agak kekinian kali ya .. maksud saya kekininan itu .. dengan tampilan yang sedikit ok / kece lah gitu .. ala - ala website download profesioan gitu .. tapi itu juga menurut saya sih .. hehehe .. untuk hasilnya saya sedikit kasih review nya di bawah ini ..

Gimana .. setelah lihat hasilnya .. kece gk ?? Apa lebih kece admin nya nih :v .. sok kecakepan :D .. nah kira - kira seperti itulah sob .. jika ingin lebih lanjut melihat tampilan nya .. silahkan sobat masuk sini Â» <a href="http://ocha23.wapka.mobi">http://ocha23.wapka.mobi</a> dan sekarang yang mau saya bahas bukan ngejelasin cara buat nya dari awal / "0" sampe tuntas / finis karena seperti yang kita ketahui .. wap wapka bisa kita jadiin apa saja .. mau di buatkan blog ataupun wap download .. dan unuk wap download .. kita d suguhkan dengan beberapa pilihan .. di antaranya :

<form>
<select>
<option>Lihat Menu</option>
<option>Mp3 / Musik</option>
<option>Video</option>
<option>Image</option>
<option>Software</option>
<option>Ringtone</option>
</select>
</form>

Jadi intinya .. wap wapka tidak hanya disediakan hanya untuk wap download Mp3 / Video saja .. tapi bisa juga kita gunakan untuk wap download Ringtone / Gambar / Software ( File back up aplikasi pun bisa ) .. seperti contohnya wap saya ini .. saya sediakan 4 pilihan dalam 1 wap .. yaitu ( image / mp3 / video dan aplikasi ) .. dan cara buat nya sangat mudah .. karena cukup dengan menggunakan kode yang sama .. namun sedikit berbeda / di rubah .. kode yang harus d rubah tentunya ID - ID halaman nya :v ..

Misal nya gini sob .. jika kita gunakan 4 pilihan zona download .. maka kita buat halaman download dan halaman search pun harus berbeda .. dalam arti memiliki ID / Url yang berbeda .. contohnya Musik halaman search di page Site_3.xhtml dan halaman hasil pencarian nya di page site_4.xhtml .. maka untuk halaman download dan halaman search buat Video / gambar dan aplikasi harus di halaman yang lain .. dan untuk merubah site_3.xhtml dan seterusnya .. tinggal klik saja Change Title dan pada bagian site_3.xhtml rubah misal Download ( untuk halaman download ) / search ( untuk halaman hasil pencarian nya ) .. jadi nya nanti seperti ini site_download.xhtml atau site_search.xhtml mudah kan ?? Jika kurang jelas silahkan lihat uraian nya di bawah ..

Pada dasarnya / pokok utama nya kita cuma diharuskan membuat Header ( Kepala ) / Footer ( Kaki ) / Body ( untuk penempatan isi - isi konten ) / halaman download / halaman search .. .. selebihnya tergantung sobat mau di tambahin halaman apa lagi ?? Misal halaman form / profil / contact us / privacy / disclaimer / TOS dan sebagainya .. namun disini saya tidak akan menjelaskan satu / persatu .. karena seprti yang sudah saya katakan diatas .. yaitu untuk buat wap download di wapka mau bentuk berupa download mp3 / video / image / software maupun ringtone menggunakan kode yang sama .. yang membedakan nya hanya di bagian :musik: ....... :/musik: ( Kode Awal dan akhir untuk wap download musik .. ) .. begitupun untuk wap download lain nya .. awalan dan akhiran nya saja yang di rubah .. bagian tengan sama ..

<div class="blockquote4">
<ul><li>:musik .... :/musik: ( Untuk Wap Download Musik )</li>
<li>:image: ..... :/image: ( Untuk Wap Download Image / Gambar )</li>
<li>:video: ..... :/video: ( Untuk Wap Download Video )</li>
<li>:software: .... :/software: ( Untuk Wap Download Software / File Back Up Aplikasi )</li></ul>
</div>

Begitupun untuk kode di bagian halaman download yang berawal :musik: dan sebagainya sesuaikan dengan nama awal .. ngerti gk maksud nya ??? .. ok dweh kali aja gk ngerti .. dibawah ini saya kasih tau caranya ..

<ul><li>Pertama - Tama sobat masuk / Daftar ( jika belum punya ) dulu di <a href="http://wapka.com">Wapka.Com</a> ..</li>
<li>Setelah masuk buat site baru .. atau pakai yang sudah ada ( Kalau Sudah ada ) tapi masih dalam keadaan baru ..</li>
<li>Setelah sudah dibuat wap baru klik manage atau ( kelola )</li>
<li>Pergi ke admin mode ::EDIT SITE (#):: Â» Settings : ( change title ) Title name isi dengan Nama wap mp3 sobat .. ( Klik ) selesai dengan membuat nama wap ..</li>

<ol>MEMBUAT ISI WAP
<li>Masih ditempat tadi Klik lagi ::EDIT SITE (#):: Settings : ( Global Settings ) - HEAD tags ( meta,style,... )</li>
<li>Lalu Masukan Kode Import Css / silahkan buat sendiri bagi yang udah pandai :)</li></ol>

<ol>Membuat Header ( Kepala )
<li>Masih ditempat tadi Klik ::EDIT SITE (#):: - Settings : ( Add Autocontent ) - Top Items ( Header ) - Klik ::EDIT SITE (#):: - WML/XHTML code</li>
<li>Masukan kode Untuk bagian header ..</li></ol>

<ol>Membuat Footer ( Kaki )
<li>Ikuti Langkah yang tadi Masih ditempat tadi Klik ::EDIT SITE (#):: - Settings : ( Add Autocontent ) - Bottoms Items ( Footer )</li>
<li>Klik lagi ::EDIT SITE (#):: - WML/XHTML code - Masukan kode untuk footer ( Misal Edited : Ocha | Powered : Wapka.com dan sebagai nya .. untuk div class nya sesuaikan saja dengan div class dimana sobat memakai css wap tersebut ) ..</li></ol>

<ol>Membuat Halaman Download

<li>masuk klik ::EDIT SITE (#) :: "- New page</li>
<li>Site name is dengan nama atau judul halaman tersebut Misal : Download mp3</li>
<li>Klik Submit</li>
<li>Setelah masuk sobat akan melihat tulisan yang sobat buat tadi .. Klik saja tulisan tersebut Lalu klik lagi " ::EDIT SITE (#)::</li>
<li>Sebelumnya Ganti dulu nama id nya jadi site_down.xhtml .. caranya : Settings : ( change title ) URL ( site_1.xhtml ) isi dengan tulisan "down" Klik submit</li>
<li>Jadinya akan seperti ini "site_down.xhtml" nanti sobat akan dibawa kehalaman tersebut dan klik lagi ::EDIT SITE (#):: - WML/XHTML code - Masukan kode dibawah</li>
<li><textarea name="code" rows="2" cols="25" style="background:#000;color:#fff;border:1px solid #ff1493;border-left:10px solid #ff1493;line-height:1.5em;padding:5px;">
:music:
<script type="text/javascript">document.title="(%filesize %artist% - %title%.%ext%";</script>
:/music:

:music:

<h3>%artist% - %title%</h3>
 
<center><img style="padding:3px;border:1px solid #d5ff00" src="%link_thumbnail%" alt="Download %title%.mp3" /></center>
 
<table><tr><td width="30%">Title</td><td>:</td><td>%title%.mp3</td></tr>
<tr><td width="30%">Album</td><td>:</td><td>%album%</td></tr>
<tr><td width="30%">Artist</td><td>:</td><td>%artist%</td></tr><tr><td width="30%">Duration</td><td>:</td><td>%duration%</td></tr><tr><td width="30%">Audio Summary</td><td>:</td><td>%audio_summary%</td></tr><tr><td width="30%">Bit Rate</td><td>:</td><td>%audio_bit_rate%</td></tr><tr><td width="30%">Sample Rate</td><td>:</td><td>%audio_sample_rate%</td></tr><tr><td width="30%">Added</td><td>:</td><td>%createtime%</td></tr><tr><td width="30%">Today</td><td>:</td><td>%downdaily%</td></tr></table>

</div>

</div>
:/music:

Coba sobat perhatikan kode :music: dan :/music: Itu yang saya maksud diatas .. untuk membuat zona download video / gambar / software / ringtone .. ganti tulisan musik nya ..

nah sekarang wap download sobat udah jadi .. sangat mudah bukan ?? Karena memang pada dasar nya cara buat wap dowoad di wapka seperti itu .. dan ada satu lagi yang kelewat .. yaitu cara buat daftar lagunya ( konten halaman )

Membuat daftar lagu

Masih ditempat tadi ( pada saat pembuatan halaman ) Klik ::EDIT SITE (#):: - WML/XHTML code - Masukan kode berikut ..
<h3>Last Update Mp3</h3>:list-music:u=site_0.xhtml,l=100,s=:geti-number(1):,o=createtime:: <a href="site_down.xhtml?cmid=%cmid%"><img style="margin-right:5px;display:inline-block;float:left;padding:3px;border:1px solid red" width="40" src="%thumburl%"/></a> <a title="%artist% %title%" href="site_down.xhtml?cmid=%cmid%">%artist% - %title%.mp3</a> %duration% <script language="javascript"> var count='%downtotal%'; if (count>=100) { document.write ("Rate : 100%");} else if (count>=50) { document.write("Rate : 90%"); } else if (count>=15) { document.write("Rate : 70%");} else if (count>=10) { document.write("Rate : 70%");} else if (count>=5) { document.write("Rate : 70%"); } else if (count>=0) { document.write("Rate : 53%");} else {document.write("1.0");} </script>:: :/list-music:

nah sekarang semuanya sudah berjalan mulus dan wap download sobat sudah dapat di pake .. Sekarang semua langkah dalam membuat wap mp3 telah selesai .. untuk melihat hasilnya sobat hanya tinggal upload lagu mp3 saja ..

Mudah kan ?? Jika kurang faham silahkam berkomentar .. tanyakan dimana yang menurut sobat masih bingung nya .. dam sebagai tambahan .. akan saya uraikan satu / persatu menu yang ada di Bagian header wap saya itu .. karena ada 1 menu yang tersembunyi .. gunanya buat sobat yang ingin menjadi member / sekedar masuk untuk mempertanyakan soal apa yang sobat tidak mengertinya mengenai cara buat wap download ini .. untuk lebih jelasnya langsung saja di bawah ini ..

Seperti yang sobat lihat pada scren shoot di atas .. pada bagian headee terdapat 4 menu pilihan .. yaitu Menu navigas / tombol search / google translate dan profil saya .. nah dari ke 4 itu akan saya jelasin .. itu bukan sekedar gaya - gayaan aja pasang profil d header hehehe .. tapi ada fungsinya juga loh .. mau tau seperti apa ?? .. fungsi nya untuk Login / Sign Up ( Masuk / Mendaftar ) .. sebagai member .. caranya sobat klik saja poto profil nya .. nanti akan muncul pop up untuk daftar / login .. kurang lebihnya silahkan lihat gambar di bawah ..

Nah .. sekarang sudah taukan .. fungsi dari profil tersebut ?? Dan perlu di ingat .. saat masuk / daftar pastikan koneksi bener - bener stabil .. karena kalau tidak .. lihat saja nanti hasilnya .. hehehe .. dan jika sobat ingin buat juga form login / sign up seperti itu .. sobat bisa baca postingan saya yang ini Cara Buat Pop Up Login atau Cara Buat Basic Modal Dialog Box ..

Next .. 1 menu sudah saya jelasin .. sekarang tinggal menu navigasinya .. saya jelasin jikalau sobat kesulitan masuk / daftar dengan menggunakan Pop Up Login tadi .. sobat bisa cari jalan lain .. yaitu dengan mengklik nav .. yang ada disini kiri atas .. kurang lebihnya lihat gambar di bawah ..

Nah .. sekarang lihat kan .. ketika terbuka di sana ada pilihan .. sobat klik saja "Contact Me" .. untuk mengirimkan pertanyaan lewat email .. namun jika sobat males lewat email .. saya juga sediakan alternatif lain .. yaitu halaman untuk sekedar bertanya atau apalah terserah sobat .. karena halaman ini tidak diwajibkan untuk daftar terlebih dulu .. bahkan nama pun bisa asal - asalan .. dan saya kasih nama halaman tersebut GuestBook .. lebih tepat nya pada bagian menu .. sobat scroll saja kebawah .. nanti akan menemui menu seperti gambar di bawah .. dan klik tulisan GuestBook Nya .. dan silahkan ajukan pertanyaan jika ada yang ditanyakan ..

Lalu sekarang bagian tombol search nya .. disitu saya tampilkan dengan beberapa menu karena memang wapnya menyediakan menu gk cuma satu ( musik ) saja .. tapi ada video / gambar dan aplikasi juga .. maka dari itu sangat tidak mungkin kalau cuma di sediain satu halaman search nya saja .. jadi jika sobat ingin mencari sesuatu sebelum klik tombol button .. terlebih dulu pilih menu apa yang mau sobat cari .. mp3 / video / gambar atau aplikasi .. lebih jelasnya seperti gambar di bawah ini .. saya contohkan nyari lagu Cita Citata .. dengan kata kunci Meriang .. dan seperti yang sobat lihat hasilnya di bawah ini ..

Dan sekarang yang terakhir .. yaitu masalah google translate ( google terjemaahan ) .. saya ulas kali aja ada sobat yang ingin pasang translate juga di wap / blog nya .. dan biar terpercaya saya gunakan dengan kode script translate dari google .. untuk cara nya lihat di bawah ini ..

Pertama - Tama sobat masuk dulu ke sini Penerjemah Situs ..
Setelah masuk .. silahkan sobat masukan URL wap / blog sobat .. dan berikutnya pilih bahasa .. jika sudah klik tombol berikutnya .. lebih jelas lihat gambar dibawah ..
dihalaman kedua .. sobat pilih model tampilan nya .. disitu ada 3 jenis model .. yaitu Vertikal / Horizontal dan Naik-Turun saja .. kalau saya sendiri pilih yang Horizontal .. lihat gambar di bawah .. dan jika dirasa sudah cukup .. klik tombol "Dapatkan Kode" ..
selanjutnya tinggal sobat copas semua kode nya .. lihat gambar dibawah .. dan pasang dimana saja .. sesuai yang sobat inginkan .. tapi saya sarankan jika untuk di pasang pada wap .. simpan / pasang di bagian header / footer saja .. karena kalau di salah satu halaman saja .. pada halaman lainnya tidak dapat di terjemahkan .. karena translate cuma berada di salah satu halaman saja .. dan dibawah ini .. contoh kode script translate nya .. mau sobat copas juga tidak apa - apa ..

<div id="google_translate_element"></div><script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'id', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL}, 'google_translate_element'); } </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Hasilnya
ini hasilnya .. saya pasang di header wap ..

Nah itulah tadi informasi terbaru dari admin .. mengenai Cara Buat Zona Download Mp3, Video, Gambar, Aplikasi Di Wapka Dengan Template Kekinian Ala Website Profesional ?? yang sapat admin berikan .. kurang lebihnya mohon dimaklum saja jika ada salah - salah kata dalam penulisan maupun penyampaian nya .. selamat tengah malam dan sampai jumpa ..

Tag : #Wap, #Wapka, #Wap Wapka, #WapBlog, #WapBuilder, #Cara, #Cara Buat, #Cara Membuat, #Mp3, #Zona Download, #Wapka.com, #Wapka.Mobi, #Cara Buat Wap Musik Di wapka, #Cara Buat Wap Download Di Wapka, #Cara Buat Wap Mp3 Di Wapka, #Cara Buat Zona Dowoad Di wapka, #Cara Buat Zona Download Mp3, Video, Gambar, Aplikasi Di Wapka Dengan Template Kekinian Ala Website Profesional ??

Cara Buat Zona Download Mp3, Video, Gambar, Aplikasi Di Wapka Dengan Template Kekinian Ala Website Profesional ??

Blog Ponsel Si Oon - Cara Buat Zona Download Mp3, Video, Gambar, Aplikasi Di Wapka Dengan Template Kekinian Ala Website Profesional ?? Sel...

Cara Mudah Mengganti Font Blog Dengan Google Web Fonts Atau Dengan Cara Mengganti Jenis Font di Blog Blogger Dibagian CSS ( Cascading Style Sheet )

<a href="/">Blog Ponsel Si Oon</a> - Cara Mudah Mengganti Font Blog Dengan Google Web Fonts Atau Dengan Cara Mengganti Jenis Font di Blog Blogger Dibagian CSS ( Cascading Style Sheet ) selamat malam sahabat Mickey Pada malam hari ini admin akan sedikit lebih detail menjelaskan bagaimana cara mengganti font style pada blog .. ini bukanlah trik ataupun tips baru .. selain caranya mudah .. udah banyak juga blogger - blogger senior yang memposting soal ini .. namun tidak ada salahnya juga saya update ulang .. dengan cara dan gaya bahasa sendiri .. sesuai dengan apa yang admin tau / bisa .. dengan harapan semoga dapat di fahami dan di mengerti oleh para pembaca semuanya ..

Ok next .. untuk cara mengganti font style pada blog .. bisa dengan cara lewat css templatenya sendiri dengan cara mengganti fonts style yang ada dengan gaya font style yang sobat inginakan .. sepertihalnya saya sendiri menambahkan 2 jenis model font style .. yaitu font style Tangerine dan font style Oswald .. yang saya gunakan ini dengan menggunakan fonts style dari google web fonts .. lalu selanjutnya saya simpan di dalam template dan merubah bagian - bagian tertentu dengan gaya fonts baru .. untuk lebih jelasnya .. simak dibawah ini .. Cara Mudah Mengganti Font Blog Dengan Google Web Fonts

1. Cara Mudah Mengganti Font Blog Dengan Google Web Fonts

Langkah - Langkah :
<ul><li>Pertama sobat silahkan buka Google Web Font dengan <a href="http://www.google.com/fonts">Mengklik Link Ini</a></li>
<li>Setelah masuk ke web nya .. silahkan sobat pilih font yang sesuai dengan sobat inginkan ..</li>
<li>Selanjutnya Klik Font yang dipilih .. nanti akan terdapat kode font .. dan sobat copas semua kodenya .. dan pasang di dalam trmplate sobat .. dengan meletakannya di bagian <head></li>
<li>untuk kodenya silakan lihat contohnya dibawah</li></ul>

Ini cuma sekedar contoh dari kode script yang Sebelumnya sudah sobat pilih .. dan ini kode script font style Tangerine Dan Oswald yang admin terapkan diblog ini ..

1. Font style Tangerine

2. Font style Oswald

Setelah sobat copy script nya .. seperti contoh diatas .. jangan dulu langsung sobat paste pada templatenya .. tetapi sobat tambahkan dulu tanda / ( garis miring ) diakhir kata type='text/css'> sebelum tanda > .. lebih jelasnya lihat contoh di bawah ..

1. Font style Tangerine

2. Font style Oswald

Setelah sobat melakukan cara seperti diatas .. berikutnya buka » Blogger.com » Dasbor » Template » Edit Template » Paste Script di bawah <head> .. lebih jelasnya seperti contoh di bawah ..

Setelah cara diatas sudah dilakukan .. berikutnya sobat ganti semua font style yang terdapat di dalam template sobat .. jika ingin semuanya di rubah .. tetapi jika misal ingin merubahnya di bagian tertentu saja .. ( contohnya seperti di blog ini .. cuma bagian footer saya ganti dengan font style tangerine ) .. dan sobat bisa menggantinya dibagian bagian tertentu saja yang sekiranya sobat inginkan .. jika ingin seutuhnya pada bagian body .. seperti contohnya dibawah ini ..

Contoh :

<blockquote>
body { 
background:#ffffff; 
margin:0; 
padding:0; 
font-family: 'TimesNewRoman',verdana,serif,sans-serif; 
text-align:center; 
color:#000000; 
}
</blockquote>

Ganti text yang berwarna biru TimesNewRoman dengan nama fonts yang sudah sobat tadi pasang .. misalnya tadi memasang code script font style Tangerine atau Oswald .. maka yang bertulisan biru TimesNewRoman ganti dengan nama font Tangerine / Oswald .. lebih jelasnya seperti dibawah ini ..

Contoh Fonts Oswald :

<blockquote>
body { 
background:#ffffff; 
margin:0; 
padding:0; 
font-family: 'Oswald',verdana,serif,sans-serif; 
text-align:center; 
color:#000000; 
}
</blockquote>

Contoh Fonts Tangerine :

<blockquote>
body { 
background:#ffffff; 
margin:0; 
padding:0; 
font-family: 'Tangerine',verdana,serif,sans-serif; 
text-align:center; 
color:#000000; 
}
</blockquote>

Ingat .. yang perlu di ganti cuma text yang saya kasih warna merah font-family nya saja .. dengan mengganti text warna biru Tangerine / Oswald .. dengan nama font style yang sobat pasang sebelumnya .. dan untuk nama nama font lain nya .. yang berada di belakang font Tangerine / Oswald,verdana,serif,sans-serif jangan dihapus .. guna untuk menjaga jaga jika di sebagian browser pengunjung tidak terinstall jenis font Tangerine / oswald .. maka yang tampil pada browser tersebut dengan gaya font Verdana .. jika Verdana pun tidak ada .. maka sebagai gantinya font serif kalaupun serif tidak ada sebagai pengganti akhir font sans-serif .. maka nama - nama font tersebut jangn di hapus sekalipun mau di rubah .. rubahlah dengan nama - nama font yang umum .. jangan gunakan nama - nama font yang berfariasi karena bisa saja di browser tertentu tidak bisa membacanya .. dan hasilnya tulisan tidak dapat dibaca dengan kata lain menjadi kotak - kotak .. jadi gunakanlah font style yang umum .. seperti Times New Roman / Sans-Serif / Serif / Verdana / Italic guna untuk keterbacaan pada browser ..

Owh iya .. jika misal sebelumnya sobat cuma mengganti fonts style dibagian tertentu saja .. misal seprti pada blog ini .. cuma di ganti pada bagian footer nya saja .. maka di bagian lain masih menggunakan gaya fonts style umum .. namun jika ingin membuat tulisan dalam postingan dengan gaya - gaya fonts style seperti yang sudah sobat sebelum nya pasang .. misal dengan gaya font Tangerine / Oswald .. maka sobat bisa melakukan nya dengan cara manual .. di bagian kata - kata tertentu saja .. maupun di keseluruhan nya .. contohnya seprti dibawah ..

Contoh Tangerine

<blockquote>
Tangerine;">Tangerine
</blockquote>

Hasilnya :

<blockquote>
Tangerine
</blockquote>

Misal ingin text nya berwarna dan ukuran nya lebih besar .. kita cuma menambahkan kata font-size dan Color .. contohnya seperti dibawah ..

<blockquote>
<span style="font-family:tangerine;color:#ff1493;font-size:37px;">Tangerine</span>
</blockquote>

Hasilnya :

<blockquote>
Tangerine
</blockquote>

Contoh Oswald

<blockquote>
oswald;">Oswald
</blockquote>

Hasilnya :

<blockquote>
Oswald
</blockquote>

Misal ingin text nya berwarna dan ukuran nya lebih besar .. kita cuma menambahkan kata font-size dan Color .. contohnya seperti dibawah ..

<blockquote>
<span style="font-family:oswald;color:#ff1493;font-size:30px;">Oswald</span>
</blockquote>

Hasilnya :

<blockquote>
Oswald
</blockquote>

Gimana .. dengan penjelasan cara di atas ?? Mudah di fahami ?? Atau masih kurang faham ?? Jika kurang faham silahkan sobat baca ulang .. atau pun baca cara lain nya seperti di bawah ini .. Perlu diingat cara diatas sobat juga bisa mengganti tulisan yang ada di blog sobat dengan font tadi atau yang lain dengan memperhatikan css nya ..

2. Cara Mengganti Jenis Font di Blog Blogger Dibagian CSS ( Cascading Style Sheet )

Ok Next .. kita lanjut ketahap / kecara lain .. karena admin tahu apa yang sobat ingin Terkadang jenis font ( font-family ) bawaan template blog dirasa kurang sesuai dengan keinginan .. sehingga kita harus mengubahnya dengan jenis - jenis font lain agar tampilan blog lebih bagus atau setidaknya sesuai dengan konteks / tema blog ..

Maka dari itu dikesempatan ini .. saya 
akan membahas tentang mengganti jenis Font dengan CSS Fonts dan bukan dengan Custom Font .. yang menggunakan javascript dan biasanya bersumber dari API Google .. Penggantian font dengan font CSS lain .. meskipun sederhana tampilannya .. namun cukup aman dan cepat di load .. karena Browser dan Computer telah memiliki database font-font tersebut ( disebut "Web Safe Fonts" ) ..

A. Sekilas Tentang Jenis Font ( font family ) dalam CSS

Jenis font dalam CSS dinyatakan dengan properti font-family .. sehingga dalam penulisannya deskripsi CSS font-family dituliskan seperti contoh berikut :

<blockquote>p { font-family: "Times New Roman";....;}
</blockquote>

atau dipersingkat dengan shorthand ( dituliskan dengan font saja ) :

<blockquote>p { font: "Times New Roman";....;}
</blockquote>

Dan Ada dua kategori jenis font :

①. Font family : Nama - nama utama ( root name ) font, misalnya "times", "arial", courier", dll .. 
②. Generic family : Nama - nama font turunan, misalnya "serif", "sans serif", "cursive", dll ..

Penulisan font-family yang sering kita jumpai dalam CSS terdiri dari font-family dan generic family .. Keduanya dituliskan berurutan dengan tujuan apabila sebuah font tidak tersedia dalam database suatu browser .. maka browser akan merujuk pada jenis font lain yang telah dituliskan di belakangnya .. seperti yang sudah saya katakan di atas .. atau dengan contoh lain sebagai berikut ..

Contoh :

<blockquote>p { font-family: "Times New Roman",Georgia,Serif;...;}
</blockquote>

Note : perhatikan tanda kutip pada Times New Roman .. Tanda kutip digunakan pada nama font yang memiliki jarak spasi kosong ( white space ) ..

Selalu tuliskan CSS jenis font dengan aturan seperti di atas untuk berjaga - jaga apabila browser yang digunakan pengunjung tidak memiliki database font yang diinginkan .. sehingga browser dapat langsung melompat ke jenis font lainnya ..

B. Font Pada Template Blogger

Pada dasarnya font di dalam template Blogger ditentukan dengan CSS styling .. sehingga jika harus mengubah jenis font maka jelas perubahan dilakukan pada CSS-nya .. Ada dua cara yang biasanya digunakan untuk membuat default font pada template Blogger :

Pertama : Menuliskan variable CSS font untuk bagian-bagian ( elements ) tertentu .. misalnya judul blog / deskripsi blog / judul posting / footer posting / footer / judul sidebar / dan seterusnya .. Kemudian menuliskan variable tersebut pada font-family masing - masing elemen .. Variable terletak di bagian atas CSS .. biasanya setelah / dekat <b:skin><![CDATA[ Contoh variable - variable nya :

Sebagai contoh .. jika saya ingin untuk menyatakan jenis font yang dipakai dalam judul posting ( header posting ) .. saya menggunakan nama variable ( name= ) postTitleFont sebagai perwakilan jenis font pada properti font family nama blog yang telah dituliskan pada variable .. Nama variable yang digunakan sebagai deklarator dituliskan dengan diawali tanda $ :

<blockquote>.post h3 { font-family : $postTitleFont;}</blockquote>

Kedua : Menuliskan langsung jenis Font pada property-nya ( font-family atau font ) ..

Contoh :

<blockquote>
 .post h3 { font-family : "Georgia, times, serif;...;}</blockquote>

Dengan demikian poin serta cara untuk mengubah / mengganti jenis font di Blogger begitu mudah .. Ok Lanjut !!!

C. Mengubah Jenis Font di template Blogger / Blogspot

Sesuai dengan dua cara untuk menentukan font pada template Blogger di atas .. maka pastinya cara untuk menggantinya pun ada 2 .. yaitu mengubah font pada variable atau langsung mengubah property font-family di setiap elemen .. Mengubah variable sangat riskan karena ada nilai default dan value yang merupakan aturan general pada elemen - elemen utama blog .. Oleh karenanya lebih baik ganti font langsung pada properti font family-nya ..

<ul><li>Cara mencari dan mengubah jenis font family pada setiap elemen CSS :

<ul><li>Buka Edit HTML / Template Blogger ..</li>
<li>Cari elemen CSS yang ingin di ubah ..</li>
<li>letaknya antara <b:skin><![CDATA[ dan ]]></b:skin> ..</li>
<li>Setiap elemen CSS di template Blogger memiliki nama berbeda sesuai yang telah diberikan oleh pembuatnya .. tapi secara umum nama - nama itu hampir mirip dan memiliki deklarator umum yang sama .. 
Misalnya : Untuk elemen judul posting .. biasanya dituliskan dengan .post h3, .post h2, #post h3,#post h2, .h3, .h2 ( h menyatakan header atau judul / title, berlaku pula untuk judul sidebar, dll ) .. dan masih banyak lagi .. Untuk isi posting biasanya dinyatakan dengan .post Demikian dengan sidebar .. ada banyak variasi namun dapat dipastikan semua mengandung kata yang sama : sidebar ..</li>
<li>Setelah menemukan element yang dicari .. selanjutnya cari property font-family atau font yang di belakangnya ada definisi font atau nama variable seperti contoh variable diatas .. Ganti dengan jenis - jenis font baru pada bagian tersebut .. Contoh : 
<blockquote>
.post h3 { font-family: Georgia, times, serif;...;}
</blockquote> 
Ganti bagian font yang berwarna biru dengan font - font lain .. atau biasanya juga ditampilkan dengan nama variable : 
<blockquote>
.post h3 { font-family: $postTitleFont;}
</blockquote> 
Ganti bagian font yang berwarna merah dengan font - font lain ..</li>
<li>Sobat juga dapat menambahkan jenis font baru pada elemen yang belum memiliki aturan font - family .. Misalnya bagian comment blog saya belum memiliki aturan jenis font khusus .. maka ( contohnya ) saya dapat menambahkan font-family / font di dalam aturan CSS-nya : 
<blockquote>
Sebelumnya :

#comments { 
margin: 0px 0px 0px 0px; 
padding: 15px 20px 15px 20px; 
text-align: left; 
color: #4c4c4c; 
border: 1px solid #ccc; 
background:#fff; 
}

Sesudahnya :

#comments { 
margin: 0px 0px 0px 0px; 
padding: 15px 20px 15px 20px; 
text-align: left; 
color: #4c4c4c; 
font: "Times New Roman", Trebuchet, Serif; 
border: 1px solid #ccc; 
background:#fff; 
}</blockquote></li>
<li>Untuk mengetahui jenis - jenis font .. cek CSS Web Safe Fonts ..</li>
<li>Setelah selesai mengubah atau menambah font .. jangan lupa klik save template ..</li></ul></li></ul>

Nah itulah tadi informasi mengenai Cara Mudah Mengganti Font Blog Dengan Google Web Fonts Atau Dengan Cara Mengganti Jenis Font di Blog Blogger Dibagian CSS ( Cascading Style Sheet ) yang dapat admin sampaikan dikesempatan malam hari ini .. semoga bermanfaat buat pembaca semuanya ..

Tag : #Cara, #Cara Buat, #Cara Membuat, #CSS, #Template #Blog, #Blogger, #Font, #Font Style, #Cara Ganti Font, #Cara Ganti Font Style, #Jenis - Jenis Font Style, #Macam - Macam Font Style, #Cara Mudah Mengganti Font Blog Dengan Google Web Fonts Atau Dengan Cara Mengganti Jenis Font di Blog Blogger Dibagian CSS ( Cascading Style Sheet )

Cara Mudah Mengganti Font Blog Dengan Google Web Fonts Atau Dengan Cara Mengganti Jenis Font di Blog Blogger Dibagian CSS ( Cascading Style Sheet )

Blog Ponsel Si Oon - Cara Mudah Mengganti Font Blog Dengan Google Web Fonts Atau Dengan Cara Mengganti Jenis Font di Blog Blogger Dibagian ...

Blog Ponsel Si Oon

Cara Mendapatkan Like Facebook 2K Plus Dan Cara Paling Mudah Membuat Wap AutoLike FB di Wap Builder Xtgem Terbaru 18 Januari 2017

Cara Buat Gambar Berputar Pada Blog Keren !!!

Cara Buat Pop Up Random Post Keren Di Blogger Update 6 Januari 2017

Cara Buat Css Button, Animated Button, Rounded Button, Colored Button Border, Hoverable Button

Cara Buat Bootstrap Tooltip

Cara Buat Zona Download Mp3, Video, Gambar, Aplikasi Di Wapka Dengan Template Kekinian Ala Website Profesional ??

Cara Mudah Mengganti Font Blog Dengan Google Web Fonts Atau Dengan Cara Mengganti Jenis Font di Blog Blogger Dibagian CSS ( Cascading Style Sheet )

Popular

Labels

Archive