Vabrose: blogger

Showing posts with label blogger. Show all posts

Saturday, February 25, 2017

Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Salam Blogger, kali ini BLOGGINGPASURUAN berbagi tutorial tentang “Cara MODIFIKASI Widget STATISTIK Blogger KEREN “ menggunakan background warna dengan horizontal style. Atau seperti gambar diatas

Adapun Fitur dari widget statistik blog ini:

? Menampilkan Jumlah postingan

? Menampilkan Jumlah Komentar

? Menampilkan Total Tayang Laman

Silahkan ikuti langkah-langkah berikut menambahkan widget statistis blogger ini ke blog:

1.Pada Dasbor pilih menu Tata Letak

2.Tambah Gadget >> Pilih widget Statistik blog

Pada kolom konfigurasikan widget, anda tidak perlu mengganti nama atau memilih tampilan, langsung klik simpan dan klik simpan lagi.

3. Sekarang masuk menu Template >> Pilih edit HTML

4. Klik Ctrl+F dan cari kode ]]></b:skin>

5. Kemudian letakkan kode CSS berikut diatas kode ]]></b:skin>

#Stats1 ul{margin:0px 0;border:0;padding:0}

#Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:#0090D5;color:#fff;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}

#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;text-shadow:none}

#Stats1 span{font-size:12px;color:#fff;text-shadow:none}

#totalComments{background-position:0 -68px}

#totalCount{background-position:0 -136px}

Anda bisa mengganti background, warna font pada kode CSS widget statistik diatas agar sesuai dengan desain template blog anda.

6. Klik Ctrl+F dan cari kode berikut:

<b:widget id=Stats1 locked=false title=Total tayangan lamantype=Stats/>

7. Setelah dapat, ganti kode tersebut dengan kode berikut:

<b:widget id=Stats1 locked=false title= type=Stats>

<b:includable id=main>

<b:if cond=data:title><h2><data:title/></h2></b:if>

<ul>

<li>

<h4 id=Stats1_totalPosts>&hellip;</h4>

<span>Posts</span>

</li>

<h4 id=Stats1_totalComments>&hellip;</h4>

<span>Comments</span>

</li>

<h4 expr_id=data:widget.instanceId + "_totalCount">&hellip;</h4>

<span>Pageviews</span>

</li>

</ul>

//<![CDATA[

function totalPosts(json){document.getElementById(Stats1_totalPosts).innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById(Stats1_totalComments).innerHTML=json.feed.openSearch$totalResults.$t};document.write(<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts"></script><script type="text/javascript" src="/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments"></script>);

//]]>

</script>

</div>

</b:includable>

</b:widget>

Anda bisa mengganti tulisan yang memiliki background warna diatas dengan kata-kata anda sendiri

8. Simpan template dan lihat hasilnya diblog anda.

Demikian tutorial tentang Cara MODIFIKASI Widget Statistik Bawaan Blogger menjadi lebih KEREN selamat mencoba semoga bermanfaat..

Available link for download

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Bloggingpasuruan – Saya sebelumnya sudah share mengenai Widget "Abaut Me" atau About the Author blogger ini perbedaan dari widget sebelumnya hanya terletak pada desain widgetnya saja. Widget kali ini memiliki latar belakang profil berupa foto, nama dan deskripsi tentang penulis blog. Widget About the Author ( tentang penulis ) di buat sederhana namun kesan pro masih melekat dalam desainnya, widget hanya menunjukkan sebuah gambar dengan Google+ tombol dan link ke profil Google+ pengikut. Kali ini Bloggingpasuruan akan model widget "About Me" yang di letakkan dibawah posting blog namun mudah digunakan, keren dan ada tambahan 3 tombol jaringan sosial di dalam widget yang. Saya harap Anda menyukai widget ini. Untuk menambahkan widdget ini ke blog ikuti langkah-langkah di bawah ini

Baca juga : Widget About the Author ( profesional )dengan 4 model pilihan widget

Cara Membuat Widget About the Author ( tentang Penulis ) Blogger #3

1. Masuk ke Blogger >> Dashboard >> Templete >> Edit HTML

2.Cari kode <head>, kalau sudah ketemu >> letakkan kode di bawah ini sebelumkode <head>

<link href=http://fonts.googleapis.com/css?family=Droid+Serif rel=stylesheet type=text/css/>

3. Kemudian cari juga kode seperti di bawah ini :

<div class=post-footer-line post-footer-line-1>

4.Anda akan menemukan dua atau lebih kode yang mirip atau sama ( kode di bawah ini jangan diletakkan pada kode yang pertama ), sekarang salin kode dibawah ini ( kode CSS ) dan paste tepat di bawah kode yang ke kedua.

<b:if cond=data:blog.pageType == "item">

.ks-auth {height:160px; width:500px; background:#151515; margin:auto;overflow:hidden; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.25);

-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.25);

box-shadow: 0px 1px 5px rgba(0,0,0,.25);}

.ks-auth1 {width:120px;height:100%; float:left;}

.ks-auth2 {float:right; margin-top:-155px;}

.ks-auth2 h3 { color:#fff; margin-left:135px; margin-top:8px; margin-bottom:8px; border-bottom:1px dashed #5C97BF;font-family: Droid Serif, serif; font-weight:300;font-size:16px;}

.ks-auth2 img { float:right; margin-right:7px; height:20px; width:20px; margin-top:-4px}

.ks-auth2 img:hover { opacity:.9;}

.ks-auth2 p {font-size:13px; color:#fff; margin-left:135px;font-family: Droid Serif, serif; line-height:1.5; margin-top:5px; font-weight:100}/*crawlist.net CSS ends*/

</style><!—bloggingpasuruan.blogspot.co.id - widget starts-->

</div>

<h3>About Author <a href="http://plus.google.com/ID google plus anda" title="Find me on Google plus" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ETB9gy2zejhg2xIWvwW0EYPYBT7Cvq7zXA9qgj7Cq2JfgkHlPyE9rEF5MWBRBwIQ7nRLOzUpFx_4nohDulVdU7uIRvHemLO0ZobpAllRsrYg-H2bRWqnItXD-v22CA72htSdTsNcfnY/s1600/google-plus_64.png"/></a>

<p>Tulis diskripsi profile Anda sebagai penulis blog disini { kira 30 sd 40 kata }</p>

</div></div><!—blogginpasuruan.blogspot.co.id - widget ends--></b:if>

5. Jika Anda tidak menemukan kode <div class=post-footer-line post-footer-line-1>

Pada template blog, silakan cari kode ini : </article>

6. Kemudian paste kan kode CSS di atas dibawah kode </article>

Jika ada masalah dengan widget diatas, silahkan tinggalkan komentar anda di kotak komentar di bawah ini.

Semoga bermanfaat….

Available link for download

Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger

Tujuan kita dalam membuat sebuah blog tentu tidak lepas dengan pengunjung (visitor), baik visitor bertarget maupun tidak, visitor yang datang melalui Search Engine maupun hasil Blogwalking. Nah, biasanya ada suatu visitor yang menganggap blog anda selalu berguna untuknya, selalu dianggap menarik dalam segi isi dan cara penulisannya. Maka dari itu dibutuhkan widget seperti Artikel Berlangganan agar memudahkan visitor mengakses artikel anda apabila suatu saat anda meng-update.

Kali ini saya akan posting tentang Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger, memang sudah banyak artikel tentang cara mendisain widget Email Subscribe namun desain kali ini cukup sederhana menarik dan responsive.

Lihat DEMO

Catatan :Disini Anda harus memiliki ID Feedburnersebelum memasang Widget Subscribe dengan Ripple Animasi di atas. Untuk mendaftarkan Blog Anda di Feedburner terlebih dahulu untuk mendapatkan ID Feedburner yang nantinya akan diletakkan pada script yang akan saya terangkan lebih lengkap seperti dibawah ini.

Silahkan baca “ CaraLengkap Mendaftarkan Blog ke Feedburner Google ”

Ikuti langkah-langkahnya berikut ini :

1. Masuk ke akun Blogger Anda

2. Masuk ke Dashboard >> Templete >>Edit HTML

3. Cari kode berikut ini ]]</b:skin>jika sudak ketemu, letakkan kode dibawah ini sebelum kode ]]</b:skin>

