Blog Ponsel Si Oon: Seputar MyWapBlog

Cara Bua Rich Snippet Di MyWapBlog

<center>Assalamu Alaikum Wr Wb <center>Cara Bua Rich Snippet Di MyWapBlog</center> <img alt="ochamwb-01.jpg" height="100" src="http://catatan-sioon.yu.tl/files/ochamwb-01.jpg" style="border:3px ridge #0f0;" width="240" /> <center>★★★★★ 100% ratings • 999 ratings</center> <img alt="ochamwb.jpg" height="100" src="http://catatan-sioon.yu.tl/files/ochamwb.jpg" style="border:3px ridge #0f0;" width="240" /> <center>Cara Buat Rich Snippet Di MyWapBlog</center> Selamat pagi .. siang .. sore atau malam aja .. buat sluruh User MyWapBlog .. atau pun pengunjung lain nya .. yang kebetulan mampir ke sini .. pada kesempatan yang ke 8x nya ini .. <a href="http://catatan-sioon.yu.tl">Catatan Si Oon</a> .. Akan berbagi Cara Buat Rich Snippet Di MyWapBlog .. Apa itu Rich Snippet ?? .. saya rasa bloger - bloger smua nya sudah tau .. apa itu rich snippet .. tapi gk da salah nya .. saya update ulang mengenai Cara Buat Rich Snippet Di MyWapBlog ini .. karna saya rasa .. masih sebagian besar ada yang blum tau .. dan pastinya ada bloger - bloger newbie .. ok tanpa panjang lebar lagi .. sebelum saya kasih <a href="http://catatan-sioon.yu.tl/kode-kode-html-mywapblog.xhtml">kode</a> rich snippet nya .. akan saya jelasin sedikit apa itu rich snipet Apa Itu Rich Snippet ? - Sebagai seorang blogger .. pernakah anda mendengar tentang Rich Snippet ?? .. apa sih pengertian Rich Snippet ? .. Rich Snippet adalah sekumpulan data suatu blog atau website yang ditampilkan secara menarik pada search engine ( mesin pencari ) .. Sekumpulan data tersebut diantaranya adalah berupa nama penulis .. rating .. foto .. dll .. Rich Snippet Juga banyak jenis - jenis nya .. di antaranya : √ Author Snippet √ Bussines and Organization Snippet √ Even Snippet √ Product Snippet √ Receipe Snippet √ Star Rating Rivew Snippet √ Video Snippet Dan di atas itu .. contoh blog saya yang dulu .. d buat pada 26 September 2013 dulu .. kurang lebih mungkin pada tanggal & bulan segituan lah .. lupa lagi :mrgreen: .. karna kebetulan blog yang ini masih baru .. artikel nya juga baru dikit .. jadi udah pasti .. smua artikel nya juga .. blum banyak yang baca / blum populer :lol: .. pake rich snipet juga .. gk bakalan Berbintang di pencarian Google .. Bing atau pun Yahoo .. dan contoh diatas itu .. saya coba mengetikan kata kunci blog saya itu lewat Bing .. di sana tertera artikel - artikel yang berbintang .. kurang lebih nya seperi ini ★★★★★ 100% ratings • 999 ratings .. ok lah kita langsung aja ke pembahasan yaitu Cara Bua Rich Snippet Di MyWapBlog .. tinggal Copas aja kode nya di bawah ini <div style="background:#ccc;border:3px solid #000;padding:3px;margin:20px;"><div class="hreview">JUDUL BLOG ANDA Review By NAMA ANDAJUDUL BLOG ANDA at Mywapblog Inc Rating : 4.5out of 5 .DESKRIPSI BLOG ANDA</div></div> Keterangan : Ganti tulisan JUDUL BLOG ANDA .. dengan judul blog anda .. NAMA ANDA .. ganti dengan nama anda .. JUDUL BLOG ANDA .. ganti dengan judul blog anda .. DESKRIPSI BLOG ANDA .. isi dengan deskripsi blog anda .. dan seblum di paste / save .. terlebih dulu .. hapus tanda * ( Bintang ) .. jika semua nya sudah tinggal di save di Navigasi blog anda .. #Mudah bukan ?? .. ok dweh kalo begitu .. admin rasa cukup sampe disini .. kurang lebih nya .. di maklum aja .. jika kurang faham / blum ngerti .. cari aja di blog lain :lol: .. Akhir kata saya ucapkan .. <center><img alt="4338649.png" src="http://images.cooltext.com/4338649.png" /></center> <center>Wassalamu Alaikum Wr Wb</center></center>

Cara Bua Rich Snippet Di MyWapBlog

Assalamu Alaikum Wr Wb Cara Bua Rich Snippet Di MyWapBlog ★★★★★ 100% ratings • 999 ratings Cara Buat Rich Snippet Di MyWapBlog S ela...

CARA MERUBAH UKURAN DAN LETAK GAMBAR DI POSTINGAN

<center>Assalamu'alaikum wr wb</center> <center>CARA MERUBAH UKURAN DAN LETAK GAMBAR DI POSTINGAN</center> <img alt="ocha.jpg" height="100" src="http://catatan-sioon.yu.tl/files/ocha.jpg" style="float:left;margin:0 3px 3px;" width="75" />Selamat pagi .. siang .. sore .. atau pun malam aja .. buat sluruh User MWB atau pun yang kebetulan nyasar kesini .. pada kesempatan yang ke 09x nya ini .. <a href="http://catatan-sioon.yu.tl">Catatan Si Oon</a> .. akan berbagi CARA MERUBAH UKURAN DAN LETAK GAMBAR DI POSTINGAN .. yang sebelum nya saya sudah memposting <a href="http://catatan-sioon.yu.tl/ufgh.xhtml">Cara Buat Rich Snippet Di MyWapBlog</a> .. ok klau begitu kita langsung aja ke pembahasan .. Trick kali ini disamping memperindah tampilan postingan .. juga agar tidak berat saat loading .. karena menyingkat / memperpadat halaman .. ( tidak panjang ke bawah ) .. dengan begitu tidak terlalu banyak KB .. Yaitu dengan menempatkan foto / gambar di sisi postingan .. seperti postingan ini .. Ada pun caranya adalah sebagai berikut : <div style="background:#ccc;border:3px solid #000;padding:3px;margin:20px;"><img src=" http://URL GAMBAR" style="float:left;margin:0 3px 3px 3px;">postingan Anda disini</a></div> NB : untuk URL GAMBAR .. ganti dengan url gambar yang akan di posting .. left untuk meletakkan gambar disamping kiri .. untuk meletakkan gambar disamping kanan ganti dengan right .. 3px 3px 3px yaitu Jarak gambar dengan text .. Cukup mudah banget kan ?? .. ya iya lah .. cukup mudah banget .. di tinggal d copas doank :lol: .. dan di bawah ini .. Cara Merubah Ukuran Gambarnya .. untuk lebih jelas mengetahui kode - kode html lainnya .. klik postingan saya yang ini <a href="http://catatan-sioon.yu.tl/kode-kode-html-mywapblog.xhtml">Kode - Kode HTML MyWapBlog</a> .. dan di bawah ini .. kode nya .. untuk merubah ukuran gambar .. <div style="background:#ccc;border:3px solid #000;padding:3px;margin:20px;"><img src="http://url-gambar" width="100" height="100" /></div> NB : url-gambar .. ganti / masukan url gambar yang akan di ubah ukuran nya .. width dan height .. ukuran lebar dan panjang gambar ke bawah .. width ukuran lebar gambar ke samping .. height ukuran panjang gambar ke bawah .. dan 100 untuk memperkecil atau memperbesar gambar tersebut .. semakin kecil angka nya .. semakin kecil juga gambar nya .. dan semakin besar angka nya .. semakin besar juga gambar nya .. perhatikan gambar di bawah : <img alt="letak-gambar.jpg" height="100" src="http://ahmad-whydoerie.yu.tl/files/letak-gambar.jpg" width="100" /><img alt="letak-gambar.jpg" height="75" src="http://ahmad-whydoerie.yu.tl/files/letak-gambar.jpg" width="65" /><img alt="letak-gambar.jpg" height="50" src="http://ahmad-whydoerie.yu.tl/files/letak-gambar.jpg" width="50" /> Gambar di atas dengan angka dari mulai .. yang terbesar .. hingga yang terkecil .. bahkan bisa lebih besar atau lebih kecil lagi .. tergantung dari nilai angka width dan juga height .. gimana .. cukup mudah & cukup jelas tuk di fahami kan ?? .. jika iya dan tidak ada pertanyaan .. admin rasa cukup sampe disini .. sampai ketemu lagi di lain kesempatan & lain waktu .. akhir kata saya ucapkan .. <center><img alt="4338649.png" src="http://images.cooltext.com/4338649.png" /></center> <center>Wassalamu'alaikum wr wb</center>

