Cara Membuat Widget Recent Post Slider Otomatis dan Responsive di Blogger

20:46 Add Comment
Salam Blogger, Artikel kali ini bloggingpasuruan tentang Cara Membuat Widget Recent Post Slider Otomatis dan Responsive di Blogger. Widget ini sangat ringan dan keren begitupun pemasangannya sangat mudah dilakukan.

Cara Membuat Widget Recent Post Slider Otomatis dan Responsive di Blogger


Langsung saja, Cara menambahkan kede Widget-nya :

>> Masuk ke akun Blogger Sobat

>>masuk ke Layout( tata letak ) >> Tambah gadget ( add gadget ) >> pilh HTML Java script

Cara Membuat Widget Recent Post Slider Otomatis dan Responsive di Blogger

>>Masukkan kode dibawah ini didalamnya ( kotak html java script )

<center>
<div id="headerbox">Posting Terbaru</div>
<div id="featuredpostside"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="https://pasuruan-slider-sidebar.googlecode.com/svn/pasuruan-sidebar-slider.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://nama-blog-sobat.blogspot.com",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'/>
<style scoped="" type="text/css">
/*
Dibuat oleh http://bloggingpasuruan.blogspot.com
*/
ul.abt-sidebar-slider * {
    -moz-box-sizing: border-box;
}
ul.abt-sidebar-slider {
    font: 11px Verdana,Geneva,sans-serif;
}
ul.abt-sidebar-slider, ul.abt-sidebar-slider li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
ul.abt-sidebar-slider {
    height: 500px;
    width: 100%;
}
ul.abt-sidebar-slider li {
    display: none;
    float: left;
    height: 24.5%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 100%;
}
ul.abt-sidebar-slider li:nth-child(1), ul.abt-sidebar-slider li:nth-child(2), ul.abt-sidebar-slider li:nth-child(3), ul.abt-sidebar-slider li:nth-child(4) {
    display: block;
}
ul.abt-sidebar-slider li:nth-child(2) {
    left: 0;
    top: 50%;
}
ul.abt-sidebar-slider img {
    border: 0 none;
    height: 100%;
    width: 100%;
}
ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider li {
    transition: all 0.4s ease-in-out 0s;
}
ul.abt-sidebar-slider li:nth-child(4) {
    left: 0;
    top: 75%;
    width: 100%;
}
ul.abt-sidebar-slider li:nth-child(3) {
    left: 0;
    top: 25%;
}
ul.abt-sidebar-slider .overlayx {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider img {
    border: 4px solid #2E8DCE;
    border-radius: 3px 3px 3px 3px;
}
ul.abt-sidebar-slider .overlayx:hover {
    opacity: 0.1;
}
ul.abt-sidebar-slider h4 {
    color: white;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 100;
    line-height: 1.5em;
    margin: 0;
    padding: 0 10px;
    position: absolute;
    top: 25px;
    width: 100%;
    z-index: 2;
}
ul.abt-sidebar-slider .label_text {
    bottom: 10px;
    color: white;
    font-size: 90%;
    left: 10px;
    position: absolute;
    z-index: 2;
}
ul.abt-sidebar-slider li:nth-child(2) .autname, ul.abt-sidebar-slider li:nth-child(3) .autname {
    display: none;
}
.buttons {
    margin: 5px 0 0;
}
.buttons a {
    display: inline-block;
    height: 25px;
    position: relative;
    text-indent: -9999px;
    width: 15px;
}
.buttons a:before {
    border-color: transparent #535353 transparent transparent;
    border-style: solid;
    border-width: 8px 7px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 0;
}
.buttons a.nextx:before {
    border-color: transparent transparent transparent #535353;
    margin-left: -3px;
}
.date {
    background: none repeat scroll 0 0 rgba(32, 122, 161, 0.84);
    bottom: 93px;
    padding: 8px;
    position: relative;
    right: 6px;
}
#headerbox {
    background: #8FB93D;
    font-family: Oswald;
    padding: 4px;
}
</style>
</center>


Catatan: Ganti tulisan warna merahdengan URL blog Sobat.

