Macam Tag Kondisional Untuk Modifikasi Tampilan dan Menyembunyikan Widget by zulfansy

11:15 AM zulfansyah 0 Comments

Macam Tag Kondisional Tampilan dan Menyembunyikan Widget

Suka dengan tampilan yang berbeda pada setiap halaman? Dengan menggunakan Tag Kondisional/Conditional Tag, kita bisa memodifikasi tampilan tiap halaman dengan tampilan desain yang berbeda-beda, dengan cara mengapitkan tag kondisional diantara elemen/objek, tag kondisional ini bisa juga untuk menampilkan dan menyembunyikan tiap widget atau beberapa widget. Untuk memodifikasi tiap halaman secara spesifik, kita bisa tambahkan style css untuk memperbaiki tampilannya.

Dibawah ini merupakan macam tag kondisional yang bisa dipergunakan untuk menampilkan dan menyembunyikan element/objek atau widget:



Hanya Tampil Pada Halaman Homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
elemen/objek
</b:if>
Tag Kondisional ini dipergunakan untuk memodifikasi tampilan pada pada halaman utama/homepage, baik dari segi desain tampilan atau untuk menyembunyikan widget, sedikit penjelasan bagaimana cara memodifikasi tampilan pada homepage, silahkan kunjungi Link.


Tampil Selain Pada HomePage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
elemen/objek
</b:if>


Hanya Tampil Pada Halaman Item/Posting

<b:if cond='data:blog.pageType == "item"'>
elemen/objek
</b:if>


Tampil Selain Pada Halaman Item/Posting

<b:if cond='data:blog.pageType != "item"'>
elemen/objek
</b:if>



Hanya Tampil Pada Halaman Statis/Static Page



<b:if cond='data:blog.pageType == "static_page"'>
elemen/objek
</b:if>


Tampil Selain Pada Halaman Statis/Static Page



<b:if cond='data:blog.pageType != "static_page"'>
elemen/objek
</b:if>


Hanya Tampil Pada Halaman Arsip



<b:if cond='data:blog.pageType == "archive"'>
elemen/objek
</b:if>


Tampil Selain Pada Halaman Arsip



<b:if cond='data:blog.pageType != "archive"'>
elemen/objek
</b:if>


Hanya Tampil Pada Halaman Judul Postingan Tertentu



<b:if cond='data:blog.url == "Alamat Postingan"'>
elemen/objek
</b:if>


Selain Tampil Pada Halaman Judul Postingan Tertentu



<b:if cond='data:blog.url != "Alamat Postingan"'>
elemen/objek
</b:if>

Untuk cara penggunaanya seperti pada uraian mengenai Cara Membuat Kustom Halaman pada Halaman Utaman (HomePage), untuk halaman pada judul postingan tertentu, hanya mengganti Alamat Postingan dengan alamat URL postingan yang ditentukan.


Hanya Tampil Pada Halaman Index



<b:if cond='data:blog.pageType == "index"'>
elemen/objek
</b:if>

Halaman Index adalah semua halaman terkecuali halaman Item/Postingan


Tampil Pada Halaman Pencarian



<b:if cond='data:blog.searchQuery'>
objek
</b:if>

halaman ini akan tampil pada halaman pencarian, misalnya jika kita melakukan search melalui kotak pencarian


Hanya Tampil Pada Halaman Salah (Error Page)



<b:if cond='data:blog.pageType == "error_page"'>
elemen/objek
</b:if>


Selain Tampil Pada Halaman Salah (Error Page)



<b:if cond='data:blog.pageType != "error_page"'>
elemen/objek
</b:if>


Tampil Pada Halaman Label



<b:if cond='data:blog.searchLabel'>
elemen/objek
</b:if>

Halaman label adalah halaman dimana kita memilih salah satu nama label dari postingan.

Sekelumit tentang tag kondisional yang bisa dipergunakan untuk memodifikasi tampilan atau menyembunyikan widget pada halaman tertentu.

0 comments:

Cara Membuat Couter Box pada Widget Daftar Label by zulfansy

11:08 AM zulfansyah 0 Comments

Counter Box pada Widget Label
Cara Membuat Couter Box pada Widget Daftar Label - Halo sobat, seperti biasa kali ini saya akan membagikan sebuah artikel yang mudah-mudahan bermanfaat bagi sobat semua, yaitu bagaimana cara membuat counter box pada widget label, seperti yang kita tahu, widget label yang berada di blog mas DTE :], seperti itulah widget label yang akan kita buat, artikel ini saya dapat dari +Kang Ismet , dan saya sangat berterima kasih pada Kang Ismet yang selalu berbagi artikel yang bermanfaat bagi kita.

OK tidak perlu berbasa-basi lagi, kita langsung saja ketahap bagaimana cara membuat counter box ini pada widget label blog sobat, simak dan praktekan tutorial di bawah ini :

1. Buat Widget dahulu, dan centang Tampilkan jumlah entri per label

2. Masuk ke Template > Edit HTML > masukkan css berikut diatas ]]><b:skin>

#Label1 li a {color: #2c3e50;text-decoration:none;}

#Label1 li a:hover, #Label2 li a:active, #Label1 li a:focus {color: #20aea6;text-decoration:none;}

#Label1 li .label-counter {float:right;background-color:#20aea6;color:#fff;line-height:1;margin:2px 0 0;padding:3px 5px;border-radius:2px;text-align: center;font-size:12px;}

#Label1 li:hover .label-counter {background-color:#255e96;color:white}


Silahkan modifikasi tampilannya sesuai keinginan sobat.

Jika css diatas tadi tidak merubah Widget label sobat, gan ti #Label1 dengan #Label2 atau #Label3 dst.

3. Pada Label terpilih cari kode dibawah ini :

<span dir='ltr'>(<data:label.count/>)</span>


Hapus kode tersebut dan ganti dengan :

<span class='label-counter'><data:label.count/></span>



Pada hasil akhir, apabila jumlah postingan lebih banyak maka akan lebih lebar seperti ini 123 dibanding yang lebih sedikit seperti ini 32. Untuk membuat ukuran yang sama, pada #Label1 li .label-counter tambahkan ukuran fixed :

width:25px
silahkan sesuaikan ukuran pixel sesuai selera sobat.
Sekian Tutorial saya hari ini, terima kasih atas kunjungannya, semoga bermanfaat dan selamat mencoba. Happy Blogging :).

Resource : http://blog.kangismet.net/2013/10/membuat-counter-box-pada-widget-label.html

0 comments:

Pengertian Singkat Black White SEO by zulfansy

11:44 AM zulfansyah 0 Comments

Pengertian Singkat Black White SEO

Pengertian Singkat Black White SEO
Pengertian Singkat Black White SEO
Pengertian Singkat Black White SEO - Apa Kabar pengunjung setia fajriandaviar.blogspot.com , Semoga tambah suskses ngeblognya dan yang pasti sukses menghasilkan uang dari blog kesayangan. 

Kali ini saya mau sedikit memberikan info tentang Pengertian Singkat Black dan White SEO buat sobat yang baru terjun di dunia blog yang sedang bersemangatnya memburu langkah-langkah dalam melakukan Search Engine Optimization demi merampingkan alexa ranknya agar terhindar dari rasa lelah tanpa ada hasil sama sekali. Oke langsung saja..,

Black SEO,  adalah hal-hal yang di larang pada SEO dan harus sobat hindari, jika sobat menjalankan larangan ini, maka website atau blog sobat akan di exsekusi, hehehe atau di blacklist search engine (Masuk daftar tamu. eh.., daftar hitam. yang pasti bukan sabuk hitam yoo...) , tidak di indeksss.
  1. Membuat doorway atau Pintu Belakang, yaitu halaman khusus buat search engine yang tidak berguna bagi pengunjung situs sobat.
  2. Memasang link di website atau blog sobat yang termasuk kategori bad neighborhood �, yaitu situ-situs yang sudah di blacklist ( termasuk link farm ).
  3. Mengikuti program paid link.
  4. Content pada blog sobat sama persis dengan isi blog lain yang lebih dulu terindeks.
  5. Membangun link dalam jumlah yang sangat besar dalam waktu singkat. 
Search engine saat ini sudah semakin canggih dan galak, buatlah website atau blog sobat berbobot dan paling penting berguna buat pengunjung, maka blog sobat akan banyak di kunjungi orang dari seluruh dunia. dan kalau beruntung dari dunia Lain.

White SEO, teknik SEO yang diizinkan oleh Search Engine atau teknik SEO yang tidak melanggar aturan Search Engine seperti,
  • Halaman yang unik, asli, bermutu (bukan copypaste dari sumber lain)
  • Halaman yang didesain untuk manusia, bukan untuk search engine.
  • Link dalam halaman tersebut berhubungan dengan isinya.
  • Metadata (title, description, keyword) yang benar-benar mendeskripsikan isi.
  • Design blog yang baik secara umum dan harus responsive.silahkan baca 1 ( satu ) Kabar Angin Teknik SEO Terbaru
Search Engine atau mesin pencari seperti google tidak menyukai, 
  • Halaman yang mempengaruhi keakuratan atau relevansi search result.
  • Halaman yang redirect ke halaman lain (doorway)
  • Banyak situs atau halaman yang isinya sama.
  • Halaman yang sebagian besar isinya berisi atau link ke halaman website lain, misalnya isinya tentang program-program afiliasi.
  • Web dengan jumlah hostname virtual yang sangat banyak.
  • Halaman yang sangat banyak, dibuat secara otomatis tanpa isi yang bernilai (cookie-cutter pages)
  • Halaman yang menggunakan metode artifisial (buatan) untuk mempengaruhi search engine rangking.
  • Halaman yang menggunakan teks atau link yang tidak terlihat pengunjung.
  • Halaman yang berbeda dilihat search engine dan pengunjung normal (cloaking).
  • Terlalu banyak link ke situs lain untuk mempopulerkan situs tersebut ( link schemes ).
  • Halaman yang dibuat dengan tujuan utama untuk Search Engine dengan banyak keyword dan tidak relevan.
  • Penggunaan nama atau merek yang bukan haknya.
  • Situs yang membuka banyak pop-ups, menginstall malware, spyware, virus, trojans, atau mempengaruhi user navigation browser pengunjung.
  • Halaman yang terlihat seperti kecurangan atau penipuan.
Jadi Bagaimana, Sudah bisa memahami Pengertian Singkat Black White SEO? 
Kalau belum, silahkan baca berulang-ulang sampai paham. 
Tapi kalau masih belum paham , ya di baca lagi.
Masih belum paham??? ( Garuk Kepala....!!! He, Bercanda, Cara Belajar SEO Harus Bertahap Agar Tidak Kesurupan )

0 comments:

Cara Belajar SEO Harus Bertahap Agar Tidak Kesurupan by zulfansy

10:00 AM zulfansyah 0 Comments

Cara Belajar SEO Harus Bertahap Agar Tidak Kesurupan

Cara Belajar SEO Harus Bertahap Agar Tidak Kesurupan
Kesurupan Optimasi SEO

Cara Belajar SEO Harus Bertahap Agar Tidak Kesurupan, he... - fajriandaviar.blogspot.com Jika anda adalah blogger pemula, dan ingin blog anda dikenal oleh banyak orang melalui Google, dan mesin pencari lainnya, maka sobat perlu mempelajari SEO. SEO atau Search Engine Optimization adalah segala upaya yang bisa sobat lakukan untuk membuat mesin pencari menyukai blog yang sobat buat.

Hanya saja belajar SEO itu seharusnya secara bertahap, dan bukan serampangan. Jika serampangan, nanti sobat tidak bisa melihat gambaran besarnya dan kebingungan untuk waktu yang lama. Jadi jika sobat adalah pemula, saran saya adalah melakukan proses SEO melalui tiga tahap berikut ini :

1. Bagaimana cara memulai membuat blog dengan benar ?
  • Blog apa yang sebaiknya sobat buat (silahkan nilai minat dan bakat sobat) ?
  • Bagaimana memilih kata kunci yang terbaik untuk blog sobat ?
  • Bagaimana memilih nama blog atau nama domain blog sobat ?
2. Bagaimana Melakukan Optimisasi Onpage Blog Baru sobat ?

Setelah blog
sobat sudah jadi, maka banyak hal yang perlu sobat lakukan agar Google dan search engine lainnya menyukai blog sobat, dan beberapa di antaranya adalah :
  • Bagaimana struktur template blog yang SEO friendly dan Responsive ?
  • Bagaimana memasang title tag, meta tag, dan heading tag untuk mengatur cara mesin pencari melihat blog sobat ?
  • Bagaimana menyebar kata kunci yang sobat pilih di dalam setiap halaman artikel.
  • Bagaimana membantu Google mengindex blog sobat lebih baik dengan menggunakan sitemap (peta situs), Google Webmaster Tools, Google Analytics, dan juga feedburner.
3. Bagaimana melakukan optimisasi Offpage ?
 

Setelah blog sobat selesai di buat, dan setelah sobat membuat Google, dan mesin pencari lainnya berkenan memasukkan blog sobat ke dalam indeks mereka. Tiba saatnya mempelajari bagaimana membuat Google, dan mesin pencari lainnya berkenan memilih blog sobat dari sekian yang tak terhitung blog yang ada di dalam indeks mesin pencari tersebut, untuk dipamerkan di halaman pertama SERP (Search Engine Result Pages) menurut kata kunci yang anda pilih. Di sinilah sobat akan belajar tentang mendapatkan banyak backlink agar blog sobat terlihat berotoritas.
Mendapat banyak trafik/pengunjung bukan hanya dari mesin pencari tapi juga dari sumber-sumber lainnya.

Optimisasi SEO offpage adalah perjalanan yang tiada hentinya, karena kita harus selalu menyesuaikan diri dengan perubahan algoritma (sistem penilaian) robot mesin pencari seperti Google.
 

Tahap-tahap di atas adalah artikel yang wajib sobat baca sebagai pemula agar tidak kesurupan. dan sobat juga wajib membaca semua link yang ada supaya sobat mendapat pengetahuan secara bertahap dengan benar. Jika sobat sudah membaca semua artikel di atas beserta link-link penunjangnya, silahkan membaca artikel pengetahuan tambahan SEO yang akan datang selanjutnya agar bebas dari Kesurupan SEO di tengah malam. iiiiiiiii....
Dan hati-hati belajar SEO secara Massal...

0 comments:

Cara Mudah Membuat Thumbnail Post Warna-Warni Sesuai Label Post by zulfansy

9:58 AM zulfansyah 0 Comments

Cara Mudah Membuat Thumbnail Post Warna-Warni Sesuai Label Post - Halo sobat, kali ini saya akan memberikan Trik bagaimana Cara mudah menbuat thumbnail post berwarna-warni sesuai dengan label post sobat.

Sebenarnya mudah saja untuk membuatnya, sobat tidak perlu menggunakan/menambahkan script atau jquery yang mengakibatkan blog bertambah berat.

Cara Mudah Membuat Thumbnail Post Warna-Warni Sesuai Label Post

Lalu bagaimana cara membuatnya ?, berikut Triknya :

1. Pertama-tama Sobat harus mencari kode pembungkus dari thumbnail post sobat dengan cara Klik Kanan Pada Thumbnail Post -> Inspect Element , Dibawah ini menunjukkan bahwa kode pembungkus template saya adalah .thumbnail

Ilustrasi Element Pembungkus Post
Ilustrasi Element Pembungkus Post

2. Masuk Template, Cari kode berikut <div class='thumbnail'> , biasanya kode tersebut lebih dari satu, maka sobat pilih kode pertama yang sobat temukan, ganti kata thumbnail dengan kode pembungkus sobat.

3. Ganti kode tersebut dengan kode dibawah ini :

&lt;div class=&#39;thumbnail <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == &quot;true&quot;'><data:label.name/></b:if></b:loop></b:if>&#39;&gt;

Ganti thumbnail dengan kode pembungkus post sobat.

4. Setelah itu scroll sedikit kebawah, maka sobat akan menemukan kode </div> yang berwarna merah yang berarti menunjukkan error pada kode, ganti kode </div> yang berwarna merah tadi dengan kode berikut :

&lt;/div&gt;

5. Terakhir, sobat hanya perlu menambahkan kode css berikut :

.thumbnail.Templates {background: none repeat scroll 0% 0% #277FBF; }

Perhatikan :
Ganti kode .thumbnail dengan kode pembungkus post sobat.
Ganti kode .Templates dengan nama Label post sobat.
Ganti kode #277FBF dengan kode warna yang sobat suka.

Terima kasih telah berkunjung, mari berkomentar dan Happy Blogging, Wassalam.

0 comments: