Wednesday, 13 July 2016

Tag Kondisional pada Blog beserta Jenisnya

Tag Kondisional pada Blog beserta Jenisnya

Beberapa orang sudah kenal dengan istilah Tag Kondisional pada blog, dan demikian sebaliknya banyak juga yang belum tahu mengenai Tag Kondisional pada blog. Tag Kondisional adalah sebuah kode yang berfungsi untuk mengatur elemen HTML atau CSS, misalnya pada blog halaman depan iklan tidak terlihat/tidak ada, dan bila masuk ke halaman postingan iklan terlihat, itu yang dinamakan dengan penggunaan Tag Kondisional pada Blog. Sekarang saya akan membahas Tag Kondisional pada Blog beserta Jenisnya.

Tag Kondisional Halaman Depan (Homepage)
Homepage atau halaman depan adalah alamat blog kita, contoh :
http://xpress-community.blogspot.com
tag kondisionalnya adalah
<b:if cond='data:blog.url == data:blog.homepageUrl'>
kode elemen atau objek
</b:if>
Tag Kondisional ini digunakan untuk memodifikasi tampilan pada halaman depan atau homepage, baik untuk mendesain halaman depannya saja atau menyembunyikan widget.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
kode elemen atau objek
</b:if>
Kode diatas berbeda dengan kode sebelumnya, perbedaan terletak pada tanda == dan !=. Maka arti kode diatas adalah Elemen atau Objek yang akan ditampilkan kecuali pada Halaman Depan/Homepage.
Penjelasan tanda:
== artinya sama dengan
!= artinya kecuali

Tag Kondisional Halaman Postingan (Item)
Contoh halaman postingan: http://xpress-community.blogspot.com/2016/07/tag-kondisional.html
<b:if cond='data:blog.pageType == &quot;item&quot;'>
kode elemen atau objek
</b:if>
 Tag Kondisional Halaman Statis (Staticpage)
Contoh halaman statis: http://xpress-community.blogspot.co.id/p/daftar-isi.html
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
kode elemen atau objek
</b:if>
 Tag Kondisional Halaman Indeks
Semua jenis halaman selain halaman Postingan/Itempage
<b:if cond='data:blog.pageType == &quot;index&quot;'>
kode elemen atau objek
</b:if>
Tag Kndisional Halaman Label
Contoh halaman label: http://xpress-community.blogspot.co.id/search/label/tutorial%20blog
<b:if cond='data:blog.searchLabel'>
kode elemen atau objek
</b:if>
Tag Kondisional Halaman Arsip
Contoh halaman arsip: http://xpress-community.blogspot.co.id/2016_07_01_archive.html
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
kode elemen atau objek
</b:if>

Tag Kondisional Error Page 404
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
kode elemen atau objek
</b:if>

Tag Kondisional Halaman Tertentu
<b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'>
kode elemen atau objek
</b:if>
Sekian dari saya, jika masih ada yang belum jelas silahkan berkomentar dibawah.

Monday, 4 July 2016

Brosense - Responsive Blogger Template

Brosense merupakan template yang dibuat oleh blogger ternama sugeng.id. Template yang dibuat khusus untuk dipasang di Blog Adsense atau blog yang dibuat khusus untuk dimonetisasi dengan iklan Google AdSense.
Template ini juga sudah terbukti mampu meningkatkan CTR ilan sampai berkali-kali lipat. Jadi kalo kalian menggunakan Template ini kemungkinan besar earning atau pendapatan Google Adsense kalian bisa meningkat.

Brosense - Responsive Blogger Template
Tampilan Brosense Responsive Blogger Template

Fitur Brosense Template:
  • SEO sudah dioptimalkan
  • Desain Responsive
  • Mudah dimodif lewat fitur perancang Template
  • Auto Readmore
  • Breadcrumbs
  • Related Post
  • Social Share Buttons
  • Facebook comment
  • Loading cepat / fast loading
  • Mampu meningkatkan CTR iklan

Update versi terbaru V2 (28 Oktober 2015):
  • Perbaikan error struktur data
  • Pembaruan struktur kode template
  • Penghapusan JavaScript untuk thumbnail supaya loading tambah cepat
  • Tidak ada perubahan pada Tampilan

Template ini juga gratis dibagikan oleh sugeng.id. Bagi yang tertarik dengan template ini bisa diunduk atau di download dibawah ini.

Friday, 1 July 2016

Membuat Efek Fisheye dengan Photoshop

Sudah pasti tahu kan apa itu efek Mata Ikan atau yang lebih dikenal dengan Fisheye pada Foto, efek Fisheye adalah bentuk lensa yang berbentuk cembung atau seperti mata ikan. Banyak sebagian orang yang menggunakan atau membeli lensa fisheye untuk menghasilkan efek mata ikan/fisheye. Disini saya akan memberi tutorial cara membuat efek Fisheye atau Mata ikan dengan Photoshop.
Contoh efek fisheye
Contoh efek Fisheye
Disini saya menggunakan Adobe Photoshop CS6, tapi terserah kalian ingin menggunakan Adobe Photoshop CS berapa saja tidak masalah.

1. Buka Adobe Photoshop CS6 kemudian buka file gambar yang ingin diberi efek Fisheye. Sebagai contoh saya menggunakan gambar/foto Vespa Merah

vespa merah

2. Klik Elliptical Marquee Tool

Elliptical Marquee Tool

3. Buat pola lingkarang sempurna dengan tombol SHIFT. Salin hasil seleksi dengan klik kanan lalu Copy atau dengan menekan tombol CTRL + C

3. Buat pola lingkarang sempurna dengan tombol SHIFT. Salin hasil seleksi dengan klik kanan lalu Copy atau dengan menekan tombol CTRL + C

4. Selanjutnya buat halaman baru atau tekan tombol CTRL + N pada keyboard. Kemudian tekan SHIFT + F5, pilih background Black (hitam) lalu OK.
Biasanya setelah menyalin hasil seleksi, ukuran halaman yang baru akan menyesuaikan atau akan berbentuk persegi.
4. Selanjutnya buat halaman baru atau tekan tombol CTRL + N pada keyboard. Kemudian tekan SHIFT + F5, pilih background Black (hitam) lalu OK.

5. Tempel hasil seleksi di langkah 3 dengan menekan tombol CTRL + V atau bisa dengan klik kanan lalu paste. Hasilnya kurang lebih akan menjadi seperti ini

Vespa merah


6. Kemudian klik menu Filter (dibagian atas) -> Distort -> Spherize

Filter (dibagian atas) -> Distort -> Spherize

7. Buat pengaturan menjadi seperti ini lalu klik OK

Pengaturan spherize


Dan hasil akhir nya akan menjadi seperti ini yaitu efek Fisheye yang bergaya cembung atau seperti mata ikan.

Final

Sangatlah mudah jika dibuatnya secara teliti dan tidak ada cara yang tertinggal. Semoga cara ini bermanfaat untuk yang menginginkan foto menjadi efek Fisheye.