Cara Membuat Download Box Untuk Web Anime Mirip Onikuro

Kali ini Tutorial Style Download Box untuk web Anime yang di ambil dari web ane satu lagi hehhe

Download box ini sedikit menggunakan style CSS 3 menjadikan ada animasi yang enak untuk dilihat

tanpa banyak cingxong cuss ke tutorialnya

Cara membuat Download Box Mirip Onikuro.com

1.Masukan Code ini di tepat atas </style> setelah itu simpan

.dlbox ul{margin:5px 0;list-style:none;border:0px;padding:2px;color:#fff}
.dlbox h3{margin:0;text-align:center;background:#185e99;color:#ffffff;font:normal 700 17px sans-serif;padding:8px;margin-bottom:1px;box-shadow:none;}
.dlbox ul li{background:transparent;margin:0 0 3px;padding:0 8px;line-height:25px;color:#1B1B1B;font-size:14px;color:#fff}
.dlbox ul li a {display:inline-block;background:#026b48;color:#fff;font-weight:400;padding:1px 3px;line-height:25px}
.dlbox ul li a:hover{background:#05baab;font-weight:500;transform:skewX(2deg) translateX(2px);}
.dlbox ul li b,.dl ul li strong{padding:1px 3px;font-weight:600;background:#0072BB;color:#000;line-height:25px;font-size:15px;display:block;padding:1px 6px;margin-right:6px;float:left;min-width:79px;border-right:2px solid #383333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:-5px}
@media (max-width: 640px) {.dl ul li b,.dl ul li strong{display:inline-block;float:none;width:98%}.dl ul li{text-align:center}}

2.Setelah itu kita tinggal memakainya

<div class="dl">
<ul>
<h3>
Episode Anime</h3>
<li><b>3gp</b>
<a href="Link Download" rel="nofollow" target="_blank" >ZippyShare</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Tusfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Solidfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Mirror</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Upload</a>
</li>

<li><b>Mp4</b>
<a href="Link Download" rel="nofollow" target="_blank" >ZippyShare</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Tusfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Solidfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Mirror</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Upload</a>
</li>

<li><b>480p</b>  
<a href="Link Download" rel="nofollow" target="_blank" >ZippyShare</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Tusfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Solidfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Mirror</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Upload</a>
</li>

<li><b>720p</b> 
<a href="Link Download" rel="nofollow" target="_blank" >ZippyShare</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Tusfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Solidfiles</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Mirror</a>    
<a href="Link Download" rel="nofollow" target="_blank" >Upload</a>
</li>
</ul>
</div> 

Note:Ganti yang di tandai warna hijau dengan link download

Sebenarnya ada cara yang mudah untuk memakainnya

baik inilah dia cara mudahnya

1.Buat Entri Baru
2.Buat lah teks seperti di bawah

Note:
1.Buat teks (1) Menjadi Subheading
2.Buat List teks download
3.Kasih style Bold pada angka resolusi
4.Tinggal kasih link dengan cara biasa

3.Setelah itu Buka mode HTML

 Maka menjadi seperti itu,Lalu kita hanya memasang <div class='dlbox'> dan </div>

• DEMO

Baik itulah Cara membuat Download Box Anime Terimakasih sudah berkunjung ke situs ini

3+ Langkah Ampuh Mengatasi dan Mencegah Blog Jingling

Banyak di antara para blogger yang kesal dengan perlakuan satu ini(Teknik Jingling)

Dimana suatu waktu Blog traffiknya Naik dengan sangat Pesat dalam waktu singkat

Terlihat gembira(Bagi Pemula) namun di balik kebahagiaan itu ternyata

Jingling sangatlah berbahaya dan jika dilakukan secara terus menurus serta lambatnya pencegahan bisa menyebabkan Blog kita kena banned oleh Google

Lalu bagaimana upaya mengatasi,mencegah blog dari jinling ?

Ikuti langkah langkah berikut dengan seksama !

sebelum ke cara mengatasinya dan upaya pencegahan jingling

Kita harus tau tujuan dan sebab dari teknik jingling itu sendiri yang di lakukan oleh orang lain terhadap blog kita

Antara lain adalah sebagai berikut
-Iri
-Dengki
-Ingin Menrunkan rangking blog target
-Merasa blognya tersaingi
-Tindakan banci yang ingin berada di puncak dengan cara kotor
-Jingling merupakan teknik Black Hat
-Tindakan Taik

setlah mengetahui niat buruk mereka

Diharapkan kalian memahami dengan SEKSAMA Langkah langkahnya

ada upaya pencegahan pertama yaitu

Ubahlah pengalihan url dati HTTP ke > HTTPS

kenapa begitu ?Ini Studi kasus sendiri dimana di blog-blog jingling selalu menyematkan persyaratan untuk memasukan blog yang awalannya menggunakan HTTP

nah bisa saya simpulkan disini bahwa yang menggunakan HTTPS blognya lebih kebal dari jingling ketimbang yang HTTP

Jadi ubahlah dulu

Cara mengubahnya
1.buka blogger
2.klik tab Setelan > Dasar > Scroll dan ubah pengalihan HTTPS menjadi "Ya"
3.Lali blog kalian alamatnya di awali dengan https://blogkalian.blogspot.com

Kemudian langkah selanjutnya

Blacklist situs situs jingling

Jika di statistik blog kalian di dapati sebuah web yang memberikan visitor yang tiba tiba melimpah,

lalu coba kalian buka blog tersebut jika blog tersebut blog "jingling" maka terapkanlah fitur "Disallow" di Google Webmastertools
caranya sebagai berikut

Contoh blog jingling

Gunanya fitur "Disallow" ini berfungsi untuk mencegah datangnya backlink yang tidak berkualitas masuk ke blog kita
upaya kedua dalam pencegahan jingling

Persiapan
1.Buatlah file.txt di notepad dengan format seperti bawah ini lalu Simpan

# Contacted owner on 7/1/2012
# ask for link removal but got no response
domain:jingaanjing.blogspot.com
http://www.urlwebspam.com/web-spam.html
http://www.urlwebspam.com/web-spam.html

Note:
1.# perintah yang di acuhkan
2.Gunakan perintah domain:blogjingling.blogspot.com untuk menghentikan semua backlink dari blog tertentu
3.atau masukan link langsung jika hanya ingin Disallow beberapa link saja (Satu baris satu link)

Setelah Persiapan selesai berikut Caranya Dissallow link

1.Masuk ke Link ini
2.Setelah klik BUTTON pilih property dan pilih blog agan yang jadi korban
3.klik dissallow links
4.Pilih file yang tadi di buat,Lalu klik kirim
5.Berhasil dan klik SELESAI

Disaloow link Selesai

lalu langkah selajutnya

Kita serang Balik blog jingling

Caranya kita akan menyerang balik blog jingling dengan jingling juga
1.buka blog jingling tersebut
2.serang dengan tool jingling miliknya
3.lalu masukan alamat blognya
4.pilih jumlah visitor yang banyak
5.tunggu hingga proses selesai

Lalu setelah menjingling kita laporkan Kesini
1.Masukan Alamat blog jingling tadi
2.Beritahu google blog itu berbahaya

contoh teks
"blog ini menggunakan script auto visitor yang di gunakan untuk merusak rangking blog lain"

3.Klik Recaptcha
4.Klik laporkan webspam



Dan langkah terakhir yang di lakukan yaitu

Membuat Robot.txt

dengan robot.txt kita bisa memfilter bot apa saja yang bisa merayapi blog kita

Visitor dari jingling tidaklah seperti Visitor Asli

Visitor dari jingling lebih mirip sama bot layaknya bot google merayapi blog kita

Jadi kita bisa membatasi bot apasaja yang bisa merayapi blog kita

Langkah memasukan Robot.txt adalah
Buka Blogger > Setelan > Preferensi Penelusuran > Robot.txt > Copas Script di bawah >Selesai
dengan memasukan script robot.txt di bawah ini

User-agent: Mediapartners
Allow: /
User-agent: Googlebot-News
Allow: /
User-agent: Mediapartners-Google
Allow: /
User-agent: Adsbot-Google
Allow: /
User-agent: Googlebot-Image
Allow: /
User-agent: Googlebot-Mobile
Allow: /
User-agent: Googlebot
Allow: /
User-agent: Slurp
Allow: /
User-agent: bingbot
Allow: /
User-agent: MSNBot
Allow: /
User-agent: Baiduspider
Allow: /
User-agent: Baiduspider-image
Allow: /
User-agent: YoudaoBot
Allow: /
User-agent: Sogou web spider
Allow: /
User-agent: *
Disallow: /
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=

Sitemap: https://blogagan.blogspot.com/sitemap.xml

Note:
Ganti alamat sitemapnya dengan blog agan(yang di tandai dengan warna merah)
dengan script ini kita bisa membatasi bot mana saja yang boleh merayapi blog kita

perlu di ketahui meskipun dengan cara ini belum tentu blog kita 100% kebal dari jingling masih banyak celah untuk di lakukan,

Namun sebaliknya kabar baiknya sekarang Google juga semakin tau siapa yang melakukan jingling pada blog lain juga google mulai pintar mana yang visitor manusia mana yang visitor buatan

Jadi STOP! Tindakan PENGECUT Jingling mari berkompetisi secara FAIR dan ADIL "karena tidak ada keberhasilan yang sejati diatas kecurangan"

Nah segitu dulu semoga ilmu ini bermanfaat bagi kalian dan bisa memcahkan solusi dan mencegah dari tindakan jingling

Termakasih jangan lupa untuk SHARE

Cara Mengubah Widget Popular Posts Keren dan Simple ! Dari bungfranki

Nah kayaknya ini tutorial pertama di blog ini bagi kalian yang penasaran dengan Widget Popular Postsnya yang di pake disini kali ini saya akan membagikan Tutorial Style Css Widget Popular Posts Ala bungfrangki yang simple (hanya menggunakan kode css saja)


Kenapa saya bilang ala bungfrangki karena memang template ini buatan beliau nama template yang di gunakan blog ini adalah Viralisme[Free Version] 

Baik kita ke cara pemasangannya

Cara mengubah Style CSS Widget Popular Posts

Hati-hati sebelum edit template untuk backup terlebih dahulu agar bisa mengantisipasi hal-hal yang tidak diinginkan

1.Buka Blogger
2.Buka tab tata letak > Pasang widget popular post
3.Klik tab Tema > Edit HTML > Cari kode 

</style>

4.Lalu Masukan Kode ini tepat di atasnya

.PopularPosts ul{list-style:none;margin:0 auto;padding:0;}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;background:none;outline:none;}
.PopularPosts ul li {margin:0 0 10px;padding:0;position:relative;line-height:1.4em!important;list-style:none;text-align:left!important;font-size:15px !important;}
.PopularPosts ul li a:hover {color:#f80538!important}
.PopularPosts li a{color:#000 !important;font-weight:500 !important;list-style:none}
.PopularPosts .item-thumbnail {display: flex;align-items: center;justify-content: center;width:72px;height:72px;margin:0 20px 15px 0;overflow:hidden;float:left;border-radius:4px;}
.PopularPosts ul li img {width:auto;height:72px;transition:all .3s ease-in-out;border-radius:4px;overflow:hidden;display:block}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title {padding:0 0 5px}
.PopularPosts .widget-content ul li:before{color: #fff;counter-increment: count;content: counter(count);position: absolute;left:57px;text-align: center;top:20px;z-index: 51;transition: all .4s;height:25px;min-width:25px;font-size: 14px;line-height:25px;background:#f80538;font-weight:600;border-radius:99em;border:2px solid #fff;text-align: center;padding:0;overflow:hidden;}
.PopularPosts ul{counter-reset:count;}
@media screen and (max-width:414px){
.PopularPosts ul li {font-size:15px!important} 

5.Setelah itu Klik simpan Template !
6.Enjoy it

Sekian artikel sekarang jika ada request tentang Template dan tutorial blogging kalian boleh request di bawah

Semoga bermanfaat dengan artikel Cara mengubah tampilan widget popular posts dengan kode CSS yang simple dan Ringan