Tampilkan postingan dengan label Tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial blog. Tampilkan semua postingan
Selasa, 18 November 2014
Membuat Daftar Isi Yang Kita Tentukan Sendiri
Membuat Daftar Isi Yang Kita Tentukan Sendiri.
Cara membuat daftar isi, daftar isi sesuai label otomatis yang kita tentukan sendiri untuk menghindari duplicate content.
Daftar isi merupakan bagian penting yang memegang peranan sebagai sitemap yang akan memberikan informasi tentang apa saja isi yang termuat atau ada di dalam blog kita, sehingga pembaca akan lebih mudah dalam mencari artikel atau tulisan yang sedang mereka cari didalam nya.
Jika kita membuat daftar isi berdasarkan label secara otomatis yang tidak kita tentukan sendiri labelnya dikhawatirkan terjadi duplicate content, karena ketika kita membuat posting terkadang kita memberikan lebih dari satu label dan tentunya jika label yang kita buat untuk satu posting lebih dari satu label, maka daftar isi dari beberapa label tersebut akan muncul secara bersamaan termasuk beberapa content yang terdapat dalam daftar isi blog ini. Isi yang terdapat pada label SEO, terdapat juga pada label Blogger Guide. Hal ini karena tadinya menurut Saya content yang berkaitan dengan SEO adalah bagian dari blogger guide juga dalam blog ini dan itupun memang benar sehingga Blogger Guide Saya jadikan sebagai basic label dan seo guide adalah main label-nya.
Awalnya daftar isi dalam blog ini Saya buat secara manual, tetapi hal itu agak repot. Saya ingin membuat daftar isi yang otomatis berdasarkan label. Dipikir-pikir, jika Saya buat daftar isi sesuai label otomatis maka daftar isi yang muncul akan muncul bersamaan pada tiap label yang mengandung content dari daftar isi tersebut.
Dengan munculnya judul yang sama pada label yang berbeda ini, Saya khawatir google akan menganggap hal ini sebagai duplicate content yang akan berpengaruh terhadap SEO atas content di blog Saya.
Oleh karena itu, Saya memutuskan untuk membuat daftar isi di blog ini berdasarkan label secara otomatis yang Saya tentukan sendiri sehingga judul entri yang ada dalam daftar isi hanya muncul sesuai label pilihan yang Saya inginkan saja agar pada posting selanjutnya tidak Saya masukan judul posting yang sama ke label yang berbeda yang terdapat dalam daftar isi blog ini dan menempatkan jidul posting pada main labelnya saja, tujuannya ya agar terhindar dari duplicate content kali ya!.
Nah bagi sobat yang ingin membuat daftar isi otomatis sesuai label yang ditentukan oleh Anda sendiri dapat mengikuti panduan dan tutorial berikut ini:
Untuk menampilkan beberapa content sesuai label yang berbeda dalam daftar isi Anda, silakan ikuti contoh berikut dan tempatkan dihalaman ataw widget daftar isi blog Anda:
Read More
Cara membuat daftar isi, daftar isi sesuai label otomatis yang kita tentukan sendiri untuk menghindari duplicate content.
Daftar isi merupakan bagian penting yang memegang peranan sebagai sitemap yang akan memberikan informasi tentang apa saja isi yang termuat atau ada di dalam blog kita, sehingga pembaca akan lebih mudah dalam mencari artikel atau tulisan yang sedang mereka cari didalam nya.
Jika kita membuat daftar isi berdasarkan label secara otomatis yang tidak kita tentukan sendiri labelnya dikhawatirkan terjadi duplicate content, karena ketika kita membuat posting terkadang kita memberikan lebih dari satu label dan tentunya jika label yang kita buat untuk satu posting lebih dari satu label, maka daftar isi dari beberapa label tersebut akan muncul secara bersamaan termasuk beberapa content yang terdapat dalam daftar isi blog ini. Isi yang terdapat pada label SEO, terdapat juga pada label Blogger Guide. Hal ini karena tadinya menurut Saya content yang berkaitan dengan SEO adalah bagian dari blogger guide juga dalam blog ini dan itupun memang benar sehingga Blogger Guide Saya jadikan sebagai basic label dan seo guide adalah main label-nya.
Awalnya daftar isi dalam blog ini Saya buat secara manual, tetapi hal itu agak repot. Saya ingin membuat daftar isi yang otomatis berdasarkan label. Dipikir-pikir, jika Saya buat daftar isi sesuai label otomatis maka daftar isi yang muncul akan muncul bersamaan pada tiap label yang mengandung content dari daftar isi tersebut.
Dengan munculnya judul yang sama pada label yang berbeda ini, Saya khawatir google akan menganggap hal ini sebagai duplicate content yang akan berpengaruh terhadap SEO atas content di blog Saya.
Oleh karena itu, Saya memutuskan untuk membuat daftar isi di blog ini berdasarkan label secara otomatis yang Saya tentukan sendiri sehingga judul entri yang ada dalam daftar isi hanya muncul sesuai label pilihan yang Saya inginkan saja agar pada posting selanjutnya tidak Saya masukan judul posting yang sama ke label yang berbeda yang terdapat dalam daftar isi blog ini dan menempatkan jidul posting pada main labelnya saja, tujuannya ya agar terhindar dari duplicate content kali ya!.
Nah bagi sobat yang ingin membuat daftar isi otomatis sesuai label yang ditentukan oleh Anda sendiri dapat mengikuti panduan dan tutorial berikut ini:
- Buat daftar isi Anda, terserah mau sebagai HTML/Javascript pada widget atau dihalaman posting, kemudian letakan kode javascript berikut ini:<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ul>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul> - Ubah nilai var numposts sesuai jumlah judul yang ingin ditampilkan.
- Ganti tecnomasi sesuai nama blog Anda sendiri.
- Ganti Nama Label sesuai nama label atau kategori yang ingin ditampilkan.
- Label yang menggunakan spasi, maka spasi diganti dengan: %20. Misalnya: label Blogger Guide harus ditulis Blogger%20Guide, dan seterusnya untuk tiap label yang ber spasi. Besar kecil huruf berpengaruh pada berfungsi atau tidaknya widget atau halaman ini. Karena itu Nama Label harus benar-benar sesuai dengan nama label yang ada dalam blog Anda.
- Untuk bullet and numbering, gunakan perintah <ul> diakhiri </ul> jika Anda ingi daftar isi yang menggunakan bullet dan perintah <ol> diakhiri </ol> untuk numbering.
- Simpan jika dugunakan sebagai widget dan publish jika ditempatkan pada halaman posting kemudian lihat hasilnya.
Untuk menampilkan beberapa content sesuai label yang berbeda dalam daftar isi Anda, silakan ikuti contoh berikut dan tempatkan dihalaman ataw widget daftar isi blog Anda:
<b>C++</b>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/c?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Jaringan</b>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/Jaringan?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Computer</b>
<script style="text/javascript">
var numposts = 25;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/Computer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Internet</b>
<script style="text/javascript">
var numposts = 25;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/Internet?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/c?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Jaringan</b>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/Jaringan?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Computer</b>
<script style="text/javascript">
var numposts = 25;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/Computer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Internet</b>
<script style="text/javascript">
var numposts = 25;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://tecnomasi.blogspot.com/feeds/posts/default/-/Internet?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
- Ganti kode-kode: <b>Blogger Guide</b>, <b>SEO Guide</b>, <b>Computer</b>, <b>Internet</b> dengan label sesuai label daftar isi Anda yang ingin ditampilkan.
- Ganti url: http://tecnomasi.blogspot.com dan label yang berwarna merah sesuai dengan url dan label blog yang Anda inginkan.
Selasa, 11 November 2014
Mengubah gambar menjadi lebih SEO Friendly
Tutorial blogger mengubah gambar menjadi lebih SEO Friendly pada blog
posting.
Seperti yang kita ketahui bahwa gambar dalam postingan
mempunyai banyak manfaat, di antaranya untuk memperjelas artikel postingan
supaya pengunjung dapat menyerap dan mempelajarinya dengan mudah, bisa juga di
manfaatkan untuk mempercantik tampilan artikel agar pengunjung tidak jenuh
melihat banyaknya tulisan yang gak jelas hehehe. . . .
Tetapi ternyata eh ternyata gambar / image dalam
postingan juga bisa di jadikan untuk keperluan SEO blog.
Mungkin banyak para blogger yang sudah tahu tentang ini atau mungkin trik ini sudah basi bahkan sampai jamuran??
Bagi blogger newbie seperti blogtegal ini adalah kabar baik.
Mungkin banyak para blogger yang sudah tahu tentang ini atau mungkin trik ini sudah basi bahkan sampai jamuran??
Bagi blogger newbie seperti blogtegal ini adalah kabar baik.
Tanpa di sadari SEO yang sampai saat ini menjadi
incaran para blogger ternyata gak jauh-jauh dari keseharian kita nge-blog, ya walaupun trik mengubah gambar
menjadi lebih SEO Friendly ini tidak banyak pengaruhnya, namun tidak ada
salahnya kan kalau kita terapkan untuk keperluan SEO Friendly
Uang Rp. 1000 tanpa Rp. 1 tidak akan jadi 1000, bener gak?? Hehehe. . . . Sok tahu. . . .
Uang Rp. 1000 tanpa Rp. 1 tidak akan jadi 1000, bener gak?? Hehehe. . . . Sok tahu. . . .
Oke langsung saja, biasa kalau kita mau menepatkan
gambar dalam postingan penulisannya begini
<img src="http://tecnomasi.blogspot.googlecode.com/files/Blog_tecnomasi.gif"/>
begitu kan, nah untuk membuat gambar menjadi lebih SEO Friendly di perlukan sedikit tambahan kode pada kode diatas agar menjadi SEO friendly, berikut tambahannya: » »
<img src="http://tecnomasi.blogspot.googlecode.com/files/Blog_tecnomasi.gif"/>
begitu kan, nah untuk membuat gambar menjadi lebih SEO Friendly di perlukan sedikit tambahan kode pada kode diatas agar menjadi SEO friendly, berikut tambahannya: » »
<img alt="deskripsi singkat tentang
isi artikel postingan" title="judul artikel postingan"
src="http://blogtegal.googlecode.com/files/Blog_Tegal.gif"/>
Tulisan yang berwarna ungu adalah tambahannya untuk membuat gambar menjadi lebih ber-SEO
Dan seperti biasa gambar tersebut di letakan pada
bagian teratas artikel agar search engine bisa membaca apa isi dari postingan
tersebut.
Maksimal gambar yang di gunakan sebanyak 2 dalam 1 artikel postingan, ini di maksudkan untuk mengurangi beban blog loading saat di akses, jika terlalu banyak gambar dan ukurannya gede-gede, itu bukan akan menjadikan SEO Friendly tapi mengusir pengunjung secara halus, waduwh. . . . . .
Ya iyalah. . . .pengunjung kan paling males kalau ada blog yang LoLa alias loading lambat hehehe. . . .kabuuuurrr. . . .!!!
Sekian
dulu tentang sedikit trik SEO sederhana, jika nanti ada yang baru akan langsung
di share, hokey. . . .
Maksimal gambar yang di gunakan sebanyak 2 dalam 1 artikel postingan, ini di maksudkan untuk mengurangi beban blog loading saat di akses, jika terlalu banyak gambar dan ukurannya gede-gede, itu bukan akan menjadikan SEO Friendly tapi mengusir pengunjung secara halus, waduwh. . . . . .
Ya iyalah. . . .pengunjung kan paling males kalau ada blog yang LoLa alias loading lambat hehehe. . . .kabuuuurrr. . . .!!!
Membuat Widget melayang pada Blog
Cara membuat widget melayang pada blog. Terutama yg akan tecnomasi bahas yakni membuat widget melayang pada
pengguna blogspot, manfaat dari widget melayang itu sendiri banyak,
biasanya di gunakan untuk ditempati iklan berbasis PPC atau iklan yg begitu
penting yg sangat terbatas waktu promosinya yang di maksudkan agar pengunjung
tahu bahwa ada bisnis yang penting sekarang ini.
Widget melayang ini bisa kita atur tata letaknya entah
mau d letakan sebelah kiri, kanan, atas maupun bawah pada posisi blog, nanti
akan awak terangkan di bawah, hokey :d
Untuk tampilan besar kecilnya ukuran widget melayang ini tergantung pada isi yang akan kita tempatkan.
Untuk tampilan besar kecilnya ukuran widget melayang ini tergantung pada isi yang akan kita tempatkan.
Jika widget melayang ini kita tempati iklan berbasis
PPC, maka ukuran-y akan menyesuaikan dg ukuran iklan, untuk contohnya bisa di
lihat pada pojok kanan atas di blogtegal.com ini.
Bagaimana apakah kamu tertarik untuk membuatnya? Jika ya mari kita lakukan penelitiannya hehehehe. . . . . .
Bagaimana apakah kamu tertarik untuk membuatnya? Jika ya mari kita lakukan penelitiannya hehehehe. . . . . .
Silahkan copi paste script di bawah ini pada widget
HTML/Javascript.
Jika bingung apa itu widget HTML/Javascript silahkan ikuti petunjuknya:
Jika bingung apa itu widget HTML/Javascript silahkan ikuti petunjuknya:
- masuk ke dasboard blog kamu.
- pilih Rancangan
- pada elemen halaman klik ''Tambah widget''
- Dan pilih Widget HTML/Javascript
- kemudian paste-kan script di bawah ini.
- dan Simpan
<style type="text/css"> #gb{ position:fixed; top:10px;
z-index:+1000; } * html #gb{position:relative;} .gbcontent{
float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee;
padding:10px; } </style> <script
type="text/javascript"> function showHideGB(){ var gb =
document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ?
moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function
moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx =
Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx *
dir; gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")",
10);} } </script> <div id="gb"> <div
class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent"> <div
style="text-align:right"> <a
href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a>
</div> <center> silahkan tempatkan kode
iklan atau banner atau teks atau apalah terserah kamu disini yah</center>
<script type="text/javascript"> var gb =
document.getElementById("gb"); gb.style.center =
(30-gb.offsetWidth).toString() + "px";
</script></div></div>
Perhatikan pada tulisan yang berwarna ungu pada script
di atas, di situ berisi tentang pengaturan tentang posisi, background,border
widget melayang tersebut. Atur sesuai dg keinginan kamu apakah ingin di
tempatkan di bagian kiri atau kanan. Oh ya, jika kamu ingin menempatkan widget
melayang tersebut pada halaman yg ingin kamu tentukan baca artikel blogtegal
tentang menampilkan widget pada halaman tertentu yg kita inginkan
Bagaimana
apakah sudah bisa membuat widget melayang atau membuat iklan melayang?
Semoga bermanfaat.
Membuat ucapan selamat datang
Membuat ucapan selamat datang blog
Setelah kemarin blogtegal memposting artikel tentang membuat ucapan terima kasih pada kotak komentar Sekarang tecnomasi ingin share tentang membuat ucapan selamat datang pada blog ketika user mengunjungi blog kita.
Pernah gak sewaktu kamu membuka suatu blog ada jendela munculan kecil yang berisi ucapan selamat datang. Bisanya berisi ''Selamat datang di blog ini''
Pasti pernah dong, trus bagaimana cara membuatnya? Apakah anda juga tertarik untuk membuat ucapan selamat datang tersebut? Lets do it.
Setelah kemarin blogtegal memposting artikel tentang membuat ucapan terima kasih pada kotak komentar Sekarang tecnomasi ingin share tentang membuat ucapan selamat datang pada blog ketika user mengunjungi blog kita.
Pernah gak sewaktu kamu membuka suatu blog ada jendela munculan kecil yang berisi ucapan selamat datang. Bisanya berisi ''Selamat datang di blog ini''
Pasti pernah dong, trus bagaimana cara membuatnya? Apakah anda juga tertarik untuk membuat ucapan selamat datang tersebut? Lets do it.
Membuat pesan selamat datang blog.
- Login ke dashboard blog kamu.
- pilih Rancangan »» Edit HTML
- cari kode </head>
- Tempatkan script berikut diatasnya
<script
language='javascript'>alert ("Tulis pesan apa
saja disini, sakerepmu arep di tulisi opo");
</script>
</script>
- terakhir klik 'SIMPAN'
Dari kode diatas itu akan menerapkan di bagian halaman
manapun pesan itu akan keluar, disini kita perlu mengatur ulang agar pesan itu
hanya muncul pada homepage blog saja, tentunya agar para pengunjung tidak kesel
karena pesan tersebut selalu muncul. Berikut caranya
Tambahkan
kode yang berwarna merah diantaranya.
Membuat ucapan kotak komentar
Membuat komentar ucapan salam pada blog
Membuat komentar berbeda lain dari pada yang lain yakni membuat ucapan salam atau ucapan terima kasih pada kotak komentar untuk para komentator yang telah berkomentar di blog kamu.
Membuat komentar berbeda lain dari pada yang lain yakni membuat ucapan salam atau ucapan terima kasih pada kotak komentar untuk para komentator yang telah berkomentar di blog kamu.
Langsung sajalah, lagi males basa basi basu 
- Login ke dashboard blog kamu.
- pilih Rancangan »» Edit HTML
- Cari kode berikut menggunakan tombol F3 untuk memudahkan pencarian
<p><data:comment.body/></p></b:if>
- Tambahkan kode berikut di bawahnya
<div
style='margin: 10px 10px 0px 0px;
text-align: center; font-size: 13px;'>
Tempatkan tulisan apa saja disini terserah yg kamu mau.
</div>
text-align: center; font-size: 13px;'>
Tempatkan tulisan apa saja disini terserah yg kamu mau.
</div>
Jadi nantinya akan menjadi seperti ini
<p><data:comment.body/></p></b:if> <div
style='margin: 10px 10px 0px 0px; text-align: center; font-size: 13px;'> Terima kasih telah berkomentar di blogtegal.com
</div>
Kamu pun bisa memvariasikan bentuk, warna, jenis pada
teksnya dg mengedit pada bagian CSS'nya
Untuk
contohnya silahkan lihat pada blogtegal ini, atau coba aja berkomentar langsung
untuk membuktikannya hiks...hiks...hiks...
Membuat tombol share Facebook Twitter dengan penghitung
Membuat tombol share facebook dan twitter sendiri
,Untuk kesempatan ini tecnomasi ingin men-share article yang sangat
cocok buat kamu yang seneng mempercantikblog dengan berbagai macam pernak-pernik. Langsung bae membuat
sendiri tombol share facebook dan twitter dengan penghitung
Oh ya tombol share ini akan menunjukan jumlah
(counter/penghitung) berapa kali artikel tersebut di share ke facebook dan twitter .
- Login ke dashboard blogspot kamu
- pilih Rancangan »» Edit HTML
- Checlist pada tulisan Expand Widget Template
- Cari kode <data:post.body>
(Gunakan tombol F3 untuk mempermudah mencarinya)
- Tempatkan script berikut dìatas kode <data:post.body>
- Scriptnya
<p><a
href='http://www.facebook.com/sharer.php' name='fb_count'
type='button_count'>share</a>
<script type='text/javascript' src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'/><br/>
<a class='twitter-share-button' data-count='horizontal' data-via='blogtegal' href='http://twitter.com/share'>share</a></p>
<script type='text/javascript' src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'/><br/>
<a class='twitter-share-button' data-count='horizontal' data-via='blogtegal' href='http://twitter.com/share'>share</a></p>
- Kemudian tempatkan script berikut ini di bawah kode <head>
<script
type='text/javascript' src='http://platform.twitter.com/widgets.js'/>
- terakhir klik Save Template
Membuat sub-menu Link blogspot
Membuat sub-menu link blogspot atau yang blogtegal sebut sebagai menu navigasi
blogspot contohnya seperti yang terlihat pada blogtegal ini pada bagian
atas yang bertuliskan
HOME | WEBHOSTING | TEMPLATE PREMIUM | PPC
Gak ada screenshot lagi mahal
Gak usah panjang
lebar kita langsung ke permasalahan utama.
- Login ke dashboard blogspot
- pilih Rancangan »» Edit HTML
- Tempatkan kode CSS berikut
diatas kode ]]></b:skin>
- kemudian tempatkan kode HTML berikut diatas kode <div id='content-wrapper'> atau biasanya
bertuliskan <div id='wrapper-content'>
<div id='sub-menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'/>HOME</li>
<li class='page_item page-item-2'>
<a href='http://tecnomasi.blogspot.com/2014/11/membuat-anti-klik-kanan-pada-blog.html'>LINK 1</a></li>
<li class='page_item page-item-2'>
<a href='http://tecnomasi.blogspot.com/2014/11/cara-menghilangkam-gambar-obengtang.html'>LINK 2</a></li>
<ul>
<li><a expr:href='data:blog.homepageUrl'/>HOME</li>
<li class='page_item page-item-2'>
<a href='http://tecnomasi.blogspot.com/2014/11/membuat-anti-klik-kanan-pada-blog.html'>LINK 1</a></li>
<li class='page_item page-item-2'>
<a href='http://tecnomasi.blogspot.com/2014/11/cara-menghilangkam-gambar-obengtang.html'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='http://www.blogtegal.com/2010/11/cara-membuat-textarea.html'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='http://tecnomasi.blogspot.com/2014/11/cara-mendaftarkan-blog-pada-dmozorg.html'>LINK 2</a></li>
</ul>
</div>
<a href='http://www.blogtegal.com/2010/11/cara-membuat-textarea.html'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='http://tecnomasi.blogspot.com/2014/11/cara-mendaftarkan-blog-pada-dmozorg.html'>LINK 2</a></li>
</ul>
</div>
- Terakhir simpan tempalate dan
lihat hasilnya.
Dari kode
diatas akan terlihat seperti tampilan pada blogtegal ini, silahkan sesuaikan kode warna sesuai kehendak kamu pada kode CSS-nya dan Ganti tulisan yang berwarna
hijau sesuai kehendak kamu dan ganti alamat blog dengan alamat kamu. Biasanya
link yang di pasang pada sub-menu berisi link kategori atau link label. Tapi
semuanya terserah kamu mau di beri link apa.
Membuat EFEK daun berguguran pada blog
Membuat EFEK daun berguguran pada blog, lagi-lagi kali ini tecnomasi blog tutorial akan berbagi informasi
untuk mempercantik tampilan blog dg memberi efek daun berguguran. Svdahlah
langsung aja lagi males nyrocos
Yang pertama mesti kamu lakukan yakni:
- login ke dashbord blog kamu
- pilih 'Rancangan / Design'
- klik 'Tambah gadget / Add gadget'
- pilih widget 'HTML/javascript'
- kemudian copy dan pastekan script dibawah ini.
<script
src="http://blogtegal.googlecode.com/files/efek-daun.js"
type="text/javascript"/>
terakhir
klik Simpan
Membuat Anti Klik-Kanan pada blog
Membuat blog anti klik kanan,anti copy paste, kembali lagi blog tutorial tecnomasi. mengulas tentang tutorial
blogspot yg mana pada kesempatan kali ini akan membahas tentang membuat anti
klik kanan,membuat blog anti copy paste,disable your right click,membuat blog
anti jiplak, mungkin lebih tepatnya mematikan klik-kanan untuk menghindari
peng-copy paste-an artikel dari suatu blog ke blog lain.
Manfat dari membuat anti klik-kanan pada suatu
blog itu banyak,terutama dalam urusan SEO,mengapa?
Jika suatu artikel di copy paste dari suatu blog ke blog lain,maka ke-2 blog yg
di copy maupun blog yang mem-paste akan berkurang nilai SEO blog tersebut di
mata search engine,
terutama search engine Yahoo yg pengecekannya dilakukan secara manual oleh
tenaga manusia. Yang berakibat menurunnya traffic,pagerank dan alexa rank suatu
blog. Yang mana walaupun blog yg meng-copy menyebutkan blog sumber artikel
berasal, itu hanya untuk pengunjung saja memberitahu,tapi untuk search engine ''halah
nyong ora ngarti pokoke koen ora kreatif dadi tak tempatna nang mburi pisan'',
ihh gak banged deh.
Tapi ada satu hal yg perlu kamu catat baik-baik
sebelum membuat anti jiplak pada blog kamu yakni pelu gak blog kita diberi kode
anti copy paste?
Jika blog kamu bertemakan sama kayak blogtegal ini atau sejenisnya maka sebaiknya jangan,karena berisi tentang tutorial kode yg memang harus di copy, jěka diberi script anti jiplak mau dibuang kemana tu pengunjung? Mau dapat ilmu dari mana jika kodenya tidak bisa di kopi? Di tulis? Keburu kiamat
Kecuali kode yg mau di copy di tempatkan pada textarea
Jika blog kamu bertemakan sama kayak blogtegal ini atau sejenisnya maka sebaiknya jangan,karena berisi tentang tutorial kode yg memang harus di copy, jěka diberi script anti jiplak mau dibuang kemana tu pengunjung? Mau dapat ilmu dari mana jika kodenya tidak bisa di kopi? Di tulis? Keburu kiamat
Kecuali kode yg mau di copy di tempatkan pada textarea
Jika memang ingin membuat blog anti copy paste bisa
ikuti tutorial berikut:
Ada dua script yg bisa kamu pake menurut keperluan dari blog kamu, diantaranya:
Ada dua script yg bisa kamu pake menurut keperluan dari blog kamu, diantaranya:
- Script anti copy paste + disable klik kanan.
- script anti copy paste yg bisa klik kanan.
1. Script anti
copas + disable klik kanan
Script yang pertama ini berguna untuk membuat blog
anti copas plus men-disable klik kanan, jadi pengunjung tidak bisa membuka tab
baru dg klik kanan diatas link ''Open in New Tab'', caranya: Yakni
tempatkan script di bawah ini pada widget HTML/javascript pada blog kamu.
- login ke dashboard blogspot kamu.
- pilih Rancangan/Desain
- pada halaman element laman klik ''tambah gadget'' / ''Add gadget''
- pilih widget HTML/javascript
- dan pastekan script berikut didalamnya.
- klik SIMPAN
Script yang dicopy:
<script language="javascript"> <!-- Begin function
shake(n) { if (parent.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j
> 0; j--) { self.resizeTo(250,150); parent.moveBy(i,0); parent.moveBy(0,-i);
parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0);
parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i);
parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0);
parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i);
parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0);
parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0);
parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i);
parent.moveBy(i,0); parent.moveBy(0,-i); parent.moveBy(-i,0);
parent.moveBy(0,i); parent.moveBy(i,0); parent.moveBy(0,-i);
parent.moveBy(-i,0); parent.moveBy(0,i); parent.moveBy(i,0);
parent.moveBy(0,-i); parent.moveBy(-i,0); parent.moveBy(0,i);}}}} // End -->
PopUpURL = "Maaf anda tidak di perbolehkan klik
kanan"; isIE=document.all;
isNN=!document.all&&document.getElementById; isN4=document.layers; if
(isIE||isNN) { document.oncontextmenu=checkV; } else {
document.captureEvents(Event.MOUSEDOWN || Event.MOUSEUP);
document.onmousedown=checkV; } function checkV(e) { if (isN4) { if
(e.which==2||e.which==3) { dPUW=alert("Maaf
anda tidak di perbolehkan klik kanan"); shake(2); return false; } }
else { dPUW=alert(PopUpURL); shake(2); return false; } } </script>
Ganti tulisan yang berwarna ungu resuai kehendakmu.
2. Script anti
copas yang bisa klik kanan
Untuk script yang kedua ini berguna untuk membuat
blog anti copy paste yang bisa klik kanan. Jadi pengunjung bisa membuka
halaman blog kamu dengan klik kanan ''Open in New Tab, caranya:
Tempatkan script berikut diantara kode <head>
dan kode </head> di dalam template
kamu.
<SCRIPT type='text/javascript'> if (typeof
document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false"); } else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true"); }
</SCRIPT>
Tentukan pilihanmu untuk membuat blog anti klikkanan,anti copy paste,anti jiplak,disable klik kanan.
Cara Menghilangkam Gambar Obeng/Tang
Bagaimana cara menghilangkam gambar obeng atau gambartang pada blogspot? Apa kegunaan dari tang dan obeng tersebut?
Sebenarnya gambar obeng atau gambar tang tersebut
berguna untuk mempercepat pengeditan widget blog secara langsung tanpa anda
harus masuk ke dashboard blog anda.
Dengan syarat akun email anda sudah login ke browser
yang di gunakan.
Sebenarnya pula gambar obeng atau gambar tang tersebut
tidak akan muncul jika di buka di beda komputer (beda alamat IP). Atau gambar
tang tersebut tidak akan muncul jika akun anda tidak login pada komputer yang
di gunakan.
Tapi terkadang gambar obeng atau gambar tang tersebut
muncul pada komputer yang lain. Meskipun aku! n yang masuk bukan akun yang
sebenarnya,dan ini akan memberatkan loading blog lama bagi para pengunjung.
Berikut cara untuk menghilangkan gambar obeng.
- pertama login ke dashboard blog anda.
- pilih Rancangan--Edit HTML
- beri tanda centang pada kotak kecil disamping tulisan ''Expand
Template Widget''
- temukan dan hapus kode berikut <b:include
name='quickedit'/>
- satu kode mewakili satu gambar obeng.
- banyaknya gambar obeng tergantung dari banyaknya widget yang di
gunakan, jika blog anda menggunakan 6 widget, berarti ada gambar 6 obeng
dan ada 6 kode diatas.
- jika sudah di hapus kode diatas kemudian save template.
Cara Mendaftarkan Blog pada Dmoz.Org
Caramendaftarkan blog pada directory DMOZ.ORG
Siapa blogger sekarang yang tidak kenal dengan situs directory DMOZ.ORG yang merupakan situs directory terbesar sebagai panutan para mesin pencari. Salah satunya Search Engine Google yang memanfaatkan directory dmoz ini untuk mereview blog-blog atau website-website untuk di crawl, dan memberi patokan bagi Google untuk memberi peringkat suatu blog mempunyai artikel unik atau non-unik.
Kenapa? Karena situs directory DMOZ ini hanya akan meng-approve (menerima) blog / website yang mempunyai artikel unik dan bermutu, sebab DMOZ mereview blog / website secara manual yaitu menggunakan tenaga manusia bukan menggunakan robot.
Siapa blogger sekarang yang tidak kenal dengan situs directory DMOZ.ORG yang merupakan situs directory terbesar sebagai panutan para mesin pencari. Salah satunya Search Engine Google yang memanfaatkan directory dmoz ini untuk mereview blog-blog atau website-website untuk di crawl, dan memberi patokan bagi Google untuk memberi peringkat suatu blog mempunyai artikel unik atau non-unik.
Kenapa? Karena situs directory DMOZ ini hanya akan meng-approve (menerima) blog / website yang mempunyai artikel unik dan bermutu, sebab DMOZ mereview blog / website secara manual yaitu menggunakan tenaga manusia bukan menggunakan robot.
Cara mendaftarkan blog pada DMOZ.ORG
Kendala yang dialami para blogger untuk mendaftarkan blognya yaitu ''KURANG FAHAM DAN KURANG MENGERTI'' bagaimana cara mensubmit blog to directory DMOZ atau mungkin sudah faham dan mengeqti
Kendala yang dialami para blogger untuk mendaftarkan blognya yaitu ''KURANG FAHAM DAN KURANG MENGERTI'' bagaimana cara mensubmit blog to directory DMOZ atau mungkin sudah faham dan mengeqti
Berikut langkah-langkahnya untuk menambahkan ke situs
dmoz.
- Buka alamat www.dmoz.org
- Jika blog kamu berisi content bahasa inggris maka pilih daftar
sub-kategori yang ada di List, tapi jika blog kamu berisi konten bahasa
Indonesia, pilih kata ''World'' lalu
pilih ''Bahasa Indonesia'' baru kamu
memilih kategori yang cocok dengan isi konten blog kamu sampai ke-bagian
sub- sub- sub- kategori
- Jika sudah memilih kategori dan sub- sub- sub- kategori yang sesuai
dengan isi konten blog maka klik ''Suggest URL''
pada menu tab bagian atas.
- Atau biasanya bahasa yang keluar bukan menggunakan bahasa Inggris
melainkan menggunakan bahasa Spanyol maka kamu klik pada tulisan ''Bæta vié slòd'' , ada kan
- Selanjutnya masukan data-data dari blog / website kamu seperti:
- Site URL: http://tecnomasi.blogspot.com
- What type of link in this: pilih
Reguler
- Title of site: Isi judul nama blog
kamu
- site Description: Isi deskripsi blog
kamu menggunakan huruf kecil semua sebanya 25-30 kata
- your e-mail address: isi email kamu
- user Verification: isi kode chaptcha
- yang terakhir klik Submit.
Selanjutnya kita menunggu sampai selama 2 minggu untuk
memberi kesempatan pihak DMOZ mereview blog / website kita. Dì terima atau di
tolaknya blog kita tidak ada pemberitahuan dari pihak DMOZ.
Cabut
semua iklan yang berbentuk script seperti Adsense,chitika
dll dari blog kamu agar bisa di trima oleh pihak DMOZ, ini merupakan syarat
agar pe-review-an bisa berjalan dengan mulus, dan berharap dengan di terimanya
blog kita maka traffic blog kita akan naik bejibun, 10.000 pengunjung
perhari Pusing
tidak membaca artikel diatas tentang cara mendaftarkan blog pada DMOZ.ORG
Cara Mempercantik Tampilan Title Bar
Membuat TITLE BAR berjalan pada blog. Kali ini blogtegal akan sharing tentang cara mempercantiktampilan TITLE BAR berjalan. Ya ini digunakan untuk variasi aja gak terlalu
penting sebenernya, lagi pula TITLE BAR juga gak terlalu terlihat karna berada
dibagian paling atas. Okelah langsung mawon.
Langkah membuat TITLE BAR berjalan.
- login ke dashbord blog kamu.
- pilih ''RANCANGAN / DESIGN''
- pada halaman ''Element laman'' klik 'Tambah Gadget'
- pilih widget ''HTML/Javascript'' dan tempatkan script berikut
didalamnya.
- terakhir klik SIMPAN
Script yang di copy:
<script> function tb8_makeArray(n){ this.length
= n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0]
= "WELCOME TO OUR WEBSITE";
tb8_messages[1] = "INFORMATION ABOUT INTERNET";
tb8_messages[2] = "AND THANKS FOR VISITING";
tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed =
125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var
tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if
(tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0;
tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg ==
tb8_messages.length){ if ((tb8_rptType == 'finite') &&
(tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++;
tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); }
tb8_pisi() </script>
Keterangan:
" pada tulisan yang berwarna ungu adalah tampilan teks, ganti
sesuai keinginan kamu.
" pada tulisan yang berwarna hijau tb8_speed
= 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan
sesuai keinginan kamu.
Cara Membuat Textarea
Bagaimana cara membuat textarea? Apa kegunaan
textarea? Kode untuk membuat textarea.
Sebelum membahas bagaimana cara membuat textarea,ada
baiknya kita mengetahui dulu kegunaan textarea.
Kegunaan dari textarea ialah memotong text yang panjang ke dalam blok kotak yang bisa diatur
ukurannya. Biasanya textarea ini di gunakan untuk memposting artikel kode HTML.
Textarea ini seperti notepad atau wordpad yang di tempatkan ke dalam
postingan,yang ukurannya bisa di tentukan oleh kita.
Nah. . .bagaimana cara membuat textarea?
Berikut kode untuk membuat textarea.
<textarea
cols="nilai_panjang" rows="nilai_lebar">tulisan yang didalam textare</textarea>
Contoh textarea
Bagaimana? Mudah bukan dalam proses pembuatan textarea. Jika ada yang kurang paham atau kurang jelas bisa bertanya pada kotak komentar di bawah,key.
**~SELAMAT
MENCOBA~**
Langganan:
Postingan (Atom)
