www.learnmore-seemore.com adalah situs web yang dikelola oleh alfryan irgie
Tutorial Membuat Widget Social Media Dengan Metro Style
in
CSS,
Javascript,
Tutorial,
Widget
- on 15.47
- 2 comments
Selamat pagi,selamat siang,selamat malam bagi kalian yang sedang sekolah :D maupun yang sedang beraktivitas.Pagi yang cerah admin ingin membahas Tutorial Membuat Widget Social Media Dengan Metro Style.Metro style ini mempunyai 3 style.Ingin tahu apa saja style itu? Mari simak tutorial berikut ini :
HTML DAN CSS :
- Login AKUN/ID Blogger sobat
- Baca basmallah
- Dashboard >> Tata Letak >> Add Gadget >> Pilih HTML/Javasript.
- Dan copy code dibawah ini tepat di gadget HTML/Javascript tadi.
STYLE 1
HTML DAN CSS :
<div class="metro-social"><li><a class="fb" href="#"></a></li><li><a class="tw" href="#"></a></li><li><a class="gp" href="#"></a></li><li><a class="pi" href="#"></a></li><li><a class="in" href="#"></a></li><li><a class="yt" href="#"></a></li><li><a class="fd" href="#"></a></li></div><style>/*Metro UI Social Profile Widget v3.0 by Tech Prevue LabsWeb link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.htmlDistributed under license CC BY-NC-ND 3.0 INTPlease keep license information intact while using this widget*/.metro-social{width:285px}.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}</style>
DEMO GAMBAR
STYLE 2
HTML DAN CSS :
<div class="MH" id="MH"><ul id="MH-social"><li><a class="fb" href="#"></a></li><li><a class="tw" href="#"></a></li><li><a class="gp" href="#"></a></li><li><a class="fd" href="#"></a></li></ul></div><style>#MH-social{width:305px;float:left;margin-top:10px}#MH-social li{position:relative;cursor:pointer;padding:0!important}#MH-social .fb,.tw,.gp,.fd{position:relative;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:5;display:block;float:left;margin:1px}#MH-social .fb{width:150px;height:152px;background:url(//goo.gl/6xmUk) no-repeat center center #3b5998}#MH-social .tw{width:150px;height:74px;background:url(//goo.gl/oyiFK) no-repeat center center #3b5998}#MH-social .gp{width:150px;height:74px;background:url(//goo.gl/oT0kF) no-repeat center center #3b5998}#MH-social .fd{width:302px;height:74px;background:url(//goo.gl/ncoLY) no-repeat center center #3b5998}#MH-social li:hover .fb{-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;background:url(//goo.gl/MH8AP) no-repeat center center #3468b6}#MH-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #4099ff;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out}#MH-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #e44524;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out}#MH-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #f60;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out}</style>
DEMO GAMBAR
STYLE 3
HTML DAN CSS :
<style>#socialicons_widget_sidebar-2{Width:300px;Height;auto;}.socialicons_widget_sidebar li { float: left; width: 147px; height: 147px; margin: 0 0 0 0; padding: 0 0 0 0; border-bottom: none;}.socialicons_widget_sidebar li a { line-height: 1px; display: block;}.socialicons_widget_sidebar li a:hover img { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}.socialicons_widget_sidebar li a span { display: none;}.socialicons_widget_sidebar li.rss-icon { margin: 0 6px 6px 0;}.socialicons_widget_sidebar li.facebook-icon { margin: 0 6px 0 0;}</style><div id="socialicons_widget_sidebar-2" class="row widget socialicons_widget_sidebar"><ul style="margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;"><li class="twitter-icon" style="margin-left: 155px;"><a target="_blank" href="#" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyl6biNMx6GNufCfeH0o02WwQ7NZ-4w1r0L774PaWG8xXWLOWeh3Df2AzWHXy1VrtzuJeDlPOUtthsbMy7zCSY9ct8oLy8fldzsqYwW3CpX72GXosRN9PYfrFa6AbrEIdmuX2ClAUYm7fw/s1600/twitter.png" width="147" height="147" /><span>Twitter</span></a></li><li class="facebook-icon" style="margin-top: -146px;"><a target="_blank" href="#" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIWbEa9nbrNlu5vc6QShlNOmiedcuUn651jNHXAMiJWnOuBbEoIpD4mS8iIdUEVpi0HcfZogppUSXfeN4Zngll70X0O9dNIgZurSrSgXPCM7xKTtyuC4FpiL4TDStG8DaK349aunJDbTKU/s1600/facebook.png" width="147" height="147" /><span>Facebook</span></a></li><li class="rss-icon" style="margin-top: 7px;"><a target="_blank" href="#" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf29DtN3S5BN4yV_XSHX-FdMd2zwTUwJWFgPIOE9bIqom6MuUoCehK6y2niB8fkZy2jpnztpwzrJsTVkv2JumAyv5sOID-K0M24AVz7vtX5F0_bKSl1NwshqEMUr44VGI9tUPgSIhr1yiY/s1600/rss.png" width="147" height="147" /><span>Rss Feed</span></a></li><li class="google-icon" style="margin-left: 155px;margin-top: -153px;"><a target="_blank" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg61UP0MHLMaGIaZn7pWzpn4rzC-khoLqNZzOJ5eavDdrhCnTWxcpbbW-lgTdLq4wwtTSHq5R7Jln1NlTT27gCEiaBckLZLh-sFj1p4kBW4lKg5wv1EuHXtXY-fzGjWfbLf3OacrGwQX1fx/s1600/google.png" width="147" height="147" /><span>Google+</span></a></li></ul></div>
DEMO GAMBAR
NOTE :
TANDA # BERWARNA MERAH ADALAH ALAMAT URL SOCIAL MEDIA SOBAT
Responsive,Keren,Tidak berat .. ingin mencoba??? Ayo dicoba sob :D
Selamat mencoba !
Cheat Social Wars 100% Work No Survey
in
Cheat,
Game
- on 15.36
- No comments
Seperti Posting saya sebelumnya "Cheat Dragon City 100% Work No Survey"Cheat ini akan work 100% tanpa survey tertentu.Saya telah menyoba cheat ini memang benar benar berhasil/work.Memang,banyak yang mempublikasikan tools cheat buatan sendiri.Tetapi,apakah itu bayar?gratis?atau memakai survey? memakai survey walaupun gratis itu akan menyusahkan kalian.Dikarenakan,sobat akan Untuk melakukannya sangat mudah sekali,dengan mengikuti langkah-langkah berikut ini :
- Ketik FBID/Flash User ID Dan SessionID/User key Sobat di halaman social wars pada facebook.
- Jangan lupa untuk menge-click "Please Click Here Before Use"Setelah menge-click,ketik gold,food,cash,dll yang kalian inginkan,kalau bisa sebanyak banyaknya.DAN jangan lupa untuk mengisi code captha tersebut.sekiranya akan nampak seperti gambar berikut setelah di submit.
- Nah,sekarang hanya tinggal mengecek akun fb social wars sobat,apakah berhasil atau tidak???Nih bukti cheat kalau work100% .. before and after
PERINGATAN :
- Jangan menggunakan cheat ini terlalu sering,lakukan 1-5x saja jika sobat tidak ingin ID Sobat di BANNED!!
- Dilarang Keras menawarkan jasa cheat tersebut kepada seseorang demi merauk keuntungan tersendiri.
- Jika mengalami Die Session,Tunggulah Minimal 30Menit,dan cobalah kembali cheat tersebut.
Thanks To Abdul Sopyan
HAPPY PLAYING !!!
Cheat Dragon City Work 100% No Survey
in
Cheat,
Game
- on 15.36
- No comments
Seperti kita ketahui,kini banyak cheat beredar untuk berbagai game.terutama game dari social point seperti Dragon City.Mungkin cheat itu adalah cara terbaik untuk para gamers agar irit uang dan juga untuk mencapai urutan tertinggi.cheat ini work 100% dan pastinya aman.Mungkin sobat bisa melihat berbagai tools cheat,tutorial untuk merubah komponen pada game yang ada untuk dirubah sesuai keinginan.Tetapi,apakah tools cheat itu bayar?ataupun memakai survey?.Yang pastinya,cara terbaik adalah "gratis tanpa survey".Untuk mengetahui cara mengaktifkan cheat tersebut,ikuti langkah berikut :
- Disitu,ada pilihan.pilihlah cheat yang diinginkan sobat,kalau saya mengeklik "Open Again 30.000 Food".
- Setelah sobat mengeklik diantara teks didalam kotak tersebut,akan terlihat gambar berikut.
- Sudah melihat tampilan?KLiK "Please Click Here Before Use"maka akan muncul "Link Bucks"dan sobat harus menunggu selama 5 detik.
- Sesudah itu,ketik FBID/ID Facebook dragon city sobat dan SessionID/Userkey facebook dragon city sobat.Jika tidak tahu cara melihat FBID Dan SessionID.Cari tutorial untuk melihat id tersebut.Dan Jangan Lupa untuk mengisi caphta.Setelah selesai,akan seperti berikut :
- Sobat akan melihat perbedaan sebelum melakukan cheat,dan sesudah melakukan cheat tersebut.
PERINGATAN :
- Jangan menggunakan cheat ini terlalu sering,lakukan 1-5x saja jika sobat tidak ingin ID Sobat di BANNED!!
- Dilarang Keras menawarkan jasa cheat tersebut kepada seseorang demi merauk keuntungan tersendiri.
- Jika mengalami Die Session,Tunggulah Minimal 30Menit,dan cobalah kembali cheat tersebut.
Akan saya update terus cheat-cheat dari social point Untuk menyenangkan para gamers yang mengunjungi web ini.pantengin terus,dan lihat updatenya!!!
Terima kasih telah mengunjungi Web Ini!
Thanks to Abdul Sopyan
Thanks to Abdul Sopyan
Bahayanya Meletakkan Ponsel Di Kasur
Namun kebiasaan meletakkan ponsel di ranjang umumnya berbahaya untuk kesehatan. Ini tiga alasannya dilansir dari Women's Health, Rabu (30/7/2014).
1. Bantal terbakar
Masa iya bisa membakar bantal? Hal ini terjadi pada seorang remaja asal Texas Amerika Serikat. Ia meletakan smartphone Samsung Galaxy S4 di bawah bantal yang menyebabkan melelehnya smartphone tersebut serta terbakarnya kain sprei dan kasur di dekatnya.
Masa iya bisa membakar bantal? Hal ini terjadi pada seorang remaja asal Texas Amerika Serikat. Ia meletakan smartphone Samsung Galaxy S4 di bawah bantal yang menyebabkan melelehnya smartphone tersebut serta terbakarnya kain sprei dan kasur di dekatnya.
Diduga kebakaran disebabkan karena penggunaan baterai Samsung yang tidak kompatibel. Sebenarnya dalam buku petunjuk sudah dijelaskan jika smartphone tersebut tertutup selimut atau benda tebal lain bisa mengakibatkan kebakaran.
2. Tidur tak nyenyak
Peralatan elektronik seperti tablet, smartphone, televisi berlayar LED mengeluarkan cahaya biru. Beberapa studi menunjukkan hal ini dapat menghambat produksi hormon melatonin yang memengaruhi tidur. Oleh karena itu matikan dan jauhkan ponsel dari kasur Anda agar dapat tidur dengan nyenyak
3. Risiko kesehatan
Meski masih belum jelas apakah ponsel menyebabkan kanker. Namun tahun 2011 lalu, WHO memeringatkan untuk mengurangi penggunan ponsel karena berisifat karsinogen bagi manusia terutama anak-anak yang memilki kulit kepala dan tengkorak yang lebih tipis dari orang dewasa dan lebih rentan terhadap bahaya radiasi.
Meski masih belum jelas apakah ponsel menyebabkan kanker. Namun tahun 2011 lalu, WHO memeringatkan untuk mengurangi penggunan ponsel karena berisifat karsinogen bagi manusia terutama anak-anak yang memilki kulit kepala dan tengkorak yang lebih tipis dari orang dewasa dan lebih rentan terhadap bahaya radiasi.
Lebih baik, letakkan ponsel Anda di meja ruang tidur Anda sebelum terlelap.
Pesan Moral "Bukan Kita Yang Menguasai Teknologi,Justru Sebaliknya"
Gunakanlah teknologi dengan sebaik-baiknya.
Terima kasih !