Showing posts with label Tips Blog. Show all posts
Showing posts with label Tips Blog. Show all posts

Monday, May 9, 2016

Cara Membuat Email Langganan Di Blogger

Cara Membuat Email Langganan Di Blogger : Ngblog

Cara ini digunakan untuk nantinya pembaca blog kita bisa berlangganan artikel kita melalu emailnya, dimana saat kita memposting artikel baru maka mereka yang berlangganan menerima email pemberitahuan bahwa kita telah mempost artikel baru.




Caranya :
  • Ke blogger - dashbord - tata letak -tambah gadget
  • Pilih HTML/JAVASCRIPT ,copy paste code berikut di box html/javascript :
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/><div id='byard-emailsubsocial'> <div class='heading'> Sign Up in Seconds </div> <p>Sign up with your email address to receive hot updates straight in your inbox.</p> <div class='emailsub'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=gantiyangini', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type='text' name='name' placeholder='Your Name' /> <input type='text' name='email' placeholder='Your Email' /> <input type="hidden" value="gantiini" name="uri"/> <input type="hidden" name="loc" value="en_US"/> <input value="Sign Up Now!" class="button" type="submit" /> </form> </div><p id='credits'>Powered By : <a href='http://www.fajarmyusuf.blogspot.co.id'>Fajar Yusuf</a></p> </div> <style type='text/css'> #byard-emailsubsocial { width: 300px; height: 330px; border: 1px solid #ddd; border-radius: 5px 5px 0px 0px; } #byard-emailsubsocial .heading {padding: 15px 25px;line-height: 35px;font-size: 26px;font-weight: 600;font-family: open sans;color: rgb(170, 170, 170);text-align: center;text-shadow: 0px 1px rgba(255, 255, 255, 0.75);background: none repeat scroll 0% 0% rgb(247, 247, 247); } #byard-emailsubsocial p { font-family: open sans; font-size: 13px; color: rgb(170, 170, 170); line-height: 25px; padding: 10px 20px 0 20px; margin: 0; } #byard-emailsubsocial .emailsub { padding: 0px 20px 10px 20px; } #byard-emailsubsocial .emailsub input { color: rgb(170, 170, 170); padding: 10px; margin-top: 10px; font-size: 15px; font-family: open sans; width: 92%; border: 1px solid #ccc; border-bottom: 2px solid #ccc; border-radius: 5px; transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #byard-emailsubsocial .emailsub input:focus { border-color:#F4836A; outline: none; box-shadow: 0 0 2px 1px #F4836A; } #byard-emailsubsocial .emailsub .button { background: #F4836A; color: white!important; border:none; outline: none; border-bottom: 3px solid #B3614E; transition:background .4s linear; width: 90%; margin-right: 5%; margin-left: 5%; font-weight: 600; cursor:pointer; } #byard-emailsubsocial .emailsub .button:hover{ background: #DD7761; }#credits {margin: 0 auto!important;margin-top: -10px!important;width: 160px;} </style>





  • Tekan Ctrl+f lalu cari gantiyangini ganti dengan nama feedburner kalian(sebelumnya jika kalian belum daftar feedburner silakan daftar).
  • Lalu klik simpan.

Hasilnya pun sudah bisa kamu liat di blog kalian, semoga bermanfaat ^^





Reviewer: FajarYusuf.Com
ItemReviewed: Cara Membuat Email Langganan Di Blogger

Sunday, May 8, 2016

Membuat Emoticon Ala Kaskus Di Komen Blog

Membuat Emoticon Ala Kaskus Di Komen Blog : Ngblog

Lebih menarik memang jika kita bisa melihat expresi seseorang saat mengungkapkan kata-katanya lewat dunia maya, tapi jika kita tidak bisa melihat wajahnya langsung bagaimana kita mengetahui expresinya? ,mungkin emoticon jadi salah satu caranya..

Dan diblog pun ada yang namanya komentar, ya berkomentar pun pasti sangat berwarna jika kita bisa saling berbagi expresi melalui emoticon..
ok langsung aja saya akan memberikan cara membuat emoticon ala kaskus di komen blog...
  • Buka Blogger - Pilih Blog agan - Template -Edit HTML
  • Lalu letakan code di bawah ini tepat diatas kode </body> (Gunakan CTRL+F ) : 
    • <script src='//googledrive.com/host/0B7H_GQEvKCj1bjRueExyQ2ZTZXM/kaskus_emoticon.js' type='text/javascript'></script>
  • Selanjutnya cari kode <p><data:blogCommentMessage/></p> (Gunakan CTRL+F ) jika tidak ada coba cari :blogComment saja.
    Jika sudah ketemu biasanya ketemu 2 atau 4 kode, letakan kode di bawah ini tepat di atas 4 kode tadi. :
    • <iframe src='https://googledrive.com/host/0B7H_GQEvKCj1SmIxOXhHalV2ZVE/tabel-kaskus.html' style='width:97%;height:225px;border:none!important;' scrolling='no' frameborder='0'></iframe>
  • Cari kode seperti ini document.getElementById(domId).insertBefore(replybox, null);
    Jika sudah ketemu ganti kode tadi dengan kode dibawah ini :
    • document.getElementById(domId).insertBefore(document.getElementById('emoticon-kaskus'), null);
  • Selesai klik Simpan Template