CCS - Bloggingpasuruan.blogspot.co.id

/* CSS Subscribe email by bloggingpasuruan.blogspot.co.id */

@import url(https://fonts.googleapis.com/css?family=Oswald);

.subscribe-box { background: #00ACF5;color: #FFF;width:86%;letter-spacing: 1px;text-align: center;padding: 20px;font-family:'Open Sans'box-shadow: 1px 1px 2px;}

.text-subscribe {text-transform: uppercase;}

.bigger-text {font-size: 50px;font-weight: 900;}

.text2-subscribe {text-align: justify;font-family:'Open Sans'margin-top: 3px;line-height: 1.5em;margin-bottom: 20px;font-size: 12px;}

input.newsletter-address {width: 80%;padding: 24px;background: #008BC5;color: #FFFFFF;font-family: Oswald;border: 0;}

.newsletter-address::-webkit-input-placeholder {color: #00ACF5;}

input.newsletter-submit {color: #FFF;transition: ease .3s all;font-family:'Oswald'cursor: pointer;background: #005D84;border: 0;width: 100%;padding: 10px;font-size: 15px;margin-top: 10px;text-align: center;}

.attention-subscribe { font-size: 11px;margin-top: 7px;font-family:'Open Sans'

}

input.newsletter-submit:hover {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}

input.ripple-effect.newsletter-submit:focus {box-shadow: 0px 5px 10px 2px rgba(0, 78, 111, 0.43);}

4. Setelah itu silahkan cari kode </head>jika sudah ketemu silahkan letakkan kode dibawah ini sebelum kode </head>

jQuery - Bloggingpasuruan.blogspot.co.id

//<![CDATA[

jQuery(document).ready(function(e){e("body").on("click",".ripple-effect",function(t){t.preventDefault();var i=e(this),a=i.attr("data-ripple-limit"),n=i.attr("data-ripple-color");if("undefined"==typeof n)var n="rgba( 0, 0, 0, 0.3 )";var o=i.attr("data-ripple-wrap-radius");if("undefined"==typeof o)var o=0;if("undefined"==typeof a)var r=i;else var r=i.closest(a);var p=r.offset(),d=t.pageX,s=t.pageY,f=r.outerWidth(),l=r.outerHeight(),u=e(<span class="ripple-effect-wrap"></span>);u.css({width:f,height:l,position:"absolute",top:p.top,left:p.left,"z-index":1e4,overflow:"hidden","background-clip":"padding-box","-webkit-border-radius":o,"border-radius":o});var c=i.attr("data-ripple-wrap-class");"undefined"!=typeof c&&u.addClass(c),u.appendTo("body");var b=d-p.left,m=s-p.top,g=1e3,h=e(<span class="ripple"></span>);h.css({width:g,height:g,background:n,position:"absolute",top:m-g/2,left:b-g/2,content:"","background-clip":"padding-box","-webkit-border-radius":"50%","border-radius":"50%","-webkit-animation-name":"ripple-animation","animation-name":"ripple-animation","-webkit-animation-duration":"5s","animation-duration":"5s","-webkit-animation-fill-mode":"both","animation-fill-mode":"both"}),e(".ripple-effect-wrap:last").append(h),setTimeout(function(){u.fadeOut(function(){e(this).remove()})},500);var v=i.attr("href"),w=i.attr("target");w||(w="_self"),"undefined"!=typeof v&&"#"!=v.substring(0,1)&&setTimeout(function(){window.open(v,w)},200),(i.is("input")||i.is("button"))&&setTimeout(function(){i.removeClass("ripple-effect"),i.trigger("click"),i.addClass("ripple-effect")},200)})});

//]]>

</script>

5. Setelah itu tekan Save ( simpan )

6. Kemudian silahkan masuk ke Dashboad >> Tata Letak >>Add Gadget (tambah gadget).Pada kotak yang di sediakan, silahkan masukan kode HTML dibawah ini ke dalam kotak tersebut.

HTML - Bloggingpasuruan.blogspot.co.id

<div class="subscribe-box"><div class="text-subscribe">Dapatkan Update Artikel Terbaru<div class="bigger-text">GRATIS !</div><div class="text2-subscribe"> Hanya dengan memasukkan id email Anda di bawah ini dan kemudian tekan tombol "Berlangganan" maka secara otomatis Anda akan menerima update artikel terbaru dari blog ini langsung di inbox email Anda!</div></div>

<div>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open

(http://feedburner.google.com/fb/a/mailverify?uri=ID-FEEDBURNER-ANDA, popupwindow, scrollbars=yes,width=550,height=520);return

true" id="bg-embedded-subscribe-form" name="bg-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div>

</div>

</form>

</div>

<div class="attention-subscribe"> Kami tidak akan pernah spam Anda.</div></div>

7. Simpan, Selesai dan lihat hasilnya….

Jika Anda menemui masalah terkait desain dari Widget Email Subcribe dengan Ripple Animasi, silahklan tinggalkan pesan pada kotak komentar dibawah ini. Sebelumnya Admin mengucapkan terima kasih atas kunjungannya..

Anda suka artikel di atas ? Jangan lupa share ya…….

Available link for download

Cara Cepat dan Mudah Impor Blogger ke WordPress

Info Blog News - Blogspot adalah platform yang baik untuk memulai blogging ( pemula ) tetapi ketika Anda ingin serius bidang blogging, WordPress adalah pilihan terbaik untuk platform blogging Anda. Salah satu alasan yang paling umum pengguna blogspot adalah kita mungkin terjebak karena tidak tahu bagaimana cara pindah dari Blogspot ke WordPress.

Sekarang jika Anda memiliki blog Blogspot baru dengan beberapa posting dengan lalu lintas harian kurang dari 25-30, Anda tidak perlu khawatir tentang lalu lintasnya asalkan semua ketentuan yang pernah anda lakukan di blogspot Anda juga lakukan di Wordpress nantinya. Anda dapat mengimpor posting blog Blogspot Anda ke WordPress, kemudian menghapus blog Blogspot Anda dan mulai blogging pada platform WordPress.

Panduan sederhana ini akan membantu Anda dalam meng-impor semua Posts, komentar dan pengguna dari blog Blogger ke WordPress. Banyak pengguna yang berpindah dari Blogspot ke WordPress. Proses migrasi posting, komentar dan user cukup mudah. WordPress menawarkan alat migrasi Blogger inbuilt untuk mengimpor segala sesuatunya ke WordPress dari BlogSpot. Dengan menggunakan ekspor blogger dan fitur impor WordPress, Anda dapat dengan mudah mengimpor posting Anda dari Blogspot ke WordPress.

Panduan untuk Impor Blogger ke WordPress:

Jadi, saya menganggap Anda sudah, login ke akun blog WordPress barudan juga login ke akun Blogger Anda. Satu hal yang perlu dilakukan, jika Anda menggunakan Blogspot custom domain, pastikan Anda kembali ke default Blogspot domain. Anda dapat menambahkan custom domain kembali demi lewat link juice dan biarkan Google menangani 301 redirection-nya. ( Memperbaiki permalink pada topik yang berbeda). Setelah Anda berada di WordPress Dashboard, klik Tools >> Impor dan klik pada Blogger. Ini akan meminta Anda untuk menginstal plugin yang akan mengimpor posting, komentar dan pengguna dari blog Blogspot ke WordPress.

Jadi setelah Anda menginstal, klik Activate and run importer

Pada layar berikutnya klik pada Allow access, ini akan memberikan akses WordPress ke akun Blogger Anda dan di halaman berikutnya akan menampilkan semua blog yang Anda miliki di akun Blogger Anda.

Pilih blog Blogspot yang Anda ingin pindahkan ke WordPress. Klik Imporblog yang ingin Anda impor dan ini akan memulai proses mengimpor posting, komentar, gambar, dan link. ( Ini mungkin memakan waktu lama tergantung pada ukuran blog Blogspot Anda )

Proses ini sangat sederhana pada fitur impor WordPress. Setelah semua posting blog Anda dan komentar sudah bermigrasi ( pindah ), Anda dapat mengaitkan pengguna pada akun Wordpress. Saya juga menyarankan Anda, pergi ke Posting >> Kategori dan klik Kategoriuntuk menandai converter dan mengkonversi semua kategori ke tag. Ketika label Blogger diimpor dan digunakan sebagai kategori WordPress, Anda lebih baik menjaga beberapa kategori untuk struktur yang lebih baik pada tag untuk label.

Dalam beberapa menit, blog WordPress baru Anda akan selesai dan siap dengan semua posting dan komentar yang sudah ter-migrasi dari Blogspot. Namun kadang-kadang, proses import bisa terjebak atau tidak semua posting atau komentar ter-import, saya sarankan Anda untuk menggunakan plugin Wp suicide dan membuang semua posting dan komentar dari blog WordPress dan re-authenticate ( mengulang ) kembali proses impor.

Pada kejadian di atas adalah sangat jarang terjadi dalam proses migrasi Blogsspot ke layanan migrasi WordPress. Padahal, jika Anda sudah familiar dengan dasar pengetahuan dari Blogspot dan WordPress, mengimpor Blogger ke WordPress itu bukan menjadi proses yang sulit bagi Anda.

Jika Anda menyukai posting, jangan lupa untuk berbagi dengan rekan,teman,sahabat Anda yang lain. Jika Anda memiliki pertanyaan mengenai importing dari blogspot ke WordPress. Jangan ragu untuk mengajukan pertanyaan.

Semoga bermanfaat…

Available link for download

Cara Modifikasi Widget LABEL cloud Responsive Blogger

BLOGGINGPASURUAN - Label widget ini sangat berguna sebagai navigasi yang mudah. Kita semua tahu widget label Blogger tidak enak dipandang, untuk alasan ini saya telah membuat beberapawidget label cloud unik dengan sangat menarik dan jelas pengunjung Blog Anda akan menyukainya. Saya menggunakan kode CSS murni sehingga tidak akan menghambat waktu loading Blog Anda. Di sisi lain, dilihat dari bentuknya dapat menarik perhatian pengunjung. Untuk menambahkan widget ini silahkan ikuti langkah-langkah sederhana dari bawah ini :

SAYA AKAN MENYAJIKAN 7 DESAIN LABEL DAN ANDA DAPAT MEMILIH SESUAI SELERA

Cara Modifikasi Widget Label Bloggger ( cloud )

1.Masuk ke Akun Blogger Anda

2. Masuk ke menu Tata letak ( layout ) >> Add gadget

3. Setelah klik pada LABEL, lihat gambar dibawah ini cara memilih LABEL jenis CLOUD

4. Kemudian tekan Save, sampai disini proses pembuatan LABEL jenis CLOUD selesai namun masih dalam desain default-nya ( asli ), nah sekarang kita akan MODIFIKASI dengan desain yang kita inginkan.

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 1

1. Masuk ke menu TEMPLETE >> EDIT HTML

2. Cari kode ]]></b:skin>: gunakan Ctrl+F untuk mempercepat pencarian

3. Letakkan kode script di bawah ini sebelum/diatas kode ]]></b:skin>

CSS - BLOGGINGPASURUAN

/* cloud label by http://bloggingpasuruan.blogspot.co.id*/

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

background:#0dd7b4;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

background:#333333;

}

.label-count {

white-space:nowrap;

padding-right:3px;

margin-left:-3px;

background:#333333;

color:#fff !important;

}

.label-size {

line-height:1.2

}

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 2

CSS - BLOGGINGPASURUAN

/* cloud label oleh http://bloggingpasuruan.blogspot.co.id */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

border-radius:30px;

background:#FA0830;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

border-radius:30px;

background:#333333;

}

.label-count {

white-space:nowrap;

border-radius:30px;

padding-right:3px;

margin-left:-3px;

background:#333333;

color:#fff !important;

}

.label-size {

line-height:1.2

}

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 3

CSS - BLOGGINGPASURUAN

/* cloud label oleh http://bloggingpasuruan.blogspot.co.id */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

border:5px dashed #000000;

border-bottom-right-radius: 30px;

border-top-left-radius: 30px;

background:#FA0830;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

border:5px dashed #FA0830;

background:#000000;

}

.label-count {

white-space:nowrap;

border-bottom-right-radius: 30px;

border-top-left-radius: 30px;

padding-right:3px;

margin-left:-3px;

background:#000000;

color:#fff !important;

}

.label-size {

line-height:1.2

}

Cara Modifikasi Widget Cloud Blogger >> DESAIN # 4

CSS - BLOGGINGPASURUAN

/* cloud label oleh http://bloggingpasuruan.blogspot.co.id */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

border: 8px inset #0572F8;

background:#0572F8;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

background:#000000;

}

.label-count {

white-space:nowrap;

padding-right:3px;

margin-left:-3px;

background:#000000;

color:#fff !important;

}

.label-size {

line-height:1.2

Available link for download

Cara Menghapus Peringatan Malware Yang Mengarah Pada Blog Blogger Anda

Salam Blogger, Bloggingpasuruan akan memberikan info Bagaimana Cara Menghapus Peringatan Malware Yang Mengarah Pada Blog ( Blogger ) Anda. Umumnya peringatan ini muncul ketika user pengguna masuk ke situs Anda, apabila pengguna mendapati kondisi seperti ini tentunya menjadi petaka buat trafik blog Anda. Dampaknya pasti ke EARNING alias penghasilan Anda dari Blog.

Catatan: Ada 2 masalah yang cukup umum yang datang dari situs Blogger,

Yang pertama adalah pemilik blog tiba-tiba mulai melihat iklan di situs-nya padahal pemilik blog merasa tidak pernah memasangnya.

Yang kedua adalah pemilik blog tiba-tiba melihat kata-kata acak di posting ketika mengarahkan mouse pada iklan muncul. Dalam kebanyakan kasus masalah ini disebabkan oleh plugin browser nakal atau ekstensi pada komputer pemilik blog, Jika Anda mengalami salah satu dari masalah ini coba memeriksa dari komputer lain. Jika pada komputer lain tidak melihat gejala yang sama Anda akan harus segera menonaktifkan plugin Anda, tentunya pemeriksaan ini dilakukan satu per satu ( tidak efisien ) sih tapi demi kebaikan Blog tidak ada salahnya kan ?

Blog yang diarahkan ke situs acak, contoh - (kunoichi.info, webhostingpunk.com, ping.blogspot-ping.com, scrapur.com, quiterandom.com, retweet.com, ibizeye.com, wallheaven.com, gelgit.tk/www.shamchat .c.la, coloncleansecompany.com, adsentra.com, chat-forum.com, YOUROWNHOSTING.COM

Saya melihat sejumlah situs Blogger yang tiba-tiba mulai mengarahkan ke salah satu domain yang tercantum di atas (dan lain-lain). Redirect biasanya disebabkan oleh panggilan script / baris kode

Atau seperti ini

Untuk menghapus menghentikan redirect Anda perlu menemukan dan menghapus baris kode, panggilan naskah atau iframe. Dalam beberapa kasus kode ini di letakkan pada template situs di letakkan di salah satu gadget di situs.

Jika Anda menggunakan Blogger dan untuk menemukan kode yang men-redirect blog Anda kehalaman lain ini tentunya sulit ( butuh ketelatenan ). Silahkan masuk disini untuk pencarian kode script yang mengarahkan Blog Anda ke halaman lain, cara ini sedikit lebih efisien.

Caranya adalah :

1. Setelah Anda masuk >> ketik URL blog Anda

2. Kemudian klik SCAN

3. Script MALWARE akan secara otomatis akan ditampilkan, pilih located here

4. Anda sudah menemukan script berbahaya dan saatnya HAPUS script tersebut

5. Jangan menunda untuk menghapusnya !!!

Jika Anda mengalami kesulitan mengakses / mengedit template karena redirect Anda dapat mencoba menggunakan Firefox dengan No Script add on

1. Buka Firefox, masuk ke No Script add on dan menginstal NoScript. Ini akan mencegah redirect langsung.

2. Login ke akun Blogger Anda >> www.blogger.com.

3. Setelah login di www.blogger.com, Anda akan melihat daftar pilihan atau alamat url

4. Klik kanan pada salah satu pilihan ( option ), akan membuka daftar pilihan, Klik NoScript, dan kemudian klik allow blogger.com .

5. Anda sudah masuk pada Dashboard.

Langkah selanjutnya akan tergantung, apakah kode ini di template Anda atau di salah satu gadget Anda -

Jika berada dalam template Anda

6. Klik pada link More Options dan klik Template

7. Klik Edit HTML

Contoh kode berbahaya seperti dibawah ini :

< script src=http:// ping . blogspot-ping . com/ping.js type=text/javascript></script>

Atau seperti ini

8. Hapus kode yang merupakan malware. Kemudian klik Save Template.

Catatan : curigai setiap script java ( .js ) jika yakin malware segera hapus

Jika di salah satu gadget Anda

1. Masuk ke Layout ( tata letak )

2. Jika Anda dapat mengedit kode di gadget danmenggantinya, silahkan, jika Anda tidak dapat mengedit kode di gadget Anda, menghapus widget/gadget adalah pilihan yang amat sangat tepat !.

3. Simpan perubahan Anda

4. Hapus cache dan cookie.

5. Keluar ( sign out ) dari Blogger.

Saya mendapatkan peringatan malware ketika saya membuka situs Blogger / Blogspot.

Pertanyaan ini muncul umum pada beberapa forum di mana saya berpartisipasi. Tiba-tiba Chrome atau Firefox atau Safari memblokir akses ke blog saya dengan halaman situs serangan dilaporkan, apakah blog saya telah hacked? Jawabannya "mungkin tidak" dan “ mungkin Ya “

Hal pertama yang perlu Anda lakukan adalah memeriksa Penjelajahan Aman diagnostik Halaman untuk situs Anda disinidan masukkan URL Blog Anda.

Mudah-mudahan Anda mendapati pemberitahuan seperti ini :

What is the current listing status for your-blog-name.blogspot.com?

This site is not currently listed as suspicious.

Terjemahan : Apakah status cantuman terbaru untuk nama-blog-anda.blogspot.com?

Situs ini saat ini tidak tercantum sebagai mencurigakan.

Petanyaan selanjutnya adalah "Saya telah memeriksa Halaman Diagnostik Google untuk situs saya dan itu menunjukkan bukan kategori situs berbahaya. Tapi mengapa pengunjung Blog Anda mendapatkan halaman peringatan ketika mengakses situs Anda?

Jika pengunjung Anda mendapatkan peringatan pada satu atau lebih dari halaman situs Anda di browser seperti Chrome, Firefox atau Safari dan situs Anda tidak (belum) ditandai oleh Google itu mungkin peringatan cross-site. Chrome, Firefox dan Safari semua fitur sistem keamanan internal yang memanfaatkan Google API Malware. Jika browser seperti Chrome mendeteksi kode pada halaman Anda (script, iframe, gambar tag) yang memuat konten APAPUN dari atau redirect ke situs yang saat ini ditandai oleh Google browser akan keluar peringatan tersebut. Peringatan itu tidak akan mengidentifikasi situs Anda akan mengidentifikasi situs yang menjadi pemilik malware, situs eksternal yang memuat konten pada halaman Anda ( artinya Blog Anda ter-infeksi MALWAERE )

Pada sebagian besar kasus yang saya temukan kode pada widget Blog Roll / Daftar isi. Kode terlihat seperti ini :

< div class=widget BlogList id=BlogList1>

< h2 class=title> My Blog List< /h2>

< div class=widget-content>

< div class=blog-list-container id=BlogList1_container>

< ul id=BlogList1_blogs>

< li style=display: block;>

< div class=blog-icon>

< input type=hidden value=http://www.flagged-site.com/favicon.ico/>

< /div>

< div class=blog-content>

< div class=blog-title>

< a href=http://www.flagged-site.com/ target=_blank>

Blog I would like to link to< /a>

< /div>

Baris kode yang menjadi penyebab masalah adalah < input type=hidden value=http://www.flagged-site.com/favicon.ico/>. Ketika halaman Blog Anda dibuka, browser mendeteksi bahwa itu memuat konten dari situs www.flagged-site.com, disini loading halaman Anda akan di-direct ke halaman peringatan. Satu-satunya cara untuk menghapus peringatan ini adalah menghapus kode memuat konten sampai saat pemilik situs www.flagged-site.com agar dibersihkan oleh Google.

Meskipun tidak umum penyebab kedua saya lihat adalah halaman yang memuat gambar dari situs ditandai. Kode untuk memuat gambar biasanya terlihat seperti ini

Atau seperti ini

Hal yang harus dicari dalam kebanyakan kasus adalah bahwa domain http://flagged-site.com, ter-identifikasi di halaman peringatan. Dan yang terjadi dalam kasus ini, sekali lagi, salah satu situs/Blog Anda memuat konten dari ( blog lain yang mengandung Malware )

Demikian Info dari bloggingpasuruan, jika ada pertanyyan silahkan tulis pada katak komentar dibawah ini…

Semoga bermanfaat…

Available link for download

Vabrose

Saturday, February 25, 2017

Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Cara MODIFIKASI Widget STATISTIK Blogger KEREN

Wednesday, February 22, 2017

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Saturday, February 18, 2017

Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger

Cara Membuat Widget Email Subcribe dengan Ripple Animasi di Blogger

CCS - Bloggingpasuruan.blogspot.co.id

jQuery - Bloggingpasuruan.blogspot.co.id

HTML - Bloggingpasuruan.blogspot.co.id

Wednesday, February 15, 2017

Cara Cepat dan Mudah Impor Blogger ke WordPress

Cara Cepat dan Mudah Impor Blogger ke WordPress

Sunday, February 5, 2017

Cara Modifikasi Widget LABEL cloud Responsive Blogger

Cara Modifikasi Widget LABEL cloud Responsive Blogger

CSS - BLOGGINGPASURUAN

CSS - BLOGGINGPASURUAN

CSS - BLOGGINGPASURUAN

CSS - BLOGGINGPASURUAN

Tuesday, January 10, 2017

Cara Menghapus Peringatan Malware Yang Mengarah Pada Blog Blogger Anda

Cara Menghapus Peringatan Malware Yang Mengarah Pada Blog Blogger Anda