>> Simpan dan lihat hasilnya

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Membuat Widget Recent Post Slider Otomatis dan Responsive di Blogger. Semoga bermanfaat dan terima kasih..

Cara Mengatasi FLASH DISK “ Write Protect “

09:44 Add Comment
Cara Mengatasi FLASH DISK Write Protect

Salam Blogger, Bloggingpasuruan bagi bagi artikel lagi, kali ini tentang Cara Mengatasi FLASH DISK “ Write Protect “. Permasalan ini kadang sangat menjengkelkan apalagi jika Sobat benar benar sedang membutuhkan data dari Flash disk ternyata Sobat mendapai masalah “ Flash Disk Write Protect “.


Jika tutorial dibwah ini bukan spesifikasi kerusakan flasdisk yang anda cari, Baca juga artikel 


Sebenarnya masalah “Write Protect” terjadi sangatlah simple dan umumnya tidak disadari oleh user itu sendiri. Salah satu penyebab Write Protect yang paling umum terjadi adalah ketika Flash Disk masih tertancap di USB drive langsung dicabut tanpa melalui prosedur yang benar.


Kita langsung saja ke cara memperbaiki flashdsik di Write Protected :

Langkah Pertama :

1. Masuk ke Window >> Run (Ini khusus OS Windows)
2. Isikan pada field dengan “Regedit” >> enter..
3.Cari HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\ StorageDevicePolicies(kemungkinan di beberapa OS tidak dijumpai StorageDevicePolicies)
4. Pada sisi sebelah kanan akan ada DWORD bernama WriteProtect. Klik 2x pada DWORD tersebut dan ubah value-nya dengan 0
5. Klik OK dan Restart komputer.

Langkah ke dua:

1. Buka Command Prompt Windows dengan cara buka run dan isi dengan cmd dan ketik “CHKDSK /E Drive letter” : (contoh apabila flashdisk berada di drive E maka ketik “chkdsk /f e”.
2. Kemudian coba untuk membuat folder baru pada Flash Disk tersebut, apabila berhasil maka folder baru tersebut akan tersimpan di flashdisk walaupun flashdisk tersebut tidak tersambung pada komputer sekalipun.
3. Apabila masih gagal, coba ulangi format dengan perintah Format Drive letter: (contoh apabila flashdisk berada di drive G maka format g
4. Atau Sobat dapat dilakukan melalui Computer Management dan lihat volume drive flash disk yang akan diformat, kemudian format. Bila masih error, coba restart komputer dan coba lagi. (hentikan jika memang cara ini belum berhasil )

Langkah ke tiga :

1. Buka Windows Explorer, Klik kanan pada Drive Flash disk yang write protected kemudian klik “eject”,
2. Cabut Flash disk tersebut tanpa Safely remove,
3. Pasang kembali Flash Disk tersebut.

Apabila Flashdisk masih write protected, ulangi langkah 1-3, ( Cara dibawah ini adalah alternatif terakhir).

Cara Mengatasi Flash Disk Write Protection Menggunakan Diskpart Command Line


1. Masuk Window >> Run >> CMD tekan Enter

Cara Mengatasi FLASH DISK Write Protect

2. Sobat akan melihat tampilan command line seperti di bawah ini

Cara Mengatasi FLASH DISK Write Protect


3.Pada C:\windows\system32\DISKPART tekan Enter ( lihat gambar dibawah ini )

Cara Mengatasi FLASH DISK Write Protect


4. Sekarang ketik LIST DISK dan tekan Enter. Anda akan melihat sesuatu tabel seperti di bawah. Ini menunjukkan dua disk yang tersedia: Hard Disk Drive (HDD) sebagai Disk 0, dan USB flash drive sebagai Disk 1. Kita tahu bahwa USB flash drive adalah Disk 1 karena jauh lebih kecil daripada Disk 0 di hanya 7441 MB dibandingkan 298 GB. Hati-hatil ya jangan samapai salah pada langkah ini !!! 

Cara Mengatasi FLASH DISK Write Protect
Pada Langkah ini, jenis SELECT DISK 1 dan tekan Enter bahwa Disk 1 sekarang disk yang Sobat dipilih. Ketik ATRIBUT DISK, dan Diskpart akan memberitahu tentang flash drive Sobat. Yang terpenting adalah baris pertama “ Current Read-only state: yes “. Hal ini memungkinkan Sobat tahu bahwa, memang, flash drive dalam posisi “ WRITE PROTECT “.

Untuk menghapus WRITE PROTECT dengan Diskpart, ketik perintah ATRIBUT DISK CLEAR READONLY. Jika berhasil, yang akan dikonfirmasi oleh Disk attributes cleared successfully.


Jika semua cara di atas tidak mengatasi masalah Sobat dengan Flash Disk Write Protect maka jalan satu satunya perbaikan adalah menggunakan software.

Atau cara terakhir yang bisa Anda gunakan :

Pada kotak command propmt ( masih pada DISKPART ) berjalan sebagai ADMINISTRATOR, ketikkan :


DISKPART COMMAND PROMPT - BLOGGINGPASURUAN

diskpart

list volume
select volume n (where n = the problem volume)
attributes disk clear readonly
attributes volume clear readonly
 

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Mengatasi FLASH DISK “ Write Protect “. Semoga bermanfaat dan terima kasih..

Cara Melaporkan Pencuri Artikel / Konten Blog Ke Google DMCA

08:53 Add Comment
Cara Melaporkan Pencuri Artikel / Konten Blog Ke Google DMCA

Salam Blogger, Artikel kali ini tentang Cara Melaporkan Pencuri Konten / Artikel Blog Ke Google DMCA. Semua Blogger pasti akan merasa jengkel dengan tindakan pencurian artikel apalagi ketika artikel hasil jerih payah pemikiran kita, mendadak muncul di Blog pihak lain yang merepost artikel kita dan mengakui bahwa itu adalah artikelnya.

Reputasi sebuah Blog menjadi taruhan dengan adanya duplicate content. Peringkat menjadi anjlok drastis adalah taruhannya karena dianggap menduplikat konten orang lain. Padahal Andalah pemilik artikel yang sebenarnya .

Blogger Fuck:

Blogger yang ingin mendapatakan reputasi positif dengan cara instant, Blog yang tampak berisi kontent atraktif, menarik, informatif namun hasil dari duplikat konten blog lain yang sudah memiliki nama besar. 

Bagai mana Mengatasi Pencuri Artikel Blog kita ?

Untuk mengatasi konten yang dicuri kita dapat melaporkan ( tindakan pencurian artikel/konten ) ke Google DMCA agar situs ( Si pencuri ) di de-index dari search engine. Atau bahkan secara permanen situs ( Si pencuri ) hilang dari search engine. Melaporkan suatu tindak pencurian konten adalah hal wajar yang harus dilakukan guna menghindari turunnya reputasi Blog sebagai pemilik konten aslinya.

Berikut ini adalah langkah yang harus ditempuh terhadap pencuri artikel Blog kita  :

Beberapa Link yang bisa di gunakan untuk melaporkan pencurian konten/artikel :

1. Google Search : Engine CopyrightRemoval
3. Pencurian Gambar atau image : GoogleImage
6. Wordpress : DMCA Notice
7. Yahoo/Bing : Notice of infringement


Catatan :

1.Sebelum lapor ke Google DMCA, silahakan beri peringatan admin blog yang mencuri artikel kita

2. Jika admin blog tidak merespon dalam waktu cepat, segera lapor ke Google DMCA  sebelum terlambat dan algoritma google akan menjatuhkan reputasi situs kita.

3.Kita juga bisa langsung lapor ke  Google DMCA  tanpa perlu kontak admin blog pencuri konten.


Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Melaporkan Pencuri Artikel / Konten Blog Ke Google DMCA. Semoga bermanfaat dan terima kasih..

Cara Membuat Navigasi Halaman Blog dengan Nomor

20:40 Add Comment
Cara Membuat Navigasi Halaman Blog dengan Nomor

Salam Blogger, Artikel kali ini tentang Cara Membuat Navigasi Halaman Blog dengan Nomor. Pada tips kali ini cukup mudah dan sederhana, Sobat hanya memasukkan kode HTML saja melalui Dashboard blogger kemudian masuk ke menu tata letak dan tambah gadget, Sobat tinggal masukkan saja kode HTML pada kotak pop-up add gadget.


Pada artikel sebelumnya dengan judul >> CaraMembuat Widget Navigasi Halaman Dengan NOMER Keren pada Blogger  lihat contoh gambar navigasi halaman dibawah ini. Jika Sobat lebih tertarik untuk memodifikasi Navigasi halaman Blog tampak profesional silahkan klik judul diatas.

Cara Membuat Navigasi Halaman Blog dengan Nomor



Saya akan sambung lagi untuk tutorialnya di atas, OK ! langsung saja ikuti langkah langkahnya :

 
Cara Membuat Navigasi Halaman Blog dengan Nomor
Tampilan widget seperti ini


1. Login to Blogger >>> Dashboard
2. Klik pada Drop Down Menu dan pilih Layout ( tata letak )
3. Kemudian pilih Add a HTML/JavaScript Gadget
4. Paste kode di bawah ini di dalamnya.

<style> .showpageNum a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpageArea {
float: left;
}
.feed-links {
display: none;
}
.showpageArea a {
float: left;
font-size: 15px;
color: #fff!important;
padding-left: 15px;
padding-right: 15px;
}
.showpagePoint {
float: left;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.showpageArea a {
text-decoration: none;
}
.showpageArea {
float: left;
width: 363px;
margin-top: 10px;
}</style>
<!—Halaman  Navigation awal oleh http://bloggingpasuruan.blogspot.com-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://www.geocities.ws/usmankurniawan/pagenation.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Halaman Navigation akhir oleh  http:// bloggingpasuruan.blogspot.com --></script></b:if></b:if>

>>> Silahkan ganti kode warna merah dan biru (  lihat kode warna HTML Disini )
5. Simpan  Lihat hasilnya

Selesai

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Membuat Navigasi Halaman Blog dengan Nomor.Semoga bermanfaat dan terima kasih...

Cara Membuat Privacy Policy atau Kebijakan Privasi di Blog

19:17 Add Comment

Salam Blogger, Artikel Bloggingpasuruan kali ini tentang Cara membuat Privacy Policy atau kebijakan privasi pada blog, berguna untuk mengetahui ketentuan dari Website atau Blog itu sendiri dan bisa Mematuhui Kebijakan didalamnya. Privacy policy ini juga salah satu hal penting bagi Anda yang ingin mendaftarkan pada Google Adsense atau iklan PPC lain. Mengapa? Dikarenakan Privacy Policy ini akan dibaca oleh orang yang memeriksa Website atau Blog yang didaftarkan oleh Anda.

Berikut Langkah-Langkah Cara Membuat Privacy Policy:

1. Silahkan masuk ke Link ini PrivacyPolicyOnline

2. Setelah itu isi formulir yang disediakan. Lihat contoh gambar dibawah !!!
Cara Membuat Privacy Policy atau Kebijakan Privasi di Blog

Kustomisasi lihat pada nomor :

>> Pada nomor 1. Isikan Judul Blog Sobat

>> Pada nomor 2. Isikan URL Blog Sobat

>> Pada nomor 3. Isikan URL KONTAK ( formulir kontak ) Blog Sobat

Contact Link isi dengan email Anda atau Contact Us. Jika belum punya, Silahkan baca Cara Membuat Contact Us Pada Blog 

>> Pada nomor 4. Isikan Alamat Email ( yang masih valid ) milik Sobat


3.Klik tombol Generate Policy untuk melihat Privacy Policy Anda. Lihat gambar di atas yang dilingkari warna merah !!!

4.Copy Paste Privacy Policy Anda ke halaman atau buat postingan baru khusus untuk Privacy Policy blog Anda.

Cara Membuat Privacy Policy atau Kebijakan Privasi di Blog

Selesai

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Membuat Privacy Policy atau Kebijakan Privasi di Blog. Semoga bermanfaat dan terima kasih..

Cara Melihat ID Facebook Anda dan Teman Anda

18:28 Add Comment

Salam Blogger, Artikel kali ini tentang Cara Melihat ID Facebook Anda dan Teman Anda. ID adalah kode yang sering digunakan biasanya untuk masuk kedalam suatu akun, dan banyak sekali fungsi lainnya dari ID, misalnya untuk verifikasi meta tag pada template blog Sobat

Cara Melihat ID Facebook Anda dan Teman Anda


karena banyak sekali yang menanyakan kepada saya bagaimana cara melihat ID facebook sendiri atau orang lain, maka saya buat artikel ini :)
biyasanya ID berbentuk angka ko sekarang tidak ada ?
sekarang berubah menjadi nama pemilik akun.

Contoh :

dulu : facebook.com/5473846946593367891
sekarang : facebook.com/bloggingpasuruan

Dalam artikel kali ini akan saya jelaskan bagaimana cara melihat ID Facebook dengan cara yang sangat mudah.

Ikuti langkah berikut ini :

1.Masuk ke akun facebook anda.

2. Masuk ke URL http://graph.facebook.com/ [target yang ingin dicari ID facebooknya]

Contoh : http://graph.facebook.com/bloggingpasuruan

3.Hasilnya akan muncul informasi mengenai ID dari facebook target

Lihat gambar di bawah ini  :

Cara Melihat ID Facebook Anda dan Teman Anda


Selesai

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Melihat ID Facebook Anda dan Teman Anda. Semoga bermanfaat dan terima kasih..

Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word

09:54 Add Comment

Salam blogger, Artikel bloggingpasuruan kali ini tentang Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word. Sebagai blogger pemula akan merasa kesulitan membuat tabel pada postingan blog, apalagi tabel tersebut cukup rumit seperti ada sheet yang digabung, tebal garisnya berbeda, atau ada warnanya.

Ini akan sebaliknya bagi yang sudah paham kode html hal akan lebih memilih untuk mengetikan kode-kodenya sendiri, Bagaimana jika blogger pemula tidak paham kode-kode tersebut? Ternyata dengan Microsoft Word kita bisa mengetahuai kode tersebut untuk kemudian kita copy paste di postingan blog.

Berikut adalah cara Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word:

1. Buka Aplikasi Microsoft Word

2. Buat Tabel Seperti Biasa

3. Buat tabel dengan mengklik “insert“ >> “table“, kemudian tentukan jumlah kolom dan baris, dan jika perlu silahkan sesuaikan tebal garis dan warna tiap sheet sesuai selera.

Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word


4. Simpan File Sebagai HTML Sederhana

Caranya : Klik “Save As“, kemudian pada bagian “Save As Type” pilih “Web Page, Filtered”kemudian “Save”

Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word


5. Kemudian rubah Ekstensi File Menjadi TXT

Buka Windows Explorer dan cari dimana file tadi disimpan, kemudian ubah ekstensi file dengan cara rename, dari ekstensi  “htm” menjadi ekstensi “txt”

Contoh : buat tabel.htm ganti ekstensihtm dengan txt >> buat tabel.txt

Jika anda tidak bisa melihat ekstensi file, pada menu Windows Explorer klik “tools“ >> “folder option“, dan pada tab “view“ hilangkan centang pada pilihan “Hide extension for known file types”

Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word

6. Buka File dan Copy Kode HTML

Buka file tersebut pada notepad, kemudian copy kode dalam file tersebut dimulai dari kode <table ….> sampai kode </table> dan paste kode tersebut pada postingan blog yang sudah dalam mode penulisan HTML

Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word

Hasilnya adalah tabel seperti di bawah ini, selain hasilnya rapi, lebih elegan, cara ini juga termasuk sangat mudah digunakan bahkan bagi blogger pemula.

Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word

Selesai..

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Membuat Tabel Pada Postingan Blog Menggunakan Microsoft Word. Semoga bermanfaat dan terima kasih..