Tutorial

Menghilangkan Bullets/Titik ul,li - Halo sobat, kali ini saya akan memberikan informasi seputar CSS, dan kali ini saya akan membahas Bullets atau Titik ul li .

Bullets adalah titik pada suatu elemen yang menggunakan css ul atau li yang biasanya digunakan pada Menu Navigasi, atau link tertentu pada sidebar atau pun lainnya, Contoh :

Element yang menggunakan Bullets :

Ini Bullets 1

Ini Bullets 2

Ini Bullets 3

Ini Bullets 4

Ini Bullets 5

Element tanpa menggunakan Bullets :

Ini NoBullets 1
Ini NoBullets 2
Ini NoBullets 3
Ini NoBullets 4
Ini NoBullets 5

Penggunaan ul, li dalam kode CSS template blog akan memberikan pengaruh terhadap tampilan blog kecuali diletakkan dalam setiap elemen dengan memberikan perlakukan khusus terhadap ul, li tersebut.

Untuk menghapusnya mudah saja, tambahkan kode berikut pada suatu element yang tidak perlu menggunakan Bullets : list-style:none; atau list-style-type:none;

Contoh :

.contoh {list-style-type:square;}

Atau :

.contoh {list-style:square;}

Ubah menjadi :

.contoh {list-style-type:none;}

Atau :

.contoh {list-style-type:none;}

Sekian dari saya, maaf apabila ada kekurangan dari tutorial berikut.

Fasteseo - Seo Responsive Blogger Template - Apa kabar sobat, kali ini fajriandaviar.blogspot.com akan membagikan Template buatan Saya sendiri, dengan fitur yang Saya buat agar SEO dan Responsive, walaupun SEO tapi tampilan Template ini tidak jelek loh, semuanya telah Saya desain secara Indah, dan tema yang saya ambil adalah Full Color (Penuh Warna) agar terlihat lebih Fresh.

Template ini saya beri nama Fasteseo, maksudnya sih "Pasti Seo", cuman saya ubah sedikit, seperti template Kang Ismet dengan nama Zikazev, maksudnya Si Kasep dalam bahasa Indonesia Si Tampan :).

OK berikut ini Fitur dari template yang saya buat.

Features :

100% SEO di Chkme.com
Iklan disisi Header
Halaman Error 404
Breadcrumbs siap
Menu Navigasi Sticky (Menempel) dengan kotak pencarian
Read More otomatis siap
Menu dibawah header dengan Font Awesome
Widget Popular Posts yang telah di Desain
Widget Label Cloud yang telah di Desain
Catatan kaki terindex Google
Artikel terkait Vertikal
Post Next dan Prev
Threaded Comment
Autor Comment
Dan Lainnya

Di template ini sobat membutuhkan sedikit modifikasi, agar sobat bisa lebih nyaman menggunakan template ini, dan agar template ini bisa berteman baik dengan blog sobat. Berikut Tutornya :

Modifikasi Search Engine

Cari kode YOUR-GOOGLE-URL , dan ganti semua kode tadi dengan URL Google+ Sobat.

Cari kode YOUR-ALEXA-ID , dan ganti dengan ID Alexa Blog Sobat.

Cari NameBlog dan NamaBlog , dan ganti semua kode tadi dengan nama Blog Sobat.

Cari kode YOUR DESCRIPTION HERE , dan ganti dengan deskripsi Blog Sobat.

Cari kode Keywords1, Keywords2, Keywords3 , dan ganti semua kode tadi dengan Keywords Blog Sobat.

Mengganti Menu Navigasi Fixed/Float

Cari kode berikut :

<nav id='nav'>

<ul class='menunav' id='navinti'>

<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>

  <li><a href='#'>About</a></li>

  <li><a href='#'>Contact</a></li>

  <li><a href='#'>Download</a></li>

  <li><a href='/404'>404</a></li>

<li class='dgnsub'><a href='#'>Kebijakan</a>