Hasilnya akan seperti ini :


Jika ada pertanyaan silakan berkomentar :)


















Reviewer: FajarYusuf.Com
ItemReviewed: Membuat Emoticon Ala Kaskus Di Komen Blog

Saturday, May 7, 2016

Menambahkan Peraturan Komentar Pada Blog

Menambahkan Peraturan Komentar Pada Blog : Ngblog

Menulis sebuah artikel dan dikomentari dengan link aktif/promosi produk dan kata kata spam lainnya memang tidak mengenakan anda mungkin akan sangat merasa kecewa sekali, anda mungkin seperti menulis sebuah artikel namun tidak dihargai karyanya oleh orang lain.

Mungkin membuat aturan berkomentar di blog adalah salah 1 cara menetralisirnya, mungkin jika ada aturan tersebut orang berpikir 2 kali untuk meninggalkan komentar Spam, lalu bagaimana cara membuat aturan komentar tersebut? langsung saja kita praktekan

Ikuti langkah berikut :
  1. Login ke bloger,masuk ke blog yang anda inginkan, Klik Setelan -> POS-KOMENTAR
  2.  Scroll kebawah dan cari menu "pesan formulir komentar" klik tambahkan , dan isi kolom sesuai keinginan kalian atau peraturan yang kalian inginkan.
  3.  Setelah selesai silakan klik simpan setelan dipojok kanan atas.

Lihat hasilnya di blog kalian ,akan seperti ini :


Jika ada pertanyaan silakan berkomentar .










Reviewer: FajarYusuf.Com
ItemReviewed: Menambahkan Peraturan Komentar Pada Blog

Sunday, May 1, 2016

Cara membuat pop up halaman Facebook diBlog

Cara membuat pop up halaman Facebook diBlog : Ngblog


Kalau mendengar nama popup pasti sobat menilai sesuatu yang mengganggu, iya kan? Memang widget ini masih mengganggu pengelihatan pengunjung Blog. Namun tidak akan terlalu mengganggu karena widget ini hanya muncul satu kali untuk satu Pengunjung Unik dalam waktu yang telah ditentukan. Bisa 3 hari sekali, 7 hari sekali, 30 hari sekali, dan lain-lain. Jadi selain akan menambah Likers Fans Fage Facebook kita karena terkesan membujuk untuk melakukan Like, dengan Popup Like Facebook ini juga setidaknya pengunjung tidak akan kesal dengan keberadaan popup ini.

Untuk tampilanya sendiri, widget ini akan muncul beberapa waktu yang telah ditentukan setalah halaman Blog selesai dimuat. Widget ini akan muncul di bagian muka monitor dengan bagian selain widget akan terlihat menjadi gelap. Tidak seperti sebagian widget popup Like Facebook yang akan tertutup hanya jika pengunjung melakukan like, widget ini mempunyai kelebihan lain. Yaitu widget ini dilengkapi dengan tombol Close. Pengunjung diberi 2 pilihan, apakah akan klik Like atau Close. Pengunjung bebas menentukan untuk menyukai halaman Facebook kita atau tidak.

Cara Membuatnya...
Pertamanya tentunya kalian harus sudah mempunyai blog  di blogger karna tips ini khusus untuk blogger.

Copy Script Berikut : 

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> <style> #fanback { display:none; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; } #fan-exit { width:100%; height:100%; } #fanbox { background:white; width:420px; height:270px; position:absolute; top:58%; left:63%; margin:-220px 0 0 -375px; -webkit-box-shadow: inset 0 0 50px 0 #939393; -moz-box-shadow: inset 0 0 50px 0 #939393; box-shadow: inset 0 0 50px 0 #939393; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: -220px 0 0 -375px; } #fanclose { float:right; cursor:pointer; background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat; height:15px; padding:20px; position:relative; padding-right:40px; margin-top:-20px; margin-right:-22px; } .remove-borda { height:1px; width:366px; margin:0 auto; background:#F3F3F3; margin-top:16px; position:relative; margin-left:20px; } #linkit,#linkit a.visited,#linkit a,#linkit a:hover { color:#80808B; font-size:10px; margin: 0 auto 5px auto; float:center; }
</style>

<script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_facebook_like') != 'yes'){ $('#fanback').delay(5000).fadeIn('medium'); $('#fanclose, #fan-exit').click(function(){ $('#fanback').stop().fadeOut('medium'); }); } $.cookie('popup_facebook_like', 'yes', { path: '/', expires: 7 }); }); </script> <div id='fanback'> <div id='fan-exit'></div> \ <div id='fanbox'> \

<div id='fanclose'></div> <div class='remove-borda'></div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/belajarpemrogramanoke&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe> </div> </div>

Lalu  ke blogger - dashbord - tata letak -tambah gadget
Pilih HTML/JAVASCRIPT ,paste script yang diatas

  • Ubah https://www.facebook.com/belajarpemrogramanoke dengan ID Halaman Facebook sobat
  • Jika tidak diubah, widget ini akan muncul 5 detik setelah halaman Blog selesai dimuat. Ubah angka "5000" di dalam kode $('#fanback').delay(5000).fadeIn('medium'); . 1 detik = 1000, 5 detik = 5000, 10 detik=10.000.
  • Jika tidak diubah, widget ini akan muncul 7 hari sekali untuk satu pengunjung unik. Jika ingin mengubahnya, ubah angka "7" di dalam kode $.cookie('popup_facebook_like', 'yes', { path: '/', expires: 7 }); . 1 hari = 1, 5 hari = 5, 7 hari = 7.

Jika telah selesai, klik Simpan.



 POP UP Like halaman Facebooknya sudah muncul ^^

Reviewer: FajarYusuf.Com
ItemReviewed: Cara membuat pop up halaman Facebook diBlog

Thursday, April 28, 2016

Cara Mengganti Logo Blog /Favicon

Cara Mengganti Logo Blog /Favicon : Ngblog


Pertamanya tentunya kalian harus sudah mempunyai blog  di blogger karna tips ini khusus untuk blogger.
Cara menggantinya cukup mudah, namun perlu diperhatikan terlebih dahulu adalah mendapatkan favicon yang diinginkan. Ada banyak cara bisa dilakukan, salah satunya dengan menggunakan fasilitas gratis pembuatan favicon dari freefavicon.com.

Setelah gambar yang diinginkan telah ada, saatnya merubah masa depan blog Anda.

Buka blog anda pilih tata letak-favicon-edit

Lalu browse pilih gambar favicon/logo yang kamu inginkan,pastikan gambar itu kotak sama sisi, lalu simpan.

Kini logo blogger sudag terganti oleh logo karya kita sendiri ^_^


 

Reviewer: FajarYusuf.Com
ItemReviewed: Cara Mengganti Logo Blog /Favicon

Membuat dan memasang Live Traffic Feed

Membuat dan memasang Live Traffic Feed : Ngblog

Pertamanya tentunya kalian harus sudah mempunyai blog entah itu membuat blog di bloger atau wodpress dan sebagainya.

Disini saya contohkan dengan memakai blogger,pertama buka blog kalian terlebih dahulu, setelah itu :
1. Kunjungi : http://feedjit.com
2. Perhatikan PERSONALIZE YOUR FEEDJIT
3. Aturan sesuka kita tampilan Live Traffic Feednya




4. Setelah itu pilih Install Feedjit on my pilih blogger atau wordpress, kalau saya pilih Blogger


5. Dan klik go!

6.STEP 1 untuk membuka blogger.com , Pilih STEP 2 untuk penginstallan hanya terkadang gagal, maka lewati STEP 1 dan 2 ,Langsung saja Copy Code yang tersedia
7.Lalu kembali ke blogger - dashbord - tata letak -tambah gadget
8.Pilih HTML/JAVASCRIPT
9.Klik Simpan

Selesai....


Reviewer: FajarYusuf.Com
ItemReviewed: Membuat dan memasang Live Traffic Feed

Cara Membuat Kotak Chating Dengan Chatango

Cara Membuat Kotak Chating Dengan Chatango : Ngblog

Pertamanya tentunya kalian harus sudah mempunyai blog entah itu membuat blog di bloger atau wodpress dan sebagainya.

Disini saya contohkan dengan memakai blogger,pertama buka blog kalian terlebih dahulu, setelah itu buka tab baru masukkan situs https://chatango.com/

Lalu klik get started.

Akan ada 3 pilihan menu chating yang tersedia.
Box : Kotak yang akan selalu tampil
Ticker : Chating yang berjalan seperti text berita
Tab : Chating yang akan pop up jika kita klik seperti chat facebook

Disini saya pilih yang Box.


Masukkan nama grupnya, setting ukuran chat dan warna kotak chatnya.

Lalu klik create group

Klik sign up jika blm terdaftar di chatango..
Isi Nama ,Password dan Email

Lalu Copy(ctrl+c) Embed code

Lalu kembali ke blogger - dashbord - tata letak -tambah gadget
Pilih HTML/JAVASCRIPT

Pastekan atau taruh embed code yang kita dapat dari chatango ke kotak konten, isi judul sesuai keinginan kalian.
Lalu Simpan


Silakan Lihat Blog anda , kotak chat sudah tersedia






Reviewer: FajarYusuf.Com
ItemReviewed: Cara Membuat Kotak Chating Dengan Chatango

TENTANG SITUS

SITUS INI ADALAH SITUS INFO GAME TERBARU DAN JUGA SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.