CARA MERUBAH UKURAN DAN LETAK GAMBAR DI POSTINGAN

A ssalamu'alaikum wr wb CARA MERUBAH UKURAN DAN LETAK GAMBAR DI POSTINGAN S elamat pagi .. siang .. sore .. atau pun malam aja .. bua...

cara terbaru 2015 membuat rating mywapblog mirip dengan wen.ru

<center>Assalamu alaikum wr wb</center> Selamat pagi .. siang .. sore .. atau pun malam aja .. buat semua nya .. yang kebetulan nyasar ke sini .. pada kesempatan yang ke 10x nya ini .. <a href="http://catatan-sioon.yu.tl">Catatan Si Oon</a> .. Akan berbagi cara terbaru 2015 membuat rating mywapblog mirip dengan <a href="http://wenru.con">wenru</a> dan <a href="http://xtgem.com">xtgem</a> .. yang sebelum nya sudah memposting <a href="http://catatan-sioon.yu.tl/cara-merubah-ukuran-dan-letak-gambar-di.xhtml">CARA MERUBAH UKURAN DAN LETAK GAMBAR DI POSTINGAN</a> dan berikut ini untuk tampilan nya .. cara terbaru 2015 membuat rating mywapblog mirip dengan <a href="http://wenru.con">wenru</a> dan <a href="http://xtgem.com">xtgem</a> .. lihat contoh d bawah ini : <div style="background:#ccc;border:2px solid #000;padding:2px;margin:17px;"><img alt="ocha.jpg" height="100" src="http://catatan-sioon.yu.tl/files/ocha.jpg" style="float:left;margin:0 3px 3px;" width="70" /><a href="http://catatan-sioon.yu.tl/">Catatan Si Oon</a> [ <a href="http://www.mywapblog.com/follow.php?action=confirm&userid=1471664">Ikuti</a> ] Penulis : Admin Ocha Keterangan : Coretan Kisah Hidup Si Oon Kategori : Uncategorised Rating : 5.0 / 5.0 ( 100% rating - 999.999 ratings ) ★★★★★<center><form method="get"><a href="http://www.mywapblog.com/id/blog_catalog.php?&action=rate&id=1471664"><input class="mwb-button" type="submit" name="submit" value="Beri Rating" /></a></form></center></div> Atau juga bisa lihat <a href="http://ochawida23.nab.su/rating.html?3053">Preview</a> nya .. sperti gambar SS di bawah ini : <center><img alt="screenshot-2015-08-12-06.jpg" height="105" src="http://catatan-sioon.yu.tl/files/screenshot-2015-08-12-06.jpg" width="210" /></center> Cukup keren kan ?? .. jika ada yg tertarik dan ingin mencoba nya .. silahkan .. Copas <a href="http://catatan-sioon.yu.tl/kode-kode-html-mywapblog.xhtml">Kode</a> nya di bawah ini : <div style="background:#ccc;border:2px solid #000;padding:2px;margin:17px;"><img style=" border:2px solid #000;" src=" http: // catatan-sioon.yu.tl /files /ocha.jpg " width="70" height="100" alt= "ocha.jpg" style="float:left;margin:0 3px 3px;"/><a href=" http://catatan-sioon.yu.tl/">Catatan Si Oon</a> [ <a href="http://www.mywapblog.com/ follow.php?action=confirm&userid=1471664">Ikuti</a> ] Penulis : Admin Ocha Kategori : Uncategorised Rating : 5.0 / 5.0 ( 1 ratings ) <center><form method=" get"><a href=" http://www.mywapblog.com/id/blog_catalog.php?&action=rate&id=1471664"><input class="mwb-button" type="submit" name="submit" value="Beri Rating" /></a></form></center></div> NB : untuk http:// catatan-sioon.yu.tl /files / ocha.jpg" alt="ocha.jpg" Ganti Dengan Gambar profile agan .. width="70" height="100" .. ganti ukuran photo nya .. sesuai ke inginan agan .. width besar gambar ke samping .. dan height panjang gambar ke bawah .. untuk 1471664 .. ganti dengan ID BLOG agan .. Gimana .. cukup mudah bukan ?? .. Jika iya & tidak ada pertanyaan .. admin rasa cukup sampe disini .. sampe jumpa lagi .. di lain waktu dan lain kesempatan .. Akhir kata .. saya ucapkan <center><img alt="4338649.png" src="http://images.cooltext.com/4338649.png" /></center> <center>Wassalamu alaikum wr wb</center>

cara terbaru 2015 membuat rating mywapblog mirip dengan wen.ru

A ssalamu alaikum wr wb S elamat pagi .. siang .. sore .. atau pun malam aja .. buat semua nya .. yang kebetulan nyasar ke sini .. pada kes...

Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru

<center>Assalamu Alaikum WR.WB</center> <center>Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru</center> Selamat Malam .. buat semua nya .. pada kesempatan kali ini .. saya <a href="http://catatan-sioon.yu.tl">Admin OON</a> .. akan mencoba sedikit mengulas dan berbagi .. Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru .. yang sebelum nya .. sudah memposting .. <a href="http://catatan-sioon.yu.tl/cara-buat-headline-breaking-news.xhtml">Cara Buat Headline Breaking News [ Read More ]</a> .. dan juga <a href="http://catatan-sioon.yu.tl/cara-buat-efek-load-page-pada-blogspot.xhtml">Cara Buat Efek Load Page Pada Blogspot [ Read More ]</a> .. Sekarang Akan Berbagi Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru [ Content Sedang Dimuat.. .. . ] <center><a href="http://click.union.ucweb.com/?pub=admin@catatansioon"><img alt="?pub=admin@catatansioon&format_type=img" src="http://slot.union.ucweb.com/?pub=admin@catatansioon&format_type=img" /></a></center> <blockquote>Baca Juga : <a href="http://catatan-sioon.yu.tl/cara-buat-google-analytics-pada-blog-blo.xhtml">CARA BUAT GOOGLE ANALYTICS PADA BLOG ( Blogspot.com )</a></blockquote> Ok Next .. Kita Lanjut ke pembahasan Kali ini .. yaitu Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru .. sebenar nya sih .. cara ini bukan yang terbaru .. dan udah pasti kawan - kawan juga udah pada tau .. tetapi gak ada salah nya juga saya disini posting ulang .. barang kali masih ada yang balum tau .. dan tertarik ingin mencobanya .. dan cara ini pun .. gak sekedar untuk pengguna / User MyWapBlog aja .. karna lebih tepat nya sih ini .. bisa saja di kasih judul post Cara Daftar Uc Union .. berhubung saya posting di MyWapBlog .. sekalian saja berikut cara pasang nya .. dengan memberikan judul Post Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru .. dan satu lagi .. ini bukan satu - satu nya cara dapetin uang dari internet .. cuma salah satunya .. ya dengan cara ini .. dan jujur saja .. saya sendiri pasang iklan uc union d blog ini .. baru 3 hari yang lalu saya daftar .. dan tadi pagi sudah d persetujui oleh pihak UC .. langsng saja kode nya saya comot dan sore hari ini .. berhubung bingung mau posting apa lagi .. jadi udh aja saya posting Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru .. Awall nya sih caya ragu dan gak yakin .. kalau blog ini .. bakalan di persetujui untuk di pasangkan iklan .. karna saya lihat sendiri blog ku ini .. kurang berbobot .. dan sangat kurang dalam segala nya .. postingan juga baru dikit .. apa lagi pengunjung .. udah pasti perhari nya sedikit .. bahkan sama sekali gak ada .. jadi saya terapkan cara ini .. di blog dan wap ku yang lain .. dan alhamdulilah .. saya uadah 2x mencairkan uang .. dengan sebesar 25.000.000 Rupiah .. dari Google AdSense : 15.000.000 Rupiah .. dan dari Uc Union : 10.000.000 Rupiah .. dan skarang saya belum mendapatkan penghasilan yang cukup .. jadi belum saya cairkan .. apa lagi dari blog ini .. baru juga di persetujui :) .. owh iya di bawah ini .. Testimoni .. pendapatan saya dari Google AdSense dan Uc Union <center><img alt="701095279_a33d6faf26.jpg" height="410" src="http://ocha10.wapka.mobi/img/701095/701095279_a33d6faf26.jpg" style="padding:3px;border:1px solid #aaa;background:#fafafa;" width="290" /></center> Poto di atas sudah saya upload di Facebook .. dengan hari yang berbeda .. silahkan cek aja fb saya .. sekalian di Add ya hehe .. untuk menuju ke fb saya .. silahkan klik icon fb .. yang ada di navigasi atau yang ada di bawah postingan ini .. di dalam kolom Penulis <center><a href="http://click.union.ucweb.com/?pub=admin@catatansioon"><img alt="?pub=admin@catatansioon&format_type=img" src="http://slot.union.ucweb.com/?pub=admin@catatansioon&format_type=img" /></a></center> <blockquote>Baca Juga : <a href="http://catatan-sioon.yu.tl/rating.xhtml">cara terbaru 2015 membuat rating mywapblog mirip dengan wenru dan xtgem</a></blockquote> Ok Next .. Lanjut Kepembahasan kali ini .. yaitu Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru .. Buat yang masih betah ngeblog di Mywapblog .. saya akan kasih tutorial lengkap cara pasang kode iklan UC union di mywapblog Terbaru .. dan buat yang belum punya akun UC union silahkan daftar terlebih dahulu .. dengan mengkilik » <a href="http://union.ucweb.com">Tulisan Ini</a> .. Ok Tanpa Banyak Basa basi Lagi .. Langsung simak Baik - Baik Tutorial Di Bawah ini ya :) .. <a href="http://click.union.ucweb.com/?pub=admin@catatansioon"><img alt="?pub=admin@catatansioon&format_type=img" src="http://slot.union.ucweb.com/?pub=admin@catatansioon&format_type=img" /></a> <blockquote>Baca Juga : <a href="http://catatan-sioon.yu.tl/ufgh.xhtml">Cara Buat Rich Snippet Di MyWapBlog</a></blockquote> Langkah - Langkah 1. Login / Daftar » <a href="http://union.ucweb.com">Uc Union</a> <center><img alt="login.JPG" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK3BC2XqoWvaUjLS5DgsvraHwLfm2-zfuxeZKXVJrdFiy7QaNZvotOLyeBjmoLxHKpeHXHcKmRx344BTYthP16FncXmVipaDQlcRCdV-oJBw8LIBHHUAgPkKtHHdHjCYDgam6Go2VTKS2D/s1600/login.JPG" style="padding:3px;border:1px solid #aaa;background:#fafafa;" width="230" /></center> 2. Setelah login sukses .. Atau Daftar sukses .. silahkan masuk ke management <center><img alt="managenent.JPG" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBAH4A0fdaICkcZoXLOFhTSYqhZng9cTgFuYZFBVBu46xvZ2sMaBbvgGkupFWWNdQrUy3Rt8EutVc87L5RkcGrpPLPgjQjEgBKyF-vMHlFN8haJGn5t_Len-LxSl8AcmFEC7gSA-DpoIrl/s1600/managenent.JPG" style="padding:3px;border:1px solid #aaa;background:#fafafa;" width="230" /></center> 3. Lanjut ke tahap berikut nya yaitu submit blog kamu .. caranya klik submit new site/app <center><img alt="new%2Bappsaite.JPG" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndTSP5icP8G4VoriZ70SRpj4-b1BIrsptegljHyBE_qgPL1LW1TJI_9v5UFlTfhmxXDwXimxYr76T8QwL7F5dOlMKC_-VCWAPu5ropANxjjsxirjN2D4Xhih48hEBi9F5YFDL08wueYpy/s1600/new+appsaite.JPG" style="padding:3px;border:1px solid #aaa;background:#fafafa;" width="230" /></center> 4. Berikut nya .. silahkan di setting .. seperti contoh di bawah ini : <input type="checkbox" name="sport" value="Cooperation" />Cooperation<input type="checkbox" name="sport" value="Cash" />Cash<input type="checkbox" name="sport" value="traffic" />Traffic Pilih » <input type="checkbox" name="sport" value="Cash" />Cash Type : <input type="checkbox" name="sport" value="app" />App ( Inplementing Dynamic Ads In App ) <input type="checkbox" name="sport" value="site" />Site ( Implementing Dynamic Ads In Site ) <input type="checkbox" name="sport" value="affiliate" />Affiliate ( Non-dynamic Ads ) <input type="checkbox" name="sport" value="agency" />Agency ( Dynamic Ads For Agencies ) Pilih » <input type="checkbox" name="sport" value="site" />Site ( Implementing Dynamic Ads In Site ) Site Name / Site URL : Site Name : <textarea cols="22" rows="3">catatansioon

Site URL :

Category :
Blog
Pilih » Blog

Integration Method :
Ad Code
Ad API ( Server To Server )
Pilih » Ad Code

Ad Format :
Banner
Text
Pilih » Banner
Klik

5. Berikut nya .. akan tampil seperti gambar dibawah ini :

itu berarti situs kamu berhasil di tambahkan .. tapi masih dalam masa review oleh tim uc union .. Paling lambat 3 hari situs kamu baru di terima ..

Next .. Step Berikutnya

Tahap selanjutnya .. menunggu pihak UC Union Menerima / Meneyetujui situs / blog mu .. disini anggap saja .. blog / situs mu .. sudah di terima ya .. sekarang tinggal cara memasang nya di MyWapBlog .. Ikuti langkah - Langkahnya di bawah ini :

1. Login Uc Union » klik Management

2. Pilih situs yang ingin kamu pasang kode » Klik AD code / SDK
3. Copy Kode ID Publiser .. disitu ada dua jenis kode .. yakni :

Ad Code :
JS+PHP Code
JS+HTML Cde
Pilih » JS+PHP Code / JS+HTML Code .. mau yang mana pun juga boleh .. tapi untuk MyWapBlog .. jangan kamu copas smua .. Cukup Ambil ID Publiser nya saja .. yang nantinya dapat dipasangkan pada menu Periklanan Yang ada di dalam Dasbor MyWapBlog dan dibawah ini .. contoh dari kedua code tersebut

JS+PHP Code

<script src="http://admaster.union.ucweb.com/js/union_html5_sdk.js">> <script> try{ Umobi.AdView({ pub:"admin@catatansioon", format_type:Umobi.AdFormatType.BANNER }); }catch(e){} </script> <noscript><?php $tm= uniqid(); ? > <a href="http://click.union.ucweb.com/?pub=admin@catatansioon&tm=< ?php echo $tm ? >"> <img src="http://slot.union.ucweb.com/?pub=admin@catatansioon&format_type=img&tm=< ?php echo $tm ? >"/> </a></noscript>

JS+HTML Code

<script src="http://admaster.union.ucweb.com/js/union_html5_sdk.js"></script> <script> try{ Umobi.AdView({ pub:"admin@catatansioon", format_type:Umobi.AdFormatType.BANNER }); }catch(e){} </script> <noscript> <a href="http://click.union.ucweb.com/?pub=">admin@catatansioon</a>"> <img src="http://slot.union.ucweb.com/?pub=admin@catatansioon&format_type=img"/> </noscript>

Yang berwarna Merah Itulah ID Publiser .. dan yang berwarna Biru .. banner berisikan iklan .. yang bisa di pasang di mana saja yang kamu inginkan .. contoh nya seperti banner di bawah ini .. kalau mau di klik juga boleh :grin: :

Ok Next .. Jika ID Publiser nya .. sudah di Copy .. berikutnya .. kita pasang di MyWapBlog .. Langkah - Langkah nya sbg :

1. Login / Daftar [ MyWapBlog ] Dulu ( jika belum / Sudah punya ) ..
2. Tampilan » Periklanan » Pilih UC union » Masukan code yang tadi kamu copy » Klik simpan / Save

Selamat Blog Mu sekarang sudah terpasang Iklan .. dan tinggal menunggu Penghasilan yang akan kamu dapatkan ..

Baca Juga : Tag Kode HTML

Ok Next .. Itu dia cara terbaru .. Dan termudah .. Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru .. Semoga bermanfaat .. dan selamat Mencoba .. Good Luck !! :)

Baca Juga : Jenis - Jenis Marquee

Penulis

Dari, Majalengka, Rajagaluh - Jawa Barat
OCHA
Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [View More]

Itu lah Postingan kali ini .. mengenai » Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru « .. yang bisa saya bagikan .. Pada kesempatan yang ke 43x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan ..

Wassalamu'Alaikum WR.WB

Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru

Assalamu Alaikum WR.WB Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru Selamat Malam .. buat se...

Cara Modifikasi Blockquote Keren Buat MyWapBlog Dan Blogger Blogspot

<center>Assalamu Alaikum WR.WB</center> <center>Cara Modifikasi Blockquote Keren Buat MyWapBlog Dan Blogger Blogspot</center> selamat malam buat semuanya .. Ketemu lagi dengan <a href="http://catatan-sioon.yu.tl">Admin Oon</a> .. pada kesempatan kali ini .. saya akan berbagi dan mengulas tentang <a href="http://catatan-sioon.yu.tl/cara-buat-efek-load-page-pada-blogspot.xhtml">Cara Modifikasi Blockquote Keren Buat MyWapBlog Dan Blogger Blogspot</a> .. yang sebelum nya sudah memposting <a href="http://catatan-sioon.yu.tl/cara-buat-author-box-otomatis-dibawah-po.xhtml">Cara Buat Author Box Otomatis Dibawah Postingan Terbaru 2016 Untuk Blogger</a> dan juga <a href="http://catatan-sioon.yu.tl/2-cara-memasang-kolom-komentar-facebook.xhtml">2 Cara Memasang Kolom Komentar Facebook Terbaru 2016 Untuk Blog Blogger ( Blogspot.co.id )</a> .. dan sebelum melanjutkan .. ada baik nya .. baca juga .. <a href="http://catatan-sioon.yu.tl/cara-dapetin-uang-dari-internet-dengan-m.xhtml">Cara Dapetin Uang Dari Internet Dengan Memasang Banner Iklan Uc Union Di MyWapBlog Terbaru</a> yang mungkin sedikit bisa membantu .. untuk nambah uang saku :) .. <blockquote>Di update Tgl : 01 Maret 2016 / Jam 22:16 Di Perbarui Tgl : 26 April 2016 / Jam 01:16</blockquote> Ok Next .. tanpa basa - basi lagi .. langsung saja ke inti nya .. cara buat blockquote sbenarnya mudah banget .. bahkan lebih mudah dan simple tanpa harus .. ngedit - ngedit kode dan sebagai nya .. dari setiap CSS / TEMPLATE .. di dalam nya sudah terdapat blockquote .. tinggal kita buat postingan saja .. udah jadi .. namun blockquote bawaan yang biasa nya sudah ada di dalam CSS / TEMPLATE tersebut .. bisa di bilang standart / default / simple .. pokonya ya gitu lah .. dan tergantung si pembuat CSS / TEMPLATE juga .. ada yang nyisipin kode blockquote di dalam nya .. ada juga yang nggak .. nah sekarang saya disini .. mau berbagi cara membuat blockquote supaya klihatan nya lebih ok / keren / bagus .. <blockquote>New Post Cara buat blockquote keren versi 2 : <a href="http://catatan-sioon.yu.tl/cara-buat-blockquote-keren-ala-author-bo.xhtml">Cara Buat Blockquote Keren Ala Author Box</a></blockquote> Nantikan New post Berikutnya .. cara buat blockquote yang keren versi ke 3 .. di jam berikut nya .. OK Next Lanjut ke topik .. silahkan lihat demo nya di bawah ini : <center><img alt="Blocquote90.jpg" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlbnjP_1-ZmZpYpz9pXdfps9LGo_x5H0eqG7vSO1ts3baIlvEB6KCcwgaCa1f8829L_f9iIHdn7hdEhaikyelzkd9H3NnD_gEQAdbivRxoKKpjM08Pc9hgAyxJrxHbqVSqMwpSxSNolPxg/s1600/Blocquote90.jpg" width="320" /></center> Demo di atas berupa Images .. untuk melihat secara langsung silahkan klik link berikut ini .. <a href="http://wap-demo.mobie.in/blockquote">www.wap-demo.mobi.in/blockquote</a> <blockquote>Ini lah yang di sebut blockquote .. dan untuk cara buat nya lihat kode di bawah .. dan jika tertarik silahkan di Copas .. lalu edit CSS / TEMPLATE .. dan paste di dalam CSS / TEMPLATE ...yang agan gunakan .. untuk USER MWB yang memakai CSS import .. mungkin bisa di taro dibawah CSS import .. soal nya saya langsung memakainya di dalam CSS ..</blockquote> Nah .. sekarang udah tau kan apa itu blockquote .. itu lah yang saya maksud dan saya bilang keren .. Text / tulisan Ini lah yang di sebut blockquote .. dan untuk cara buat nya lihat kode di bawah .. dan jika tertarik silahkan di Copas .. lalu edit CSS / TEMPLATE .. dan paste di dalam CSS / TEMPLATE ...yang agan gunakan .. untuk USER MWB yang memakai CSS import .. mungkin bisa di taro dibawah CSS import .. soal nya saya langsung memakainya di dalam CSS .. .. seolah olah seperti berada di dalam bingkai .. dan untuk text / tulisan .. bisa berupa kode atau apalah .. yang mau agan tulis .. Note : penjelasan di atas buat yang baru mengenal dunia blogging .. dan sama sekali yang belum tau apa itu blockquote .. yang udah tau dan berminat silahkan di comot kodenya di bawah ini .. dan maaf kalau penjelasan di atas ada salah - salah kata .. karena disini saya pun masih newbie hehehe : KODE CSS BLOCKQUOTE ( MyWapBlog ) <blockquote>blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpZXHl6VJ6ChSsWHhHakG6Ja4Qf9GtH0bMg9S_TlyqjBlqnYDiQ54L1-HijMoQXE6dGjSLG7vk1Yk6Cftsjhton9s574BRrHBZbRNh8iN1J2CTT4kYDq01PzpGL4PLJwKg0uOh-0Iv7BY/s1600/block22. gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } blockquote p { margin: 0; padding-top:10px; } </blockquote> Penjelasan : Untuk yang berwarna Biru silahkan ganti dengan URL gambar agan ...sebelum menggantinya .. terlebih dulu agan siapkan dulu sebuah gambar .. dengan format gif biar tulisan yang berada di pojok kanan bawah bisa berubah - ubah .. untuk tulisan nya terserah agan .. mau berapa pun gambar yang berisi tulisan yang nantinya akan dijadiin gambar dengan format gif .. disini saya menggunakan tiga nama / kata - kata ...yang arti nya 3 buah gambar yang di satuin jadi sebuah gambar animasi / gif .. gambar 1 .. saya kasih tulisan http://catatan-sioon.yu.tl .. gambar 2 .. saya kasih tulisan Copyrighted Coding .. dan gambar 3 .. saya kasih tulisan by : Ocha .. hasilnya seperti yang ada di bawah blockquote .. atau seperti di bawah ini : <center><img alt="701104894_c46cb0e050.gif" src="http://ocha23.wapka.mobi/img/701104/701104894_c46cb0e050.gif" style="padding:3px;border:1px solid #aaa;background:#fafafa;" /></center> Jika gambar sudah siap .. silahkan paste kode di atas .. di dalam CSS yang agan pake .. selanjutnya .. tinggal agan buat postingan ...untuk mengecek apakah kode nya berhasil atau tida .. dan cara nya .. cukup seperti ini <blockquote>Text / Code disini</blockquote> .. maka hasilnya seperti dibawah ini .. jika kodenya berhasil .. <blockquote>Text / Code disini Note : Hasil nya seperti pada contoh gambar di atas ..</blockquote> Keterangan : tulisan Text / Code disini maksudnya di isi dengan text / tulisan / kode .. yang mau agan share .. dan jika kode CSS blockquote nya .. tidak berhasil di pasang .. maka tampilan nya akan terlihat polos putih .. atau dengan blockquote default .. bawaan dari CSS yang agan pake .. jadi pasang lah kode nya dengan benar dan pada tempatnya .. untuk warna background / text nya .. silahkan di ubah - ubah lagi sesuai selera .. biar beda dari yang lain .. hehe .. dan di bawah ini kode buat blogspot : KODE BLOCKQUOTE BUAT ( Blogger / Blogspot ) <blockquote>.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpZXHl6VJ6ChSsWHhHakG6Ja4Qf9GtH0bMg9S_TlyqjBlqnYDiQ54L1-HijMoQXE6dGjSLG7vk1Yk6Cftsjhton9s574BRrHBZbRNh8iN1J2CTT4kYDq01PzpGL4PLJwKg0uOh-0Iv7BY/s1600/block22. gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; } </blockquote> Keterangan: sama seperti buat MyWapBlog ( MWB ) warna Biru .. ganti dengan URL GAMBAR agan .. dan perbedaan dari kedua kode di atas cuma pada bagian tulisan yang berwarna Merah .. untuk MWB tidak memakai tulisan .post .. tapi buat Blogspot memakai .post .. dan untuk ngetes apakah blockquote tersebut berhasil berhasil atau nggak nya .. cukup dengan menggunakan kode pemanggilnya seperti ini .. <blockquote>Text / Code</blockquote>.. atau klik Icon seperti di bawah ini : <center><img alt="comma1-right.gif" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQUsrBLKf7aYa69YKGcSJv-3QAxW9SbmhS5Wnfrr09jO2Fnopj-tDThXZXyWY8F4e39yvtNo_OUJLePKOXQopCuiryi_l9sI0IZvY3Gu9RSjw5Q-p0onhk7ROEwci3cqDDWKt0uqRl4I0/s400/comma1-right.gif" width="75" /></center> <blockquote>Baca selengkapnya label : <a href="http://catatan-sioon.yu.tl/category/seputar-mywapblog/1.xhtml">Seputar MyWapBlog</a></blockquote> Gimana gan ? Cukup mudah banget bukan .. apa lagi buat agan .. yang udah mahir dalam CSS .. pastinya bisa buat yang lebih keren dari ini :) .. dan seperti nya sampai di penghujung waktu .. saat nya saya undur diri .. silahkan di coba .. jika ini bermanfaat dan berminat .. selamat mencoba .. Good Luck :) <blockquote>Baca Juga : <a href="http://catatan-sioon.yu.tl/jenis-jenis-marquee.xhtml">Jenis - Jenis Marquee</a></blockquote> <div style="background:#000000;border:2px dotted #ff0000;padding:3px;color:#fff;"><center>Penulis</center></div> <table width="100%" border="0"><tr><td align="center" style="width:50%;background-color:#fff;border:2px dotted #70f;"><div style="text-align:left;"><img alt="Casa.png" src="http://mackie.wapsite.me/img/Casa.png" /> Dari, Majalengka, Rajagaluh - Jawa Barat <img alt="MyProfil.png" src="http://ocha23.wapka.mobi/img/701072/701072055_7fb3106734.jpg" style="border:1px solid #b7b7b7;padding:2px;margin:2px;width:75px;height:190px;float:left;" /><img alt="User.png" src="http://mackie.wapsite.me/images/User.png" /><a href="http://catatan-sioon.yu.tl/"> OCHA</a> Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [<a href="http://catatan-sioon.yu.tl/about.xhtml">View More</a>] <center><a href="http://twitter.com/0ch4_r0cknr011"><img alt="twitter.png" height="30" src="http://devian.mywapblog.com/files/twitter.png" width="30" /></a> <a href="http://facebook.com/ocha.pratama.906"><img alt="about-me.png" height="30" src="http://devian.mywapblog.com/files/about-me.png" width="30" /></a> <a href="https://plus.google.com/112602739812131169053"><img alt="google-plus.png" height="30" src="http://devian.mywapblog.com/files/google-plus.png" width="30" /></a> <a href="http://line.me/ti/p/%40qcb6178s"><img alt="Add Friend" border="0" height="36" src="http://biz.line.naver.jp/line_business/img/btn/addfriends_en.png" width="100" /></a></center></div></td></tr></table> <center><img alt="4f2396db8f1172a17b478a5a5.png" src="http://catatan-sioon.yu.tl/files/4f2396db8f1172a17b478a5a5.png" /></center> Itu lah Postingan kali ini .. mengenai » Cara Modifikasi Blockquote Keren Buat MyWapBlog Dan Blogger Blogspot « .. yang bisa saya bagikan .. Pada kesempatan yang ke 46x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan .. <center>Wassalamu'Alaikum WR.WB</center> <div></div>

Cara Modifikasi Blockquote Keren Buat MyWapBlog Dan Blogger Blogspot

Assalamu Alaikum WR.WB Cara Modifikasi Blockquote Keren Buat MyWapBlog Dan Blogger Blogspot selamat malam buat semuanya .. Ketemu lagi den...

Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler

<center>Assalamu Alaikum WR.WB</center> <center>Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler</center> Selamat pagi jelang siang kawan .. gimana aktifitas mu pagi hari ini ??? .. melelahkan ?? .. atau biasa saja ?? Sejenak melepas lelah mampir sini bray .. ada yang mau saya sampein ni .. dan tolong baca baik - baik dulu ya .. sebelum angkat bicara .. kalau sudah faham .. sudah tau apa isi yang di sampaikan .. baru kasih masukan atau kritikan OKE hehehe .. ok dweh kalau sudah ngerti .. kita lanjut .. Setelah kemarin malam buat <a href="http://catatan-sioon.yu.tl/cara-membuat-game-sederhana-dengan-game.xhtml">Cara Membuat Game Sederhana Dengan Game Maker</a> .. sekarang kita pindah ke soal Blogging .. ya walau pun disini saya juga masih pemula .. belum faham bener .. soal Blogging apa lagi soal CSS dan sejenis nya .. tapi gak ada salah nya juga kan .. sedikit berbagi apa yang di ketahui ???? .. maka dari itu .. pada kesempatan kali ini .. akan saya kasih tau soal Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler .. kalau di rasa sudah tau .. apa sok tau .. gak apa - apa abaikan saja .. mungkin masih bisa sedikit berguna buat Blogger MWB NewBie ( Pemula ) / ( Pendatang baru ) .. seperti saya ini .. OKE NEXT .. seperti yang sudah kita ketahui bersama .. bahwa di MyWapBlog / ( MWB ) .. tidak boleh ada elemen / kode - kode .. yang di sembunyiin .. dan sebagian kode - kode juga tidak dapat di pergunakan / di pasang di sini ( MWB ) .. cuma sebagian kode HTML / CSS saja .. Kode JavaScript / jQuery / PHP .. ( yang saya tahu .. gak bisa di gunain ) ?? .. ya mungkin saya nya aja yang gak bisa / tahu .. atau gimana lah .. tapi yang saya tahu ya gitu .. dan sebuah CSS juga yang sekira nya untuk menyembunyikan .. gak bisa ya ?? Kecuali di pasang nya di dalam file CSS import .. tapi maaf - maaf kata kalau saya salah .. untuk lebih jelas nya .. bisa langsung saja .. di tanyakan ke ahli nya .. yang sudah faham soal MWB hehehe .. Nah .. sekarang bagaimana cara buat Dropdown nya ??? .. sementara buat menu dropdown itu .. tidak cukup dengan CSS & HTML aja .. ada script JavaScript nya juga .. kata siapa .. nggk juga kok .. cara buat Menu Dropdown Text cuma menggunakan CSS & HTML doank .. Lagian juga bukan di buat kan di bagian header .. seprti Navbar .. yang seprti ada di platfrom blog lain .. ini cuma sebagai pengganti Spoiler aja .. Emang Spoiler itu apaan sihh ?? & guna nya untuk apa ??? .. ahh banyak tanya .. kepo bangtz sih lu :mrgreen: kidding brow .. intinya spoiler itu .. sesuatu yang berbentuk tombol button .. di mana jika tombol tersebut di klik .. akan terbuka dan menampilkan sebuah kata / tulisan / kode di dalam nya .. jadi udah jelas kan Spoiler itu .. fungsi nya untuk meringkas text / kode panjang .. yang di taroh di dalam nya .. kurang lebih nya mungkin seperti itulah yang saya tahu .. jika ingin lebih lanjut soal Spoiler tanya aja ke si mbah :D .. Untuk permasalahan nya kan .. di MWB gk bisa nampilin Spoiler tuh .. bukan gak bisa sih .. bisa sih bisa .. cuma tombol nya gak bisa di klik / gak bisa di buka .. cuma dapat nampilin tombol button nya aja .. karena kan sebelum nya juga udah bilang elemen / kode yang di sembunyiin .. gak bakalan tampil .. nah untuk mengatasi nya .. saya punya ide .. yaitu dengan cara membuat Menu Dropdown Text .. menu ini .. fungsi nya bisa kita gunain sama percis dengan Spoiler .. yaitu dengan mengklik nama / mengklik tombol .. maka akan terbuka menampilkan isi yang ada di dalam nya .. Gimana ?? Baru baca aja .. sudah tertarik kan ?? .. ingin mencoba nya juga ?? .. karena menu ini .. bisa kita jadikan di saat memposting artikel yang menyakut soal edit menhedit sctipt / css / atau apa lah yang sekira nya bakalan memanjang ke bawah .. biar lebih ringkas .. si kode - kode panjang tersebut bisa di masukin ke dalam Menu Dropdown Text ini .. seperti layak nya di dalam Spoiler .. memang sih tanpa adanya spoiler Juga .. masih bisa kita gunain dengan Text Area .. di mana sebuah kode bisa kita taro di dalam Text Area .. tapi menurut saya itu terlalu membosan kan .. lagi - lagi yang di andalkan Text Area .. ya walau pun memang gak masalah sih .. tapi kan gak ada suasana baru nya gitu .. lagi - lagi di tempat itu hehehe .. Nah .. sekarang gimana ?? Udah baca sejauh ini .. apa masih mau melanjutkan membaca nya ?? .. tau mungkin males nerusin ?? Karena terlalu bertele tele ?? .. ok dweh .. karena disini bukan lagi lomba menulis hehehe .. jadi langsung saja ke inyinya .. anggap saja yang di atas itu .. cuma sebagian basa - basi aja .. karena saya sih gitu orang nya .. gak bisa langsung ke intinya .. pengen di jelasin dulu secara detail .. walau pun harus banyak ngetik .. dan walau pun penjelasan nya amburadul / bertele tele / gak jelas / gak karuan / gak bisa di fahami atau pun di mengerti .. tapi besar kecil nya mungkin bisa di fahami lah .. dan anggap aja sperti anak kecil .. yang baru belajar nulis :D .. Nah .. sekarang kita langsung saja .. ke inti pembahasan kali ini .. yaitu soal Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler .. silahkan Copy Code CSS di bawah ini .. berikut nya Paste ke dalam File CSS import kalian yang ada di Xtgem .. karena setau saya .. pada saat saya menyunting ulang CSS langsung dari MWB nya .. terutama di CSS Bagian Desktop .. ada notifikasi nya .. yang intinya Tidak boleh memasukan Kode yang di sembunyikan .. kurang lebih gitu lah .. pada saat CSS Menu Dropdown ini .. saya masukan langsung di MWB nya .. jadi saya masukan kedalam CSS Import nya .. dan hasil nya Work gan :D .. Horeeee Berhasil .. Berhasil .. berhasil .. hahaha itu mah kata dora ya .. Jangan di ikuti gaya dora nya ya :D .. Ok Next .. langsung saja .. Copas semua kode CSS di bawah ini .. cuma dikit kok kode nya juga .. dan cara pasang nya .. atau cara penempatan kode css nya .. sudah ngerti kan ?? .. dengan membukan file css import nya aja .. lalu gimana .. kalau yang gak memakai CSS Import ??? .. nah .. kalau agan yang memakai CSS bawaan MWB atau CSS buatan Creator CSS yang ada di MWB .. coba aja agan masukan kode CSS Dropdown nya .. di bawah css yang di pake .. lalu klik save .. kalau ada notifikasi seprti yang saya katakan di atas .. mungkin gak bisa .. jadi harus dengan terpaksa . Jika ingin menggunakan nya .. buat dulu akun Xtgem .. atau yang sudah punya .. tinggal buat file baru aja .. dengan akhiran kata CSS .. misal nya gini .. <ul><li>Daftar / Masuk dulu ke akun <a href="http://xtgem.com">Xtgem.com</a></li><li>Klik File Browser</li><li>Klik Create file / Buat File</li><li>tulis misal dropdown.css</li><li>klik / buka text editor & hapus semua yang ada di dalam file tadi yang kamu buat .. dropdown.css nya</li><li>lalu paste semua kode css menu dropdown nya</li><li>Klik save</li><li>Trakhir ambil link nya .. dan tambahkan kode @import url(...);</li><li>misal nama link / url nya http://situsku.xtgem.com/dropdown.css .. tinggal tambahin kode di atas .. dan taro link / url nya ke dalam tanda buka kurung ..</li><li>Seperti ini jadinya @import url(http://situsku.xtgem.com/dropdown.css);</li><li>kata dropdown.css nya .. itu nama file yang sebelum nya sudah di buat ..</li></ul> Gimana ?? Mudah kan .. buat CSS Import nya ??? .. tinggal selanjutnya .. buka MyWapBlog > klik Tema > klik Sunting CSS > Paste kode @import url(http://situsku.xtgem.com/dropdown.css); > klik Save .. berikut nya tinggal tess .. dengan buat postingan baru .. atau bisa juga di tess di menu navigasi .. sperti pada blog saya .. pada bagian Contact Admin & Partner Blog .. Udah cuma segitu aja .. sangat mudah banget kan ?? .. Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler .. tidak harus ribet dengan banyak kode ini itu lagi .. cukup dengan CSS & HTML saja sudah jadi .. dan silahkan Copas Kode CSS nya .. di bawah ini .. Copas Code CSS ini .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } Keterangan : kode CSS di atas jangan di rubah - rubah lagi .. kecuali lebar / padding / box-shadow / background nya saja .. selebih nya biarkan saja .. Sangat sedikit bukan ?? Dan tidak terlalu ribet ? .. nah selanjutnya setelah di copas semua .. tinggal ikuti poin - poin yang sudah saya katakan di atas .. lalu sekarang tinggal cara buat nya .. yaitu dengan kode HTML .. dan kode nya pun sama .. cuma dikit alias tidak banyak .. dan sangat mudah tuk di hafal .. apa lagi kalau sudah keseringan menggunakan nya .. nah di bawah ini .. silahkan copas kode HTML nya <div class="dropdown">Copas Code HTML ini<div class="dropdown-content"> <div class="dropdown"> Judul Button <div class="dropdown-content"> Isi Postingan </div> </div> Keterangan : Ganti Tulisan / Text Berwarna Blue dan Berwarna Red sesuai text / tulisan yang mau agan buat .. Judul Button ( untuk text tombol button ) nya .. dan Isi Postingan ( untuk menaro text di dalam menu dropdown tersebut ) .. </div></div> Gimana ?? Sangat mudah dan simple bangettz bukan ?? .. gak ribet dan mudah di hafal ?? .. ok next .. perjumpaan kali ini .. saya rasa cukup sampe disini .. jika berminat silahkan copas aja semua kode nya .. jika ada keluhan silahkan tanya saya lewat PM aja .. <div class="dropdown">Baca Juga Label : <div class="dropdown-content"><ul><li><a href="http://catatan-sioon.yu.tl/category/seputar-mywapblog/1.xhtml">Seputar MyWapBlog</a></li><li><a href="http://catatan-sioon.yu.tl/category/tips-trik-internet-gratisan/1.xhtml">Tutorial Blogging</a></li></ul></div></div> <div style="background:#000000;border:2px dotted #ff0000;padding:3px;color:#fff;"><center>Penulis</center></div><table width="100%" border="0"><tr><td align="center" style="width:50%;background-color:#fff;border:2px dotted #70f;"><div style="text-align:left;"><img alt="Casa.png" src="http://mackie.wapsite.me/img/Casa.png" /> Dari, Majalengka, Rajagaluh - Jawa Barat <img alt="MyProfil.png" src="http://ocha23.wapka.mobi/img/701072/701072055_7fb3106734.jpg" style="border:1px solid #b7b7b7;padding:2px;margin:2px;width:75px;height:190px;float:left;" /><img alt="User.png" src="http://mackie.wapsite.me/images/User.png" /><a href="http://catatan-sioon.yu.tl/"> OCHA</a> Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [<a href="http://catatan-sioon.yu.tl/about.xhtml">View More</a>] <center><a href="http://twitter.com/0ch4_r0cknr011"><img alt="twitter-icon.png" height="30" src="http://icons.iconarchive.com/icons/graphics-vibe/neon-glow-social/128/twitter-icon.png" width="30" /></a> <a href="http://facebook.com/ocha.pratama.906"><img alt="facebook-icon.png" height="30" src="http://icons.iconarchive.com/icons/graphics-vibe/neon-glow-social/256/facebook-icon.png" width="30" /></a> <a href="https://plus.google.com/112602739812131169053"><img alt="google-icon.png" height="30" src="http://icons.iconarchive.com/icons/graphics-vibe/neon-glow-social/128/google-icon.png" width="30" /></a> <a href="http://line.me/ti/p/%40qcb6178s"><img alt="Add Friend" border="0" height="36" src="http://biz.line.naver.jp/line_business/img/btn/addfriends_en.png" width="100" /></a></center></div></td></tr></table> <center><img alt="4f2396db8f1172a17b478a5a5.png" src="http://catatan-sioon.yu.tl/files/4f2396db8f1172a17b478a5a5.png" /></center> Itulah Postingan kali ini .. mengenai » Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler « .. yang bisa saya bagikan .. Pada kesempatan yang ke 89x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan .. <center>Wassalamu'Alaikum WR.WB</center>

Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler

Assalamu Alaikum WR.WB Cara Buat Dropdown Text Keren di MyWapBlog Sebagai Pengganti Spoiler Selamat pagi jelang siang kawan .. gimana akti...

Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlog Keren !!!

<center>Assalamu Alaikum WR.WB</center> <center>Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlog Keren !!!</center> <a href="/" title="Blog Ponsel si Oon">Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlog Keren !!!</a> - selamat sore MWB'er & pembaca semua nya .. pada kesempatan sore hari ini .. akan saya sedikit berbagi mengenai cara buat efek hover pada gambar .. cara ini bukanlah hal baru .. bagi anda yang sudah terjun dan mengenal dunia blogging .. tentunya sudah tahu dan sudah tidak asing lagi .. tetapi tidak ada salah nya saya share bagi anda - anda yang masih baru dan terutama bagi anda user MWB .. yang baru bergabung .. pasti nya belum tahu bener soal kode - kode dan cara mempercantik tampilan sperti apa dan bagai mana nya ?? .. jangankan anda yang baru .. saya aja yang udah lumayan lama di MWB .. selalu kesulitan .. banyak keinginan ingin membuat itu ini dengan cara dan gaya sendiri .. tapi lagi - lagi selalu gagal .. entah salah kode atau memang mungkin gak support di MWB ?? .. itu cuma Mr. Arvind dkk yang tau :D .. lho kok mereke ? Yuupss .. karena saya d sini cuma user oon yang selalu ingin tampil beda .. tapi tetep aja oon ya oon aja lah .. ya maka nya itulah perbedaan nya .. kalian pinter saya oon :D <div style="border-left:5px #ff1493;background:#ccc;text-align:justify;color:#000;"><center>Baca Juga :</center> <ul><li><a href="http://catatan-sioon.yu.tl/cara-buat-dropdown-text-keren-di-mywapbl.xhtml" title="CARA BUAT DROPDOWN TEXT KEREN DI MYWAPBLOG SEBAGAI PENGGANTI SPOILER">CARA BUAT DROPDOWN TEXT KEREN DI MYWAPBLOG SEBAGAI PENGGANTI SPOILER</a></li><li><a href="http://catatan-sioon.yu.tl/cara-modifikasi-blockquote-keren-buat-my.xhtml" title="CARA MODIFIKASI BLOCKQUOTE KEREN BUAT MYWAPBLOG DAN BLOGGER BLOGSPOT">CARA MODIFIKASI BLOCKQUOTE KEREN BUAT MYWAPBLOG DAN BLOGGER BLOGSPOT</a></li></ul></div> Ok Next .. bukan untuk membahas oon / pinter .. pada kenyataan nya kita sama .. yang membedakan cuma pada diri kita sendiri .. mau berusaha dan belajar sendiri ?? Apa cuma terdiam menunggu di ajarin ?? .. nah maka dari itu pada kesempatan kali ini akan saya share apa yang saya tahu buat anda yang belum tahu dan yang ingin tahu saja .. yang udah tahu dan gak ingin tahu .. berarti anda salah masuk .. monggo keluar dan masuk ke tempat lain .. mungkin d sana ada tempe :D .. Note : perlu diketahui bukan berarti saya sok ngajarin .. atau sok tahu ya .. tapi cuma sedikit berbagi saja .. buat anda yang berminat .. yang ingin tampilan nya sedikit kece aja gtu .. dengan berbagai sentuhan - sentuhan efek hover .. kalau gak minat ?? Ya abaikan saja .. Ok lah lanjut .. kebanyakan basa basi entar keburu lupa .. apa yang mau saya bagiin :D .. berikut ini Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlog Keren !!! .. Sebenar nya sih gak keren - keren banget .. karena memang efek nya ya gitu - gitu aja .. yang keren kan cuma judul nya :D .. dan sebenar nya ada 7 efek hover yang bisa di terapin di MyWapBlog ini .. tapi saya kasih 1 aja ya .. karena udah sya share juga di wap lain .. jadi selebihnya bisa anda baca dan pilih mau efek hover yang mana .. yang kalian suka .. disini yang saya share .. yang saya suka aja :D .. owh ya yang saya maksud ada 7 efek hover .. cuma yang saya tahu dan saya bisa nya aja .. menurut apa yang saya coba dan tes .. udah 7 efek hover img yang bisa di terapin di sini ( MWB ) .. mungkin masih banyak lagi efek - efek hover lain nya .. selebih nya berkreasi saja sendiri ya .. :D .. Ok next .. untuk mempersingkat waktu .. langsung saja simak cara pasang dan menggunakan nya di bawah ini .. <center>Cara Pasang CSS</center> Biar gak ribet lagi masang kode ccs nya .. saya sudah sediakan ccs import nya .. silahkan copy saja » @import url(http://bbm-ocha.jw.lt/ocha/imghover.css); .. setelah anda copy .. tentunya tinggal anda paste .. dimana cara paste nya ?? Tentunya bukan dijidat :D .. tapi lihat d bawah cara nya .. <center>Cara Pasang / Menggunakan</center> Stelah tadi .. anda copy .. lalu buka » MywapBlog.com » klik dashboard » klik tema » klik sunting css » paste kode import tadi .. di dalam / bawah css yang anda gunakan » klik save .. Jika sudah cara di atas dilakukan .. selanjutnya tinggal anda buat postingan baru / memasang gambar di navigasi / menyunting gambar yang ada untuk di tambahin efek hover nya .. dan cara nya sangat mudah .. yaitu dengan memasukan img class .. lebih jelas nya di bawah ini .. <img>class="img4" src="http:// url-gambar.jpg"/>.. sangat mudah bukan ?? Biasa nya cuma img src .. kalau mau ditambah efek hover gaya 4 ini .. tinggal ditambahkan class="img4" .. menjadi img class="img4" src seprti contoh nya di atas .. dan untuk Demo nya .. silahkan klik gambar di bawah .. ini contoh efek hover berputar dan zoom .. untuk gaya / efek hover 1, 2, 3, 5, 6, & 7 .. silahkan anda baca pada postingan saya yang ini » <a href="http://och4.mywibes.com/index/__xtblog_entry/11109103-7-model-efek-hover-sederhana-pada-gambar-tapi-keren?__xtblog_blog_page=4&__xtblog_block_id=1#">7 model efek hover sederhana pada gambar</a> .. dan dibawah ini contoh efek hover 4 .. silahkan diklik untuk mengetahui hasil nya .. <center><img alt="716472ba96d3138ad71fe4204.png" class="img4" src="http://catatan-sioon.yu.tl/files/716472ba96d3138ad71fe4204.png" /></center> Gimana .. sudah tahukan hasilnya .. dari pembahasan kita kali ini ?? .. itulah yang saya maksud .. jika tertarik dan ingin memakainya .. silahkan ikuti cara di atas dan tentunya jangan lupa untuk di copas kode nya .. owh iya efek hover ini akan berfungsi dibagian model jenis ponsel mutakhir .. dan bisa di terapkan pada bagian desktop .. Demikianlah <a href="/">Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlog Keren !!!</a> yang dapat admin Bagikan .. semoga bermanfaat bagi semua nya .. yang membutuhkan dan yang ingin mencoba nya .. <div style="background:#000000;border:2px dotted #ff0000;padding:3px;color:#fff;"><center>Penulis</center></div><table width="100%" border="0"><tr><td align="center" style="width:50%;background-color:#fff;border:2px dotted #70f;"><div style="text-align:left;"><img alt="Casa.png" src="http://mackie.wapsite.me/img/Casa.png" /> Dari : Majalengka, Rajagaluh - Jawa Barat <img alt="MyProfil.png" src="http://ocha23.wapka.mobi/img/701072/701072055_7fb3106734.jpg" style="border:1px solid #b7b7b7;padding:2px;margin:2px;width:75px;height:190px;float:left;" /><img alt="User.png" src="http://mackie.wapsite.me/images/User.png" /><a href="http://catatan-sioon.yu.tl/"> OCHA</a> Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [<a href="http://catatan-sioon.yu.tl/about.xhtml">View More</a>] <center><a href="http://twitter.com/0ch4_r0cknr011"><img alt="twitter-icon.png" height="30" src="http://icons.iconarchive.com/icons/graphics-vibe/neon-glow-social/128/twitter-icon.png" width="30" /></a> <a href="http://facebook.com/ocha.pratama.906"><img alt="facebook-icon.png" height="30" src="http://icons.iconarchive.com/icons/graphics-vibe/neon-glow-social/256/facebook-icon.png" width="30" /></a> <a href="https://plus.google.com/112602739812131169053"><img alt="google-icon.png" height="30" src="http://icons.iconarchive.com/icons/graphics-vibe/neon-glow-social/128/google-icon.png" width="30" /></a> <a href="http://line.me/ti/p/%40qcb6178s"><img alt="Add Friend" border="0" height="36" src="http://biz.line.naver.jp/line_business/img/btn/addfriends_en.png" width="100" /></a></center></div></td></tr></table> <center><img alt="4f2396db8f1172a17b478a5a5.png" src="http://catatan-sioon.yu.tl/files/4f2396db8f1172a17b478a5a5.png" /></center> Itulah Postingan kali ini .. mengenai » Cara Buat Img Hover Berputar dan Zoom Pada MyWapBlog Keren !!! « .. yang bisa saya bagikan .. Pada kesempatan yang ke 109x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan .. <center>Wassalamu'Alaikum WR.WB</center>

Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlog Keren !!!

Assalamu Alaikum WR.WB Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlog Keren !!! Cara Buat Img Hover Berputar dan Zoom Untuk MyWapBlo...

Blog Ponsel Si Oon