<ul class='sub-menu hidden'>

  <li><a href='#'>Privacy Police</a></li>

  <li><a href='#'>Disclaimer</a></li>

  <li><a href='#'>Terms Of Service</a></li>

</ul>

</li>

Lalu ganti # (Tanda Pagar) dan judul menu sesuai keinginan sobat.

Mengganti Menu di bawah Header

Cari kode dibawah ini:

<div class='masmenu'>

<ul class='sf-menu'>

<li><a href='/'><i class='icon-home' style='margin-right: 5px;'/>Home</a></li>

<li><a href='#'><i class='icon-html5' style='margin-right: 5px;'/>Blogger</a>

<ul>

<li><a href='#'>Tutorial Blogger</a></li>

<li><a href='#'>Templates</a></li>

<li><a href='#'>SEO</a></li>

<li><a href='#'>HTML5</a></li>

<li><a href='#'>Tips &amp; Trick</a></li>

</ul>

</li>

<li><a href='/'><i class='icon-rocket' style='margin-right: 5px;'/>Info Fakta</a>

<ul>

<li><a href='#'>Umum</a></li>

<li><a href='#'>Sejarah</a></li>

<li><a href='#'>Misteri</a></li>

<li><a href='#'>Unik</a></li>

<li><a href='#'>Lelucon</a></li>

<li><a href='#'>Hiburan</a></li>

<li><a href='#'>Olahraga</a></li>

<li><a href='#'>Gaya Hidup</a></li>

<li><a href='#'>Tips</a></li>

<li><a href='#'>Wisata</a></li>

</ul>

</li>

<li><a href='/'><i class='icon-facebook-sign' style='margin-right: 5px;'/>Jejaring Sosial</a>

<ul>

<li><a href='#'>Facebook</a></li>

<li><a href='#'>Twitter</a></li>

<li><a href='#'>Google</a></li>

<li><a href='#'>Heello</a></li>

<li><a href='#'>Myspace</a></li>

<li><a href='#'>Instagram</a></li>

<li><a href='#'>Pinterest</a></li>

</ul>

</li>

  <li><a href='#'><i class='icon-music' style='margin-right: 5px;'/>Musik</a></li>

</ul>

<li><a href='#'><i class='icon-laptop' style='margin-right: 5px;'/>Tekno</a>

<ul>

<li><a href='#'>Internet</a></li>

<li><a href='#'>Komputer</a></li>

<li><a href='#'>Software</a></li>

</ul>

</li>

<li><a href='#'><i class='icon-suitcase' style='margin-right: 5px;'/>Informasi</a>

<ul>

<li><a href='#'>Olahraga</a></li>

<li><a href='#'>Entertainment</a></li>

<li><a href='#'>Islam</a></li>

<li><a href='#'>Dunia</a></li>

</ul>

</li>

<li><a href='#'><i class='icon-coffee' style='margin-right: 5px;'/>More</a>

<ul>

<li><a href='#'>Teknik Komputer Jaringan</a></li>

<li><a href='#'>Games</a></li>

<li><a href='#'>Film</a></li>

<li><a href='#'>Wordpress</a></li>

</ul>

  </li>

</div>

Ganti # (Tanda Pagar) dan judul menu sesuai keinginan sobat.

Terima kasih telah mengunjungi blog saya, jangan lupa Komen dan Follow yah, jika sobat ingin di Follback, tinggal komen di postingan ini :), sekian dari saya. Wassalam

Di jual cepat akun game coc level 98 th 10

Di jual cepat akun game coc level 98 th 10

Di jual cepat akun game coc level 98 th 10,

Cannon level 11 = 4
Cannon level 9 = 3
Mortar level 7 = 4
X-bow level 4 = 3
X-bow level 2 = 1
Inferno level 2 = 2
Archer tower level 9 = 6
Archer tower level 8 = 2
Air defense level 6 = 4
Archer queen level 10
Hidden tesla level 5 = 4
Builder = 5
Clan castle level 5 troop capacity = 30
Barbarian king level 12
Wizard tower level 6 = 3
Wizard tower level 7 = 2

Jika berminat hubungi secepatnya.
pin: 54509CC1

Lihat juga 4 tips strategi menyerang dalam game COC

4 tips strategi menyerang dalam game COC

4 tips strategi menyerang dalam game COC

4 tips strategi menyerang dalam game COC - Bosan dengan tips-tips blogger ataupun tips SEO, kali ini kita reffres otak dulu ya ke game kesayangan saya maupun kalian semua yaitu Game Clash Of Clans atau biasa di singkat COC.

Game COC bisa di bilang cukup mudah buat yang sering memainnkannya seperti saya. Tetapi, buat pemula yang baru mendownload Game COC ini akan terasa membingunkan. Karena banyak tool yang di tampilkan.

Tapi jangan khawatir, dalam artikel kali ini Blog Fajri Andaviar akan membahas 4 tips strategi menyerang dalam game COC dan mendapatkan loot yang bisa di katakan cukup besar.

4 tips strategi menyerang dalam game COC :

Sobat lihat dulu resource yang dimiliki kota yang akan sobat serang.
Kalau hanya sedikit, lewatkan saja. Karena sekali pasukan sobat digelar,
mau menang atau kalah, pasukan sobat itu tidak akan kembali, jadi sobat
harus terus membangun pasukan.

Sobat lihat level dari Town Hall kota tersebut. Pilih yang sedang, dan jika ketinggian, atau jauh lebih tinggi dari level kota sobat, kemungkina menangnya sangat kecil. Kalau sobat nekat pilih Goblins saja yang hanya fokus menyerang resource.

Sobat lihat pertahanan kota tersebut. Jika pertahanan mereka bagus dari
sisi penempatan senjata, maka sebaiknya sobat memakai pasukan yang kuat
dan punya kemampuan khusus. Kemudian perhatikan tempat yang tidak
terlalu terlindung atau relatif terbuka untuk diserang pertama kali.

Terakhir sobat jangan tempatkan pasukan Sobat di tempat yang bisa di jangkau dua atau lebih senjata pertahanan lawan. Akan sia-sia saja.

Sobat bisa coba coba dan membangun insting dengan menyelesaikan single player mode dulu. nanti sobat akan tahu harus bagaimana agar bisa menang dengan jumlah dan jenis pasukan yang sama untuk menyerang kota tertentu.

Jika sobat sedang mencari resource, kirim Goblins sebanyak-banyaknya.
Jika sobat mencari trophy, kirim pasukan dengan kombinasi yang baik.

Ingat bahwa sobat tidak punya kontrol terhadap pasukan begitu mereka
anda perintah untuk menyerang. Mereka akan memilih sendiri.

Semoga 4 tips strategi menyerang dalam game COC bermanfaat, Dan kalau ada tips lainnya, sobat bisa menambahkan di kotak komentar, biar sobat-sobat lainnya yang masih awam dalam bermain game COC.

Jual cepat akun game coc level 98 th 10

Teknik dan Trik Membuat banyak Backlink

Teknik dan Trik Membuat banyak Backlink

Teknik dan Trik Membuat banyak Backlink dari dummy Blog SEO Siap Pakai adalah salah satu cara yang digunakan Para Blogger untuk mendapatkan backlink, tentunya untuk nantinya agar blog atau website ramai pengunjung, Saya tidak membahas tentang SEO di sini secara luas. Tapi, saya akan membahas salah satu optimasi SEO off page dan sedikit SEO on page. yang sangat berpengaruh pada website maupun web blog ANDA dalam bersaing di HALAMAN NO.1 GOOGLE, yaitu backlink dummy Blog SEO Siap Pakai.

Saya akan mencoba berbagi kepada ANDA semua bagaimana caranya membangun 1000 backlink bahkan Puluhan Ribu Backlink. dengan cara whitehat.

Backlink merupakan link yang diarahkan kepada website atau blog utama.

Sebagai contoh :
Jika Saya menulis sebuah postingan dan orang lain merasa postingan Saya itu berguna, mereka akan memberikan link kepada postingan Saya di website mereka. Istilah lain dari backlink adalah incoming links, inbound links, inlinks, dan inwardlinks.

Apa Kegunaan Backlink?
Backlink sangatlah penting dalam kerangka SEO (Search Engine Optimization). Backlink adalah factor yang sangat penting untuk mengukur kepopuleran dari suatu website atau blog. Search engine seperti Google, Yahoo, MSN dan lainnya menaruh perhatian besar kepada backlink. Backlink dapat meningkatkan traffic web atau blog dari search engine atau juga dari referral/direct traffic.

Cara Membangun Backlink:

Untuk meningkatkan page rank Google website atau blog kamu, usahakan untuk mendapatkan beacklink dari website dengan PR tinggi. Tapi ini jangan menjadi patokan. Banyak website dan web blog yang PR nya 2-4 pengunjungnya Cuma 5-50 per hari. Salah satu factor optimasi SEO yang terpenting adalah buat sebanyak mungkin backlink yang mengarah ke url web utama, jika ANDA membaca sebuah artikel, jangan lupa selalu tinggalkan komentar dengan memberikan link web ANDA. Gunakan anchor text. Anchor text adalah kalimat atau kata yang mengarahkan linknya ke blog utama anda. Cara membuat anchor text seperti ini :
<a href='http://NAMADOMAINANDA.COM'>ANCHOR TEXT JUDUL BLOG ANDA< /a>
Buatlah Dummy Blog SEO Siap Pakai. Dummy Blog SEO Siap Pakai adalah sebuah blog yang di buat untuk mendukung dan meningkatkan traffik pada blog utama ANDA dimata search engine, Tinggal ANDA mengisinya dengan artikel ANDA atau memposting. Simpel Dan Mudah. Siap Pakai Siap Posting.

Sebenarnya hampir tidak ada perbedaan yang mendasar antara dummy blog dan blog utama itu sendiri jika di lihat dari kasat mata. Namun yang membedakannya adalah kedudukan dimata search engine ataupun berdasarkan traffik pengunjungnya. Dummy blog sebenarnya blog juga yang isinya adalah postingan-postingan seperti pada umumnya sebuah blog, hanya saja mungkin tugas utamanya saja yang berbeda dari blog utama. Yaitu memberikan BACKLINK ke web utama.

Sebagai asumsi akan saya beri contoh sebagai berikut, saya punya sebuah blog utama yang akan saya fokuskan untuk mendapatkan trafik yang banyak dari pada blog-blog saya yang lain, setelah blog utama saya tersebut sudah jadi dan terindex oleh search engine maka selanjutnya saya akan melakukan langkah untuk menarik trafik keblog utama saya tersebut, tentunya dengan niche atau keyword tertentu.

Untuk mendukung hal tersebut saya membuat 20 buah blog lagi yang berfungsi untuk mengirimkan traffik atau tautan ke link ke blog utama tersebut, nah 20 blog saya inilah yang saya istilahkan dummy blog, untuk lebih jitu lagi maka keyword yang akan saya pakai adalah seragam dengan keyword yang saya ciptakan pada blog utama saya maka dengan demikian artinya semakin banyak dummy blog semakin baik.

Untuk itu blog SEO siap pakai sangat bermanfaat buat dummy blog dan bisa dimanfaatkan untuk membangun backlink. Ini lebih baik daripada nyepam diblog dofollow, kalau kamu ketahuan nyepam, resikonya url web kamu bisa saja dilaporkan ke google atau pihak anti spam yang lain, dan akibatnya url webmu tidak akan diterima lagi dan yang paling parah adalah rengking kamu tentunya akan menurun drastis di halaman google. blog SEO siap pakai lebih bagus lagi jika di jadikan blog utama.

Blog dummy ini berfungsi untuk menempatkan beberapa atau mungkin puluhan anchor text yang ingin kamu pilih. Cara membuatnya juga sederhana, seperti yang disebutkan diatas, jika kamu belum punya blog dummy atau blog pendukung, saya sarankan segeralah buat beberapa blog dummy dan postinglah sebanyak mungkin, ngga usah terlalu banyak kata juga tidak apa-apa. Setelah kamu buat dummy blog, untuk mepercepat crawl dan proses google bot, silahkan daftar di GOOGLE WEBMASTER TOOLS. Jangan lupa, sekali-kali sayangi dummy blog kamu dengan memberikan backlink ditempat lain.

yoo, ayo lanjut lagi. Setelah mempunyai beberapa dummy blog, sekarang yang kita lakukan adalah� letakan link atau anchor text kamu di halaman utama blog dummy dengan menambahkannya gadget. Setelah itu, kamu juga bisa meletakan link atau anchor text kamu di setiap postingan. Jangan takut hal ini bisa dianggap spam google, asalkan tiap link urlnya berbeda dalam satu halaman.

INGAT, Jangan sampai kamu meletakan lebih dari 3 url yang sama di satu halaman blog. Mengapa..? Karena ini bisa dianggap url spam oleh google. Bukannya memperbaiki posisi di search engine, tapi malah akan lebih memperburuk keadaan blog utama.

Jika kamu punya 50 postingan di Dummy blog mu, berati kamu juga akan memiliki 50 backlink. Jika kamu punya 20 dummy blog dengan masing-masing blog mempunyai 50 postingan, berarti kamu sudah memiliki 1000 backlink gratis. Jadikan lah blog mu itu sebagai blog dummy untuk memberikan link ke Blog utama kamu.

Di luar sana, banyak yang menjual Teknik dan Trik Membuat banyak Backlink ini ratusan ribu bahkan jutaan rupiah.

Andaviar Fast Loading Blogger Template - Sudah lama rasanya saya tidak aktif di Blogger, dan hari ini saya akan memposting sebuah template bernama "Andaviar Blogger Template" , Template ini sebenarnya adalah template Mas Sugeng yang sudah saya Redesign, dengan fitur menarik dan warna flat, mungkin sobat semua tertarik menggunakannya :D

Andaviar Fast Loading Blogger Template

Features

SEO Ready
Fast Loading
Mobile Version
Auto Readmore
Breadcrumbs
Related Post
And many more

Silahkan dicomot mas, mba, kang, sist , jika ada kesalahan atau kekurang dari template diatas, silahkan sobat berkomentar dikolom yang telah disediakan, terima kasih telah berkunjung, Wassalam.

5 Trik CSS yang Berguna untuk Desain Responsive - Membuat desain untuk menjadi responsive sangat mudah seperti yang ditunjukkan dalam Desain Responsive saya hari ini, tetapi menjaga unsur-unsur untuk melihat estetis seimbang pada semua layout breakpoint adalah seni.

Hari ini Fajri Andaviar akan berbagi 5 Trik CSS yang Berguna untuk Desain Responsive, dengan contoh kasus untuk pengkodean desain responsive. Mereka adalah properti CSS sederhana seperti min-width, max-width, overflow, dan relative value - tapi sifat ini memainkan peranan penting dalam desain responsive.

1. Responsive Video

Video CSS trik responsive ini ditemukan oleh tjkdesign.com. Itu membuat embed video memperluas lebar penuh untuk batas.

Berikut CSS nya :

.video {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
}

.video iframe,  
.video object,  
.video embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

2. Min & Max Width

Properti max-width memungkinkan Sobat untuk mengatur lebar max elemen. Tujuan max-width ini untuk mencegah elemen dari memperluas batasannya.

Max-Width Container
Dalam contoh di bawah ini, saya menentukan wadah untuk menampilkan pada 800px jika mungkin, tetapi tidak boleh melebihi 90% dari lebar batas.

.container {
 width: 800px;
 max-width: 90%;
}

Responsive Image (Gambar)
Sobat dapat membuat gambar otomatis mengubah ukuran dengan lebar maksimum batas dengan menggunakan max-width:100% dan height:auto.

img {
 max-width: 100%;
 height: auto;
}

Responsive gambar CSS di atas bekerja pada IE7 dan IE9, tetapi tidak bekerja pada IE8. Untuk memperbaikinya, tambahkan width:auto. Sobat dapat menerapkan CSS bersyarat khusus untuk IE8 atau gunakan IE hack di bawah ini:

@media \0screen {
  img { 
   width: auto; /* for ie 8 */
  }
}

Min-Width
Min-width berlawanan dengan max-width. Ini menentukan lebar minimum dari elemen. Dalam contoh bentuk di bawah ini, min-width digunakan pada bidang teks masukan untuk mencegah masukan dari pendapatan yang sangat kecil ketika skala bawah.

Ilustrasi min-width

3. Relative Value

Dalam desain responsif, mengetahui kapan harus menggunakan nilai relative dapat menyederhanakan CSS dan memaksimalkan hasil tata letak yang terbaik. Berikut adalah beberapa contoh.

Relative Margin
Di bawah ini adalah contoh dari daftar komentar yang dimana margin kiri relative digunakan untuk ruang keluar komentar threaded. Alih-alih menggunakan nilai tetap pixel, saya menggunakan nilai persentase untuk ruang keluar sub-lists. Seperti ditunjukkan pada sisi kiri layar, kotak konten dalam sub-daftar menjadi sangat kecil pada resolusi mobile jika margin pixel kiri digunakan.

Ilustrasi margin-left pada baris daftar komentar

Relative Font Size
Dengan nilai relative (eg em Atau %), ukuran font, line-height dan jarak margin dapat diwariskan. Misalnya, saya dapat mengubah ukuran font pada semua elemen keturunan dengan hanya mengubah ukuran font pada elemen induk.

Ilustrasi Relative Font Size

Relative Padding
Screenshot di bawah ini menunjukkan lebih baik menggunakan persentase padding relative dibandingkan dengan padding fixed pixel. Kotak di sebelah kiri menunjukkan ruang padding tidak seimbang jika pixel padding digunakan. Kotak dengan persentase padding di sebelah kanan menunjukkan bahwa daerah konten dimaksimalkan.

Ilustrasi Relative Padding

4. Trik Overflow:Hidden

Trik ini sangat berguna, Sobat dapat menghapus float dari elemen sebelumnya dan menyimpan konten berjalan dalam wadah(container) dengan menerapkan overflow:hidden.

Ilustrasi Overflow:Hidden

5. Word-Break (Menjeda Kata)

Disini Saya juga berbicara tentang properti word-wrap sebelumnya. Anda dapat memaksa teks unbreaking (misalnya. Panjang URL teks) untuk membungkus bukan berjalan dalam satu baris.

.break-word {
  word-wrap: break-word;
}

Ilustrasi Word-Break

Hanya itu saja yang dapat saya bagikan hari ini, kurang lebihnya mohon maaf, Wassalam.

Tutorial | Tips Trik

Menghilangkan Bullets/Titik ul,li by zulfansy

Element yang menggunakan Bullets :

Element tanpa menggunakan Bullets :

Fasteseo - Seo Responsive Blogger Template by zulfansy

Features :

Tutorial

Modifikasi Search Engine

Mengganti Menu Navigasi Fixed/Float

Mengganti Menu di bawah Header

Jual cepat akun game coc level 98 th 10 by zulfansy

4 tips strategi menyerang dalam game COC by zulfansy

Trik Membuat banyak Backlink by zulfansy

Andaviar Fast Loading Blogger Template by zulfansy

Features

5 Trik CSS yang Berguna untuk Desain Responsive by zulfansy

1. Responsive Video

2. Min & Max Width

3. Relative Value

4. Trik Overflow:Hidden

5. Word-Break (Menjeda Kata)

About Author

Follow Me

Popular Posts

Labels

Latest Post

Contributors

Blog Archive

International

Auto News

Entertainment

About Me

Fun & Fashion

Popular Posts

Follow Me On Instagram