Membuat Widget Hanya Tampil di Halaman Posting Saja

Contoh html

Terkadang karena terlalu asyik nge-blog kita jadi lupa jika space atau ruang untuk tempat widget sudah penuh. Nah, untuk temen-temen blogger yang mengalami masalah seperti itu, kali ini saya akan memberikan tips kepada anda semua tentang cara menampilkan widget hanya pada halaman tertentu. Ini seperti template buatan Kang Rohman yang ada sebagian widgetnya hanya muncul pada homepage, sedangkan saat di klik postinganya widgetnya hilang. Agar lebih jelas anda dapat melihat di blog ini dimana widget artikel terbaru dengan thumbnail tidak terlihat di halaman posting tapi jika anda klik homepage saya widget tersebut akan nongol. Jika anda tertarik, di bawah ini adalah cara-cara membuatnya :

Login dengan account blogger anda.
Kemudian menuju  layout >> Edit HTML
Jangan lupa centang expand widget template nya, karena kalau tidak kode di bawah nanti tidak akan keluar. Sebenarnya kita hanya perlu menambah kan 2 tag kode saja, lihat kode dibawah ini:

<b:widget id='HTML1' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<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>

Anda perhatikan kode yang berwarna merah tadi, itu adalah selipan kedua tag kode tadi, dan warna kuning yang Artikel Terbaru itu adalah judul wiget anda. Temen-temen bisa sesuaikan dengan judul widget yang anda ingin widget tersebut hanya tampil hanya pada homepage, sebagai contoh anda bisa klik pada home page blog ini.

Jika temen-temen menginginkan widget itu tampil hanya pada halaman psotingan, tinggal merubah kode yang berwarna merah dengan kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'> KODE WIDGET </b:if>

seperti dibawah ini.

<b:widget id='HTML1' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<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>

Pada tulisan berkedip warna kuning sebagai contoh Artikel Terkait, karena widget itu hanya tampil pada halaman postingan di blog ini. Cukup mudah bukan? Selamat mencoba dan semoga bermanfaat.

Referensi : www.maskolis.com

Cara mengoptimasi Seo pada video Youtube.

YouTube

Youtube telah berubah menjadi ladang uang yang menjanjikan setidaknya lima tahun terakhir. Ada banyak youtuber baru yang lahir di Indonesia dengan gaya dan jenis video yang menarik.

Bahkan beberapa orang telah menjadikan youtube sebagai mata pencaharian utama. Tidak heran memang, karena penghasilan dari youtube bisa mengalahkan pejabat dengan golongan paling tinggi sekalipun.

Meski telah banyak yang bermain youtube, namun masih sangat minim yang bisa stabil penghasilannya. Sehingga beberapa masih meragukan keampuhan youtube. Padahal, bermain Youtube juga perlu dioptimasi sama seperti blog yang juga harus dimaksimalkan SEO-nya (Search engine optimization).


Berikut Donqui Crew berikan beberapa hal yang bisa dilakukan untuk mengoptimalkan pendapatan di Youtube:

1.

Penamaan File Video

Langkah ini banyak yang sepelekan. Padahal inilah hal yang paling dasar yang bisa dilakukan untuk mengoptimalkan penghasilan di Youtube. Sebelum mengupload video di Youtube sebaiknya nama file video yang tersimpan di komputer sudah mengandung kata kunci yang disasar.

Misal video Anda tentang kumpulan video lucu bayi, maka nama filenya harus diberi nama kumpulan-video-lucu-bayi.mp4. Nama file sebaiknya menggunakan tanda kurang, karena kalau spasi akan terbaca sebagai satu kata saja.

2.

Judul Yang Tepat

Judul video juga sangat penting diperhatikan. Jangan asal-asalan saat memberi judul pada video yang diupload. Usahakan judulnya sudah mengandung kata kunci yang ditarget.

Video di Youtube itu bersifat everlasting, jadi baiknya membuat judul bisa dicari sampai kapan pun. Terapkan juga judul yang bersifat mengajak atau call to action dan sudah mengandung kata kunci di depannya. Ini untuk mendapat ranking terbaik di pencarian Youtube.

3.

Beri Deskripsi yang Menarik

Kebanyakan youtuber menggangap deskripsi tidaklah penting. Padahal itu sangat penting. Lagian buat apa youtube memberi kotak desktripsi kalau tidak digunakan.

Saat memberi dekstripsi usahakan relevan dengan video yang diupload dan mengandung kata kunci. Penjelasannya harus jelas, padat dan buatlah terlihat alami. Dalam deskripsi, Anda juga bisa memberi link keluar atau menautkan video Anda yang lainnya.

4.

Tambahkan Tag Yang Relevan

Tag pada video youtube semacam pengkategorian dari video jenis serupa di youtube. Misalnya ada yang mencari kata "begal" di Youtube, maka youtube akan merekomendasikan sejumlah video dari kategori yang sama.

Jadi, isilah tag setiap video Anda sebaik mungkin. Paling baik kalau setiap video mengandung 12 tag dengan jumlah karakter tidak lebih dari 120. Untuk memisahkan tiap gak, baiknya pakai tanda kutip ganda.

5.

Pasang Thumbnail yang Menarik

Hal pertama yang akan dilihat oleh seseorang saat membuka youtube adalah gambar thumnailnya. Ibarat pemantik, gambar yang dipasang harus bisa merepresentatifkan isi video dan harus semenarik mungkin.

Setiap mengupload video, Youtube selalu memberikan kita tiga pilihan thumbnail. Tapi baiknya, gambar ini dibuat sendiri dengan syarat gambar harus besar, minimal 640px. Tapi baiknya gunakan ukuran 1280x720px. Nama file gambarnya juga sudah harus mengandung kata kunci.


6.

Buat Anotasi

Anotasi adalah teks yang mengambang diatas video. Teks ini akan muncul dipermukaan video dan bisa diklik. Manfaatkan fasilitas Youtube ini sebaik mungkin untuk mengajak banyak orang menonton video Anda yang lainnya atau berlangganan channel.

Buatlah anotasi setiap selesai mengupload video. Caranya seperti berikut ini.
Masuk ke Creator Studio dan pilih Video Manager lalu klik Edit ke video yang hendak di buatkan anotasi.
Setelah itu klik Annotations, lalu klik Add Annotation disebelak kanan. Ada lima jenis anotasi yang disediakan Youtube silahkan pilih salah satunya. Dalam contoh ini, saya gunakan anotasi Note.
Selanjutnya akan muncul form yang harus diisi untuk membuat kata-kata. Ada pengaturan-pengaturan lain, seperti font, warna dan waktu tayangnya. Dan dibagian akhir ada pilihan untuk menggunakan link. Silahkan centang dan masukkan jenis link yang diinginkan. Setelah itu klik Apply Changes.


7.

Buat Cards

Hampir sama dengan anotasi, cards di Youtube juga dibuat di bagian Video Manager. Cards ini tujuannya untuk memberi referensi video lain dalam video yang sedang tayang. Kalau diblok ibarat link ke postingan lain.

Cards akan muncul dibagian kanan atas setiap video. Dengan menambahkan fasilitas ini, video Anda juga akan terlihat lebih profesional dibanding video lainnya.

Cara membuatnya masih di bagian Edit. Selengkapnya lihat caranya berikut ini:
Pertama-tama klik Cards, yang letaknya tepat disamping Annotation.
Lalu klik Add Card. Ada empat pilihan jenis video yang bisa dimasukkan, ada video or playlist, channel, poll atau link. Untuk mempromosikan video sejenis sebaiknya pilih Video or Playlist. Caranya klik Create.


Setelah itu akan muncul pilihan seperti gambar berikut. Silahkan pilih video mana yang hendak di masukkan, lalu klik Create Card.

Anda bisa memasukkan berapa pun video, tinggal sesuaikan waktu kapan card tersebut akan muncul di video yang bersangkutan. Pengaturan ini akan otomatis tersimpan sehingga tidak perlu disave. Tinggal mengklik saja tanda panah dibagian atas jika sudah selesai.

Dengan melakukan 7 cara diatas dan video yang Anda upload memang punya kualitas yang baik, saya yakin, Anda akan mendulang penghasilan yang maksimal.


Hanya saja, harus dipahami, mencari uang di Youtube bukanlah perkara instan. Kuncinya adalah kerja keras, kerja cerdas dan konsisten serta pantang menyerah.

Semoga Bermanfaat dan Jangan Lupa Bahagia!

Referensi : Blogooblok.com

Tweet

0 comments Read more...

Cara membuat blog di blogger.

Cara Membuat Blog Gratis - Mungkin Sobat sedang kebingungan bagaimana cara membuat blog, apakah karena tugas sekolah yang diharuskan murid-muridnya mempunyai blog agar bisa mengikuti latihan dan mengerjakan tugas di blog masing-masing agar mendapat nilai, ataukah ada sebab lain seperti ingin berbagi kisah hidup, kata mutiara, kata bijak, kisah lucu, atau foto lucu supaya dapat diketahui oleh khalayak umum, ataupun Sobat ingin membuat blog karena ada teman yang bisa mendapatkan penghasilan dari adsense.

Blog

Blog pada dasarnya disebut sebagai Web Blog yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.

Kenapa harus di blogger / blogspot? Karena di situs tersebut kita dapat membuat blog secara gratis dan juga telah bekerja sama dengan Google, jadi blog yang dibuat Sobat wpsiteseo.blogspot.com bisa tampil blognya di mesin pencari Google. Dan di Blogger.com tamilannya sangat simple untuk yang masih awam atau yang masih pemula serta mudah untuk di otak - atik seperti ganti template atau background blog, menambah widget seperti kalender, jam dinding, dsb.
ikutilah langkah berikut.

Cara Membuat Blog

1. Masuk ke Blogger ,sama halnya seperti daftar Facebook, di blogger juga harus mempunyai email Gmail terlebih dahulu, yang belum mempunyai email Gmail, harap membuat dulu. Yang belum mempunyai email dan belum tahu caranya membuat email, silakan klik disini. Untuk mendaftar, silakan isikan nama email Gmail beserta passwordnya, sama seperti log in ke gmail.com . Setelah itu klik Masuk

Masuk ke blogger

Setelah itu Sobat akan dibawa ke tampila seperti ini, Sobat tinggal klik Buat Blog Baru

New Blog

Nanti akan ada menu melayang seperti gambar dibawah ini.

Ruang buat blog

Isikan Judul dan  Alamat blog dengan nama blog sesuai keinginan Sobat, dan Apabila Sudah diisi alamat blognya maka nanti ada tulisan dibawahnya Alamat blog ini tersedia, kalau tidak sobat bisa mengganti nama blog yang lainnya seperti nama lengkap atau terserah sobat. Nah, apabila sudah kini tinggal memilih template atau tampilan blog, pilih sesuai selera Sobat. Untuk template bisa dirubah lagi jadi pilih kalau merasa tidak ada yang bagus, pilih sembarang saja.

Setelah selesai, Selamat blog Sobat sudah jadi, tinggal klik Mulai mengeposkan untuk membuat artikel terbaru bagi blog Sobat atau klik gambar pensilnya.

Tekan Gambar pesil

Nanti akan tampil seperti gambar dibawah ini,

Isi Kotak nya dengan artikel anda.

tinggal ikuti sesuai petunjuknya karena sama dengan menulis di Ms.Word, setelah selesai membuat artikel tinggal klik Publikasikan.


Cara  Membuat Blog
Itulah langkah-langkah mengenai cara membuat blog gratis dan mudah di blogspot. Semoga tulisan ini bisa membantu Sobat yang mau membuat blog gratis dan bisa mempunyai blog di blogspot.

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog

Cara Membuat Tombol Next Page Prev Dengan Angka di Blog - Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi dari blog sobat.

Page Next Prev

Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error.

Cara Membuat Tombol Next Page Dengan Angka di Blog:
1. Login ke blogger.com

2. Pada dashboar -> template -> klik edit HTML

3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin>

/* Tombol Next Page Dengan Angka by WordpressSiteSeo
----------------------------------------------- */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}

4. Kemudian cari kode </body>, dan tambahkan kode dibawah ini tepat diatasnya:

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by BlogKrizeer.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

5. Simpan template

Catatan : silahkan sobat ganti angka "4", dan kata "Prev" dan "Next" yang saya kasih tanda kuning sesuai keinginan sobat. Angka 4 pertama itu akan menunjukan jumlah post yang ingin ditampilkan ketika mengklik salah-satu nomor pada tombol next page tersebut, dan angka 4 kedua akan menampilkan jumlah nomor yang ingin sobat tampilkan pada homepage blog sobat.

Tutorial ini tidak akan mengurangi seo blog anda.

Source : http://blogkrizeer.blogspot.com/

Cara Membuat Link Blog Jadi Berkedip Warna-Warni di Blog

Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna – warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara memasang lazy load pada blog.

Fungsi utama dari link berwarna – warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.

2. Pilih Template > Edit HTML > centang Expand Template Widget.

3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.

4. Cari kode </head> (Gunakan F3 atau Ctrl + F).

5. Letakkan kode berikut tepat dibawah </head>

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>

6. Simpan template.

Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :

1. Login akun blogger Anda.

2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.

3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>

4. Kemudian Simpan Template.

Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.

Cara memasang lazy load di blog

Cara Memasang Lazy Load di Blog - Ada banyak cara untuk mempercepat loading suatu blog, yaitu salah satunya dengan cara memasang plugin Lazy Load. Kali ini Twisted Shape akan berbagi trik yang merupakan salah satu dari optimasi blog dengan plug in jQuery Lazy Load untuk meringankan beban loading saat memuat halaman blog sobat.



Maaf tidak ada demo untuk trik ini, silakan bisa langsung di coba saja. Berikut cara penerapannya :

1. Buka Blogger > Template > Edit HTML > Tambahkan kode di bawah ini sebelum </body>

<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7lt8enzgnzxD72KRFEqmm_D8_3k1jOxef1W2kE8tJb7oAbua6BYWHGto4fQYCWLlMyGh7JnVRNZJDPhTHdChDWZo-3QkXY7YqUUFxe7obvqo0h7jyifWKLGKui98fX5zJ1obgyBgVKf2/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

2. Simpan template dan lihat hasilnya.

Ingat, jika salah penempatan JQuery ini. maka blog akan bercampur aduk.

Cara mendaftar blog ke Yandex.

Sebelum memberikan tutorial Cara Mendaftarkan Blog di Yandex Adventure Seo akan memberikan sedikit informasi tentang apa itu Yandex. Yandex merupakan mesin pencari atau search engine buatan Rusia sebagai mesin pencari yang mendominasi negara tersebut. Sama halnya seperti Google dan Bing (Yahoo), Yandex juga merupakan salah satu mesin pencari besar yang bisa kita manfaatkan untuk mengindex blog agar mesin pencari Yandex bisa menyebarluaskan artikel di blog kita dan tentunya itu akan menguntungkan bagi blog yang kita kelola terutama dalam hal SEO.


Bagi yang ingin mendaftarkan blognya di mesin pencari Yandex, silakan ikuti langkah berikut.

1. Buka situs https://webmaster.yandex.com, klikAdd Site kemudian klik Sign Up


2. Disitu sobat akan melakukan registrasi untuk membuat akun Yandex, silakan isi dengan data-data sobat kemudian klik

Register.


3. Setelah itu akan muncul halaman seperti ini


4. Tambahkan url situs blog sobat, klik add. Setelah itu muncul verifikasi, pilih tab meta tag, kemudian salin kode verifikasi dan tambahkan kode meta tag tersebut di template blog tepat di bawah


5. Klik Simpan template dan kembali ke situs Yandex, klik Check. Tunggu beberapa saat sampai proses selesai. Setelah selesai sobat akan dibawa menuju halaman dashboardWebmaster Yandex


6. Selanjutnya pilih menu Indexing options > Sitemap files.
Tambahkan url sitemap dengan format url sitemap.xml, contoh: http://adventureseo.blogspot.com/sitemap.xml


Sampai disini sobat sudah mendaftarkan blog di mesin pencari Yandex, demikian untuk tutorial Cara Mendaftarkan Blog di Yandex. Semoga bermanfaat.