JASA PEMBUATAN WEBSITE

Cara Memasang Scoll pada Archive Blog

Cara Memasang Scoll pada Archive Blog

Login ke Blogger
Di halaman Dasbor, pilih Template
Kemudian pilih Edit HTML
Cari kode ini : <div id='ArchiveList'> lebih cepatnya gunakan CTRL+F
Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>
Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>
Selesai!
Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!
Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

template SEO friendly

Masih melanjutkan postingan saya sebelumnya seputar template SEO friendly, kali ini saya ingin sedikit berbagi tutorial tentang bagaimana cara memodifikasi template blogger menjadi lebih SEO friendly.

Tutorial seperti ini sebenernya sudah cukup basi. Ketika saya masih baru mengenal dunia blogger tutorial seperti ini sudah banyak yang membahasnya. Tapi tentu saja apa yang akan saya bagikan disini adalah sesuai dengan pengalaman dan hasil experimen sendiri, jadi mungkin akan ada perbedaan dengan tutorial-tutorial yang pernah ada sebelumnya.

Cara Memasang Breadcrumb di Blog

Artikel saya kali ini akan membahas tentang fitur navigasi yang terletak di atas atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan nama breadchumb. Pengertianbreadcrumb sendiri kurang lebihnya adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol menuju home (halaman depan blog).

Membuat Semua Link Terbuka Di Tab Baru

Membuat Semua Link Terbuka Di Tab Baru \ Poin penting untuk meningkatkan pageview adalah dengan membuat pengunjung betah berlama-lama di blog sobat. Nah untuk membuat pengunjung betah dan selalu berada di blog bisa dengan membuat tab baru ketika ada link yang di klik oleh pengunjung, dan tentunya semua link akan terbuka di tab baru secara otomatis.

Berikut Kumpulan Tag Conditional

Menampilkan widget hanya di Homepage

<b:if cond="data:blog.url == data:blog.homepageUrl">
.......isi.....
</b:if>

Menampilkan widget selain di Homepage

<b:if cond="data:blog.url != data:blog.homepageUrl">
.......isi......
</b:if>

Menampilkan widget hanya di Archivepage

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

Menampilkan Widget selain di Archivepages

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

Menampilkan Widget hanya di Itempages / Postingan

<b:if cond='data:blog.pageType == "item"'>
.......isi css......
</b:if>

Menampilkan widget selain di Itempages

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

Menampilkan widget hanya di Staticpages

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

Menampilkan widget selain di Staticpages

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

Menampilkan widget pada URL atau halaman tertentu

<b:if cond='data:blog.url == "alamatpostingan"'>
.......isi css......
</b:if>

Menampilkan widget selain di URL atau halaman tertentu

<b:if cond='data:blog.url != "alamatpostingan"'>
.......isi css......
</b:if>

Menampilkan widget hanya halaman muka, tidak terlihat dihalaman posting

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'>

.......isi css......

.......isi Javascript......

</b:if></b:if>

Link Error

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

<a expr:href='HALAMAN/LINK_POSTINGAN_ERROR'/></b:if>

Menampilkan widget di halaman mobile/seluler

<b:if cond='data:blog.isMobile'>
... Isi ...
</b:if>

Menampilkan widget di halaman perambaan label

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

-----ISI-----------

</b:if>

Penerapan Tag Conditional

Cari code HTML widget yang dipasangi tag conditional di template (gunakan Ctrl+F untuk mempermudah pencarian). Kemudian masukkan code tag conditional di antara widget tersebut. Contohnya seperti ini:

<b:widget id='HTML3' locked='false' title='Adsvertisement' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == "item"'>
    
    <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'><data:content/></div>
    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>

Jika sudah menyisipkan codenya, jangan lupa klik Simpan perubahan pada template Anda.

semoga artikel ini berguna untuk Anda, Terima kasih.

Selamat pagi ! dipagi ini saya akan menulis artikel tentang kumpulan Tag Conditional. Bagi yang belum tahu apa itu tag conditional ini saya akan menjelaskannya dengan singkat, walaupun sudah banyak ditulis oleh blogger-blogger lain. Tag Condisional adalah tag yang digunakan untuk mengatur suatu gadget/widget atau suatu elemen tertentu untuk ditampilkan atau tidak ditampilkan dalam halaman blog Anda. Contoh: dihalaman postingan blog Anda ingin menampilkan widget arsip blog tetapi tidak pada halaman utama blog Anda. Untuk mengatur widget arsip blog tersebut tampil dan tidak tampil maka digunakanlah Conditional Tag. Nah, sekarang saya akan memberikan kumpulan Tag Conditional Blogspot yang digunakan untuk menyesuaikan halaman spesifik, simak ya !

Sumber refrensi: http://blog.rizkyramadhani.com/2013/05/Kumpulan.dan.Kegunaan.Tag.Conditional.Blogspot.html#ixzz30Tpg6JUs

Cara Setting Robot.txt dan Cara Menggunakan Tag Tajuk Robot Khusus

Untuk membuat Blog SEO Friendly sekarang tidak perlu cara manual memasukan meta tag di bagian HTML blog temen-temen. Sekarang Blogger.com menambah fitur baru untuk mengatur Robot.txt dan Tag Header Robot Khusus, yang berguna membantu perayapan dan pengindeksan blog di search engine. Selain dari itu, mengatur robot.txt dan tag header robot khusus juga merupakan suatu optimasi search engine atau yang dikenal dengan SEO, halaman blogger yang termasuk dalamnya artikel, arcives dan homepage sehingga artikel dapat terindeks lebih akurat di search engine. untuk penerapannya ke dalam blog langsung saja ikuti penjelasan singkatnya :

Cara Menggunakan Tag Tajuk Robot Khusus. Fungsi ini mirip dengan robots.txt yaitu memberitahukan kepada robot mesin pencari mana yang boleh diindeks dan mana yang tidak boleh. Artikel ini merupakan kelanjutan dari artikel sebelumnya tentang Cara Menggunakan Robots.txt Blogspot.

Langsung saja silahkan menuju
- Dasboard - Setelan - Preferensi Penelusuran - Perayap dan Pengindeksan - Aktifkan Tag Tajuk Robot Khusus.

Di kolom tersebut akan muncul tulisan sebagai berikut. Saya jelaskan sekalian maksudnya apa.

all : Tidak ada batasan, mesin pencari bebas mengindeksnya
noindex : Memberitahukan mesin pencari untuk tidak mengindeks halaman dan tidak menampilkan chaced link di hasil penelusuran.
nofollow : Jangan ikuti halaman ini
none : mirip dengan noindex dan nofollow
noarchive : Tidak menunjukkan chaced link di hasil penelusuran
nosnippet : Jangan Tampilkan potongan artikel di hasil penelusuran
noodp : Jangan menggunakan metadata dari
Open Directory project untuk judul atau potongan ditampilkan untuk halaman ini.
notranslate : Jangan menawarkan translate untuk halaman ini
noimageindex : Jangan indeks gambar
unavailable_after: Jangan tampilkan halaman ini dalam hasil pencarian setelah tanggal yang ditentukan / waktu. Tanggal / waktu harus ditentukan dalam RFC 850 format.

Setelah mengetahui arti tag tajuk diatas, sekarang kita centang point - point diatas.

Anda bebas menentukan fitur mana saja yang ingin Anda centang tergantung kebutuhan. Gambar diatas yang saya praktekkan untuk blog ini.

Dulu sebelum blogger memiliki fitur ini, teman - teman blogger melakukan cara manual dengan cara memasukkan kode meta robot pada templatenya. Seperti contoh kode ini <meta content='all, index, follow' name='robots'/>. Dengan adanya fitur tag tajuk robot khusus membuat seo blogspot semakin bagus. Semoga ulasan ini bermanfaat!

JASA PEMBUATAN WEBSITE

Laman