Tampilkan postingan dengan label tips blogger. Tampilkan semua postingan
Tampilkan postingan dengan label tips blogger. Tampilkan semua postingan

Membuat Artikel Terkait dengan Thumbnail / Gambar

Posted by blas 0 komentar
Membuat Artikel Terkait dengan Thumbnail / Gambar . Artikel terkait atau related post atau mungkin artikel yang berhubungan, sama aja yah hehehe. Kali ini Gresik Blogger akan sharing cara membuat artikel terkait dengan thumbnail setelah sebelumnya sudah posting cara membuat artikel terkait di sidebar blog. Ada 2 cara membuat artikel terkait dengan thubnail atau gambar, yang pertama menggunakan layanan online seperti linkwithin dll. Sedangkan yang ke 2 yaitu membuat artikel terkait dengan thumbnail secara manual. Disini saya akan sharing cara membuat artikel terkait dengan gambar secara manual.


Membuat Artikel Terkait dengan Gambar / Thumbnail

Membuat Artikel Terkait dengan Thumbnail / Gambar

  • Langkah pertama yaitu login ke blog anda > Design > Edit HTML > Centang expand widget templates.
  • Cari kode </head> dan kalau sudah ketemu silahkan paste kode di bawah ini tepat di atas kode </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type="text/css">

#related-posts {

float:center;

text-transform:none;


height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}

#related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;


font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:black;

}


#related-posts a:hover{

color:black;

}

#related-posts  a:hover {

background-color:#d4eaf2;

}

</style>

<script type='text/javascript'>


var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnV-0ilK2JRg5MZGR2Sgk4uhpASxJ7R8okGw4YGQGh7UgvpvMzF0cB7K75yexYrRCCPnjo48Zq17-qcmo8qEedUJ5VaSTLNyesQB4Vp0Bn4ksV9KCR3HA7EmMvshfSISinzN4hfrghXA/s400/noimage.png";

var maxresults=5;

var splittercolor="#d4eaf2";

var relatedpoststitle="Artikel Terkait Yang Mungkin Anda Cari";

</script>

<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>

<!-- remove --></b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

Sekarang anda cari kode ini

<div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
Nah kalau sudah ketemu, sekarang paste kode berikut di di bawah kode tadi

<!-- Related Posts with Thumbnails Code Start-->

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>


<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>


<script type='text/javascript'>

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);

</script>

</div><div style='clear:both'/>

<!-- remove --></b:if>



Berikut ini adalah kode yang bisa anda ganti sebelum menyimpan template (ganti tulisan yang berwarna merah)



jumlah artikel terkait muncul

var maxresults=5;


Jumlah artikel terkait / label

max-results=6



Judul artikel terkait

var relatedpoststitle="Artikel Terkait Yang Mungkin Anda Cari";


Warna tulisan pada artikel yang terkait, silahkan anda ganti sesuai keinginan anda. Cari kode warna

var splittercolor="#d4eaf2";



Nah kalau sudah selesai anda bisa klik save template dan selesai :).



Artikel Terkait dengan Gambar / Thumbnail ini hanya muncul pada halaman posting, jika anda ingin Artikel Terkait dengan Gambar / Thumbnail ini muncul di semua halaman blog, anda bisa menghapus kode

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> dan <!-- remove --></b:if>




Untuk sobat yang ingin menggunakan kode javascript sendiri dengan menguploadnya di hosting sendiri untuk keamanan kode tersebut.

Download kodenya http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js kemudian sobat bisa upload di hosting sobat sendiri. Atau mungkin upload di salah satu top hosting gratis yaitu google code.



Membuat Artikel Terkait dengan Thumbnail / Gambar ini dipelajari dari Bloggerplugins dengan sedikit modifikasi :).

Baca Selengkapnya ....

Cara Membuat Komentar Facebook Di Bawah Posting Blog

Posted by blas 0 komentar
cara membuat komentar facebook di blog
Cara Membuat Komentar Facebook Di Bawah Posting Blog, komentar di blog sangat dibutuhkan untuk blogger karena tanpa komentar dari pembacanya maka seorang penulis tidak akan bisa interaksi dengan pe,mbaca pada artikel yang dia tulis, pasti sobat semua juga ingin kan artikelnya mendapat tanggapan?

adapun cara agar pembaca bisa memberi tanggapan yaitu dengan cara memberi kotak komentar yang di semat dibawah entry atau setiap artikel, namun cara yang satu ini biasanya terasa agak sulit,apalagi pembaca ada yang belum tahu tentang cara memberi komentar di artikel tersebut.

Dengan semakin berkembangnya tren facebook sekarang banyak penjelajah internet mempunyai akun facebook juga, hal ini bisa dijadikan salah satu cara agar pembaca bisa memberi komentar di blog, iya..dengan membuat komentar facebook di blog akan memudahkan pembaca memberi tanggapan pada artikel kamu, tidak hanya itu, komentar facebook akan memberi tambahan trafict juga pada blogmu,karena komentar fb di blog kamu akan otomatis juga masuk di status mereka.



Tertarik kan? info terbaru kali ini saya punya cara membuat komentar facebook di bawah posting blog dengan mudah dan tidak ribet. ikuti tutorial blogger dibawah ini:

  1. Silahkan masuk ke blogger kamu dan menuju di template blog kamu
  2. Jangan lupa backup template kamu. agar jika terjadi kesalahan bisa mudah dipulihkan
  3. centang kotak kecil di sisi kiri atas pengaturan template kamu atau expand template widget
  4. cari kode <data:post.body/> dan letakkan kode berikut dibawahnya:


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

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

    <div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='600'/></div>


    </b:if>
  5.  Lalu simpan template kamu.
Sangat mudah kan cara membuat komentar facebook di bwah posting blog, Semoga bermanfaat buat anda semua.

Baca Selengkapnya ....

Backlink Gratis Dari Google Yang Mudah

Posted by blas 0 komentar
Backlink Gratis Dari Google - Backlink gratis, Backlink adalah sebuah link atau teks yang berada di situs lain atau situs kita sendiri yang jika kita klik maka akan menuju suatu halaman lainnya. berbagai macam cara yang bisa kita maksimalkan untuk mendapatkan backlink. dan kali ini kita mendapat backlink gratis dari sesama Blogger. caranya simple cukup copy paste.

Backlink memiliki Fungsi sangat penting dan diperlukan untuk meningkatkan popularitas suatu situs/blog di mata search engine atau yang biasa dikenal dengan pagerank, jika situs/blog kita memiliki backlink yang banyak maka secara otomatis search engine akan melirik blog kita, dan pastinya pagerank akan diberikan kepada blog kita dan baklink tersebut gratis ala blogger.

Nah siapa yang tidak mau blognya mendapatkan banyak backlink pasti semua sobat juga kepengin blognya mendapatkan banyak Backlink, kali ini saya mencoba menerapkan cara cepat mendapatkan Backlink pada blog dengan sistim Multi Level Marketing.

Caranya sangat mudah. Anda hanya perlu meletakkan link-link berikut ini di blog atau artikel Anda dengan cara copy-paste.

 
1.      Vivanews.com
2.     Okzone.com
3.      BlogDetik.com
4.      Yahoo.com
5.      Blogger.com
6.     ASK.com
7.      Blog Amburadul
8.     Berita Online


Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah:
§  Ketika posisi anda 10, jumlah backlink = 1
§  Posisi 9, jml backlink = 5
§  Posisi 8, jml backlink = 25
§  Posisi 7, jml backlink = 125
§  Posisi 6, jml backlink = 625
§  Posisi 5, jml backlink = 3,125
§  Posisi 4, jml backlink = 15,625
§  Posisi 3, jml backlink = 78,125
§  Posisi 2, jml backlink = 390,625
§  Posisi 1, jml backlink = 1,953,125

Dan semuanya menggunakan kata kunci yang anda inginkan. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline lalu mengklik link Anda itu, maka anda juga akan mendapatkan traffict tambahan.

Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link web anda di posisi 10. Ingat, Anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba2 di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10.
Nggak ada salahnya khan mencoba? Mari kita lihat bagaimana efeknya. Selamat Mencoba......

Baca Selengkapnya ....

pasang meta tag di setiap postingan otomatis

Posted by blas 0 komentar
Teknik ini sangat-sangat berguna untuk optimasi onpage karena setiap postingan kita akan memiliki meta deskripsi yang berbeda antara satu postingan dengan postingan lainnya tanpa perlu repot-repot nambahin satu-satu pada setiap postingan secara manual. Dengan kata lain, meta deskripsi dan keyword pada setiap posting akan ter-generate secara otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami duplikasi meta deskripsi.


Cara memasang meta tag deskripsi dan keyword setiap postingan secara otomatis ini Saya bagi kedalam 2 bagian, sobat-sobat ikutin aja salah satu dari kedua cara dibawah ini :



Bagi yang BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikutin cara ini :


  1. Pertama-tama login dulu dong ke blogger.com terus ke tata letak > edit html.

  2. Tunggu sampe terload secara maksimal dan cari kode berikut (gunakan ctrl + f di firefox untuk mencari) :


    <title><data:blog.pageTitle/></title>

  3. Setelah dapat kode diatas hapus lalu ganti dengan kode berikut :

    <b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>

    <title><data:blog.pageTitle/></title>


    <meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>

    <meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>

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

    <title><data:blog.pageName/> - <data:blog.title/></title>


    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>

    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>

    </b:if>


  4. Selesai dan save template sobat.

Bagi yang SUDAH PERNAH memasang meta tag deskripsi sbelumnya, ikutin cara berikut ini :


  1. Udah login ke blogger kan ? langsung menuju tata letak > edit html.

  2. Di halaman edit html, cari kode ini :

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


    <title><data:blog.pageName/> | <data:blog.title/></title>


    Intinya tuh sobat cari kode deskripsi yang lama ( yang udah pernah sobat pasang sebelumnya), kemudian dihapus aja semua kode deskripsi yang lama ntuh.

  3. Setelah kode meta tag deskripsi dan keyword yang lama dihapus diganti dengan kode berikut yang tentunya lebih canggih lagi,hhe :

    <b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>


    <title><data:blog.pageTitle/></title>

    <meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>

    <meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>

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


    <title><data:blog.pageName/> - <data:blog.title/></title>

    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>

    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>


    </b:if>

  4. Udah digantikan ? kalo udah selesai langsung aja di save template.
Nah, demikianlah cara bikin meta tag di setiap postingan secara otomatis. Semoga setelah ikutin cara diatas sobat-sobat Gresik Blogger semuanya gak direpotkan lagi dengan harus memasang meta tag deskripsi di setiap postingan secara manual lagi. Salam.

Baca Selengkapnya ....

Tips Merawat Blog

Posted by blas 0 komentar
Tips merawat blog – iya blog harus dirawat, so bagaimana tips merawat blog tersebut, mari sama-sama kita berfikir dan mencari tau bagaimana tips merawat blog agar tetap baik dan dikunjungi teman-teman blogger, ataupun penjelajah dunia maya lainnya, kebiasaan kita adalah semangat diawal dan terkandas ditengah-tengah perjalanan, dan hal itu sendiri penulis rasakan dalam mengelola blog alakadarnya ini, namun melihat dari blog teman-teman alias kebiasaan blogwalking niat itu dapat dikembalikan dan bersemangat kembali. So kuncinya adalah kita harus bisa merawat blog kita agar tetap eksis di dunia blogging.

Blog itu sendiri adalah hasil karya yang harus kita jaga agar nantinya memberikan manfaat kepada diri kita sendiri dan orang lain tentunya, karena secara tidak langsung kita akan bangga bahwa kita telah memiliki web atau blog dan memperkenalkan kepada orang lain, jika tidak di rawat jangankan orang lain, kita sendiri terkadang malas melihat blog tersebut, jadi ada beberapa tips merawat blog agar tetap menjadi top, walaw tidak top dimata search engine top di mata kita jadilah.

Tips merawat blog sebenarnya sangat mudah dan hal tersebut sudah kita praktekkan, ibarat sebuah pohon harus disiram agar cepat pertumbuhannya sehari sekali tidak apa-apalah asal jangan tidak sama sekali, begitu juga dengan blog harus di siram dengan postingan-postingan alias artikel baru agar spider search engine ingat kepada kita, kalau tidak membuat postingan sekali pun memperbaiki postingan-postingan yang telah lama, berarti blog tersebut telah terawat.

Tips merawat blog menurut blogger gresik ada dua yaitu dari sisi on page dan off page
Secara on page yaitu dengan cara memeriksa bagian-bagian dari blog kita sepert :
  • HTML blog berupa kode-kode script atau css yang mungkin bermaslah
  • Link-link yang masuk atau keluar apakah terdapat broken link
  • Periksa meta tag, meta description, site map, dan sebagainya dan hal ini bisa kita lakukan dari google web master tool
Secara off page yaitu melakukan beberapa tindakan
  • Melakukan postingan secara berkala dengan kualitas artikel terbaik, karena konten adalah menu utama sebuah blog yang disuguhkan untuk pembaca.
  • Lakukan blogwalking untuk memperkenalkan diri dan menjalin persahabatan serta becklink.
  • Keragaman artikel akan membuat pengunjung lebih betah dan datang kembali untuk membaca dan mencari informasi.
Sepertinya cukup itu dan mudah-mudahan bisa bermanfaat dan memotivasi kita semua untuk terus semangat memberikan hal terbaik pada semua, tips merawat blog tersebut hanya dasar dan masih banyak lagi bisa kita lakukan untuk kemakmuran blog tersebut.

Baca Selengkapnya ....

Cara Mengatasi Google Pinguin

Posted by blas 0 komentar
cara mengatasi google pinguingoogle adalah raksasa internet yang menguasai sebagian besar dunia maya, kali ini telah meluncurkan algoritma baru dengan julukan google pinguin, yang telah membawa perubahan terhadap dunia blogging, dimana google semakin menyeleksi sebuah web atau blog, dimana juga sebelumnya google memberikan gemparan dengan google panda dan berbuntut ke google dance, sehingga menuntut seorang blogger untuk lebih imajinatif dan berkarya tinggi, karena google dance berkaitan dengan kulitas konten, ada penyakit ada penawarnya, dan begitulah juga dengan google pinguin so pasti sudah ada cara mengatasi google pinguin, tembak ja napa kan Cuma pinguin ya itu kalo hidup di darat, yang ada pinguin hidup di mesin.

Sebelum masuk ke sub menu cara mengatasi google pinguin, kenalan dulu yuk sama si pinguin, Google Pinguin di luncurkan pada tanggal 24 April 2012 kemarin, dimana tugas si pinguin adalah untuk mencari dan mendeteksi web atau blog bersifat spam dari mesin google yang hanya akan menjadikan sampah alias memenuhin space pada memory google, bagaimana sudah kenal dan jelas bukan, dan dampaknya akan terlihat pada blog atau web kita, yaitu dari traffic dan posisi diserp.

Biarlah klo mahir blogging sendiri gak terlalu mikirin itu, karena ngeblog untuk suka-suka, dan otak-atik sana sini, itu semua kan digoogle ditempat lain kan masih kita perjuangkan, ya bukan, dan cara mengatasi google pinguin agar tidak berdampak pada blog kita ada beberapa cara yaitu :

Ini dari si google lho, katanya,,,

  1. Hindari teks tersembunyi atau link tersembunyi.
  2. Jangan gunakan cloaking atau sneaky redirects.
  3. Jangan mengirimkan query otomatis ke Google.
  4. Jangan memuat halaman dengan kata kunci yang tidak relevan.
  5. Jangan membuat halaman, subdomain, atau domain dengan duplikat konten substansial.
  6. Jangan membuat halaman dengan perilaku jahat, seperti phishing atau menginstall virus, trojan, atau malware lain.
  7. Hindari halaman “doorway” yang dibuat hanya untuk mesin pencari, atau “cookie cutter” pendekatan seperti program afiliasi dengan konten asli sedikit atau tidak ada.
  8. Jika situs Anda berpartisipasi dalam program afiliasi, pastikan bahwa situs Anda menambahkan nilai. Menyediakan konten unik dan relevan yang memberikan alasan bagi pengguna untuk mengunjungi situs Anda terlebih dahulu.
Informasi diatas adalah cara mengatasi google pinguin, dengan harapan si google dapat dipatuhi aturan baru berupa google pinguin, jika masih nakal resiko tanggung dipundak, keberatan kan kalo ditanggung dipundak. keep spirit to blogging

Baca Selengkapnya ....

Istilah-istilah Teknik SEO

Posted by blas 0 komentar
Istilah Teknik SEO – ada dua Istilah Teknik SEO yang sering digunakan untuk memenangkan posisi di search engine, karena SEO masih menjadi sumber traffic sebuah web atau blog, dan istilah itu benar-benar memberikan kepuasan dalam  SERP, siapa yang gak mw nangkring diatas menjadi nomer satu, karena posisi menentukan keberhasilan, jadi keinget waktu UAS nyari posisi enak saat ujian, kalo gak di samping di tengah, masa indah yang tek terlupakan,

Walah kok jadi curhat ya, ok kembali ke topic Istilah Teknik SEO yang sudah teruji mantab dan mujarab memikat hati algoritma si google, istilah tersebut sebenarnya sudah dikenal dan familiar dikalangan master-master SEO, namun tidak ada salahnya untuk mengingat kembali dan mungkin ada yang lupa dengan teknik seo terbaik tersebut, apalagi bagi yang masih newbie dalam mengejar posisi di SERP.

Namun harus hati-hati dengan salah satu teknik yang ada karena bisa fatal akibatnya yang mengakibatkan banned akun karena bersifat merusak dan menjatuhkan jika terbukti dan melakukan teknik tersebut, namun tidak pada teknik berikutnya hal tersebutlah yang lebih baik dan tidak melanggar aturan Google.

Semakin penasaran kan, apa itu Istilah Teknik SEO yang menjadi kunci para master seo menempati top ten istilah-istilah tersebut adalah :
  1. White Hat SEO
  2. Grey Hat SEO
  3. Black Hat SEO
White Hat SEO istilah yang lebih dikenal dan paling banyak digunakan serta paling baik dimata spyder robot algoritma google istilah ini menggunakan cara yang normal dalam mencari posisi serp search engine yang biasanya dengan blogwalking, linkwheel, link exchange, optimasi konten, penempatan kata kunci, dan sebagainya

Gray Hat SEO teknik kedua ini mungkin jarang terdengar bagi kalangan blogger yang hanya sekedar blogging seperti writing, tapi tidak menutup kemungkinan melakukan teknik ini, mungkin istilahnya berbeda atau memang tidak tahu, Cloaking, Membeli link, Duplikat konten.

Black Hat SEO istilah seo yang kurang keren dan tidak baik untuk dipraktekkan karena membawa dampak buruk dan fatal, apalagi bagi newbie yang baru terjun ke dunia blogging teknik ini bersifat menjatuhkan lawan dengan cara mengangkat judul artikel atau kata kunci yang dibidik, Link Farming, Keyword Stuffing, Cloaking Page doorway page, Invisible Text, Iteration Title.

Beberapa Istilah Teknik SEO diatas teknik yang popular dan yang penulis ketahui dan dalam penggunaannya tergantung kepada kita, namun berhati-hati, tapi tidak ada salahnya untuk mencoba jika terbanned kan bisa bikin akunlagi atau membuat blog lagi gitu aja kok repot,, salam blogging,, dan mudah-mudahan membantu kalo ada Istilah Teknik SEO yang lain silahkan dishare biar tambah ilmunya.

Baca Selengkapnya ....

Teknik seo Terbaik

Posted by blas 0 komentar
Teknik seo terbaik – seperti apa sebenarnya teknik seo terbaik, ilmu seo yang terus digali dan dipelajari belum tuntas sepenuhnya karena google terus mengupdate algoritma mesin alias search enginenya jangan dipikirin karena masih banyak yang bisa dilakukan untuk memperkenalkan web atau blog kita kepada dunia maya, istilah seo itu hanya untuk beberapa orang yang menggila dunia maya untuk kegiatan bisnis,  dan kita pun bisa seperti mereka.

kembali kepada teknik seo terbaik yang mengangkat judul artikel atau kata kunci menempati posisi satu di search engine baik google, yahoo, bing, dan sebagainya adalah tidak sulit dan bahkan tanpa seo sekalipun kita bisa memenangkan kata kunci tersebut jika kita lebih memiliki kata kunci yang sama dalam web atau blog kita dalam jumlah yang banyak misal kita mempunyai kata cara sebanyak 100 kata yang telah terposting dengan kata cara juga yang terdapat pada web atau blog lain misal hanya 20 kata, otomatis kita masih bisa menang.

Namun untuk memposting sebanyak tersebut harus menguras waktu dan tenaga so pasti harus ada teknik seo terbaik untuk menaikkan kata kunci pada posisi satu google, hmm kira-kira seperti apa ya, penulis sekedar berbagi pengalaman dari belajar kesana kemari dengan si embah google, dan yang didapat adalah
  1. Secara on page
  • Blog description
  • Keyword description 
  • Heading
  • Penonjolan kata kunci pada posting sperti bold, italic, underline
  • Url
  • dsb
     2.  secara off page
  • promosi
  • backlink
  • iklan
  • dsb
terakhir untuk mendapatkan teknik seo terbaik adalah dengan white seo artinya semua kita lakukan secara prosedur tidak melanggar tos google dan tidak merugikan orang lain, bukan berarti black hat seo salah, tetapi hal tersebut cenderung merugikan orang lain, yang terlah berkeja keras banting jari dan meremas-remas mouse hahahahah,, itu sajalah cerita indah kali ini, salam blogging,, always smiling,

Baca Selengkapnya ....

Tips SEO untuk para Pemula

Posted by blas 0 komentar
Tips seo bagi pemulatips seo bagi para pemula atau yang baru terjun di dunia tulis menulis di internet atau ngeblog sebenarnya sangat mudah, seo tidak pernah habis di bicarakan oleh para webmaster atau penggelut internet marketing apalagi bagi newbie seperti penulis sekarang, untuk mencari tips yang instan dalam seo mudah sebenarnya, siapin dana dan hubungi jasa pembuat blog atau website maka anda tidak perlu repot-repot melakukan optmasi seo pada template kita atau lebih keren seo on page, tapi itu kebanyakan untuk para pembisnis, jika hanya sekedar hobi dan mencari ilmu seo, tentunya kita mulai dari belajar dan trus mencari tahu.

Berikut merupakan beberapa tips SEO bagi pemula. Mudah-mudahan bisa membantu dalam blogging dan terus semangat,
Tips SEO Untuk Pemula
  1. Fakus pada niat kita tentang apa yang kita share pada public, jangan tergoyah dan lebih baik jika blog kita tentang sesuatu yang unik, atau yang sangat di butuhkan orang.
  2. Pilih blog dari blogspot karena blogspot cepat terindek oleh google.
  3. Pilih template yang sederhana yang tidak terlalu full color, karena biasanya sangat berat loadingnya,
  4. Pilih template yang sidebarnya di sebelah kanan
  5. Kurangi gadget yang tidak terlalu penting,
  6. Lakukan perubahan meta tag pada html blog, masukkan description dan keyword jangan terlalu panjang, masukkan point penting dari blog kita.
  7. Dalam memposting judul usahakan tidak terlalu panjang dan tidak melebihi 5 kata, jika judul tersebut lebih dari 5 kata, pilih point penting dari judul
  8. Lakukan blogwalking sebagai promosi blog dan mencari backlink usahakan yang sama latarbelakangnya dengan blog kita.
  9. Lakukan promosi ke social directory, seperti lintas berita, infogue, digg. Ect
  10. Submit ke mesin search engine, seperti google, yahoo, bing, ask and ect
  11. Terus mencari dan membaca tentang seo.  
Itulah beberapa tips penting bagi pemula untuk memulai SEO. Dan masih banyak lagi search engine optimization (SEO) yang bisa dilakukakan, namun focus pada setiap step dan jangan terlalu banyak otak-atik blog kita karena bisa merusak prestasi blog kita di SERP. 

Baca Selengkapnya ....

Cara Membuat Recent Post Berjalan dengan Mudah

Posted by blas 0 komentar
Membuat Recent Post Berjalan adalah salah satu tips untuk mempercantik tampilan blog. Recent post merupakan postingan terbaru pada suatu blog. Terkadang recent post sangat diperlukan, hal ini dapat mempermudah pembaca blog untuk melihat postingan terakhir/terbaru pada blog kita. Apalagi jika tampilan recent post itu bagus, berganti-ganti dan naik turun.

Membuat Recent Post Berjalan sebenarnya sudah disediakan oleh blogger sendiri, tetapi sangat sederhana dan tampilannya pun tergantung pada template yang dipakai. Namun jika dengan cara ini, hasilnya saya rasa lebih memuaskan. Apakah harus otak-atik kode script / bahkan otak-atik script template? Anda hanya cukup copy paste aja cara yang akan saya berikan berikut. Tinggal ganti URL blog anda aja, selesai.

Langkah
Cara Membuat Recent Post Berjalan sebagai berikut :
1. Masuk akun blogger anda
2. Pilih tata letak
3. Tambah Gadget
4. Javascript / HTML
5. Copy dan pastekan kode berikut di kotak Javascript / HTML tadi.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:253px;
}
#spylist ul{
width:310px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:298px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "komentar";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://gresik.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

6. Simpan.

Keterangan : Numbpost adalah jumlah postingan terakhir yang ingin anda tayangkan. Sedangkan home_page adalah URL blog anda sendiri.

Cara Membuat Recent Post Berjalan  dengan cara ini terkadang juga tidak berhasil. Aku sendiri dulu pernah mengalami, setelah ku paste ternyata recent post tersebut tidak berjalan, meski tampilannya sudah bagus. Tidak perfect jika recent postnya tidak bisa berjalan. Setelah ku telusuri, ternyata recent post berjalan tidak boleh bebarengan dengan Menu Tab View. Apa itu menu tab view? bisa dikatakan itu adalah tampilan beberapa gadget yang dikelompokkan. Detailnya bisa anda lihat di postingan saya sebelumnya di sini. Sampai di sini dulu tutorial kali ini ya...

Baca Selengkapnya ....

Cara Jitu Dan Cepat Untuk Menaikkan Rank Google

Posted by blas 0 komentar
Cara Jitu Dan Cepat Untuk Menaikkan Rank Google - Nah itu dia judulnya, saya juga nggak paham apa dengan ini, karena saya sering muter muter (alias bloging di internet) akirnya saya menemukan artikel ini karena klihatanya sangat bermanffat apalagi saya juga ingin menjadi rank 1 di google dan kemudian saya copas aja karena di sini di anjurkan untuk copas (wkwkwkwkwk ngakak deh).

Ok kalau gitu langsung ke TKP (kaya OVJ aja) baca dan simak dengan benar benar kemudian anda bisa menirukan nya.


Cara Jitu Dan Cepat Untuk Menaikkan Rank Google bisa kita lakukan dengan gratis tanpa biaya. Cara Cepat Menaikkan Pagerank ini sudah banyak dilakukan oleh para blogger2 yang sudah ahli. Gak usah susah2 komentar sana sini. Cukup ikuti panduan ini.

Cara Jitu Dan Cepat Untuk Menaikkan Rank Google adalah dengan copy paste artikel ini mulai kata" —– copy mulai di sini —- sampai —–SELESAI —-" di blog anda.

—— Copy mulai di sini —— Silahkan pelajari dengan baik lalu anda terapkan dengan benar…. Ada kata bijak yang mengatakan “Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)”, mari kita buktikan….apakah konsep kejujuran disini dapat kita gunakan untuk menghasilkan traffic dan popularity yang sangat hebat dari sebuah metode rumit para expert webmaster atau pakar SEO..? Saya percaya kita bisa asal metode ini anda terapkan dengan benar…,apabila ini di aplikasikan pada web/blog anda sesuai ketentuan maka:
  • Blog anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa anda harus repot-repot memikirkan SEO atau capek-capek melakukan promosi keberbagai tempat di dunia online.
  • Blog anda juga akan kebanjiran backlink secara signifikan hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet.
Hal yang harus anda lakukan adalah ikuti langkah-langkah berikut :
  1. Buatlah postingan artikel seperti posting saya ini, atau copy-paste artikel ini. Lalu beri Judul sesuka anda (karena itu merupakan SEO buat web/blog anda sendiri).
  2. Anda cukup hanya meletakkan Link-Link di bawah ini pada artikel anda tersebut pada blog/web anda.

    1. Okezone.com
    2. Facebook.com
    3. Friendster.com
    4. Google.com
    5. Seputar Info News
    6. Berita Dan Informasi Online
    7. Download Free Software
    8. Terbugil
    9. Vivanews.com
    10. Yahoo.com
    11. Twitter.com
    12. Youtube.com
    13. Blogger.com
    14. Dmoz.org
    15. Blogger Filosofi
PERATURAN :
  1. Sebelum anda meletakkan Link-Link tersebut ditas ke dalam postingan web/blog anda, harap hapus Link nomor 1 , Sehingga link no 1 hilang dari daftar link dan setiap link anda naikkan 1 level ke atas. Yang tadinya no 2 naik menjadi no 1, yang tadinya no 3 menjadi no 2, yang tadinya no 4 menjadi no 3 dan begitu seterusnya. Setelah itu masukkan Link anda pada urutan Paling bawah ( no 15 ).
  2. Ingat!!! Jangan Merubah Urutan daftar link Apabila setiap blogger yang ikut dalam metode ini berhasil di duplikasi ole blogger lain yang akan bergabung, andaikan 5 blogger yang bergabung maka Backlink yang anda dapat adalah Ketika:
Posisi anda 15, jumlah backlink = 1
Posisi 14, jumlah backlink = 5
Posisi 13, jumlah backlink = 25
Posisi 12, jumlah backlink = 125
Posisi 11, jumlah backlink = 625
Posisi 10, jumlah backlink = 3.125
Posisi 9, jumlah backlink = 15.625
Posisi 8, jumlah backlink = 78.125
Posisi 7, jumlah backlink = 390.625
Posisi 6, jumlah backlink = 1.953.125
Posisi 5, jumlah backlink = 9.765.625
Posisi 4, jumlah backlink = 48.828.125
Posisi 3, jumlah backlink = 244.140.625
Posisi 2, jumlah backlink = 1.220.703.125
Posisi 1, jumlah backlink = 6.103.515.625
Dan semua Dari kata kunci yang anda inginkan, bayangkan jika ini bisa berjalan dengan sempurna maka anda akan memperoleh 6.103.515.625 external link yang berasal dari berbagai blog yang anda tidak akan pernah bayangkan sebelumnya. Belum lagi apabila ada pengunjung blog anda dari Link List tersebut diatas maka otomatis anda akan memperoleh traffic ke web/blog anda juga. Ingat!!! Aturuan mainnya, Anda harus memulai dari urutan paling bawah (no 15) sehingga hasil backlink anda bisa Maksimal. Jangan salahkan saya apabila anda tidak mengikuti metode ini dengan benar dan Link anda tiba-tiba berada pada urutan no 1 dan menghilang pada Link daftar. Jadi mulai lah pada urutan paling bawah(no 15). Bisakah Anda melakukan tindakan tidak fair atau tidak jujur dengan menyabotase metode ini, misalkan saja “menghilangkan semua link asal” lalu di isi dengan link web/blog anda sendiri…? ….Bisa, dan metode ini menjadi tidak maksimal. Kejujuran adalah strategi/politik terbaik…..Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu… —- SELESAI —-
Catatan : Silahkan anda copy paste artikel tersebut di atas mulai dari —– copy mulai di sini —- sampai —–SELESAI —-. Boleh juga anda berkreasi dengan memberi sedikit basa basi terlebih dahulu. Semoga metode ini bisa berjalan sesuai harapan kita bersama. . . ! ! !

Cara Jitu Dan Cepat Untuk Menaikkan Rank Google  Semoga Bermanfaat untuk teman teman.

Baca Selengkapnya ....

Trik SEO yang bisa menghancurkan blog anda

Posted by blas 0 komentar
Nah wlaupun saya gak jago-jago amat dalam soal perSEOan, tapi apa salahnya berbagi ilmu, Sedikit postingan saya tentang Apa saja kah Trik-trik SEO yang akan menghancurkan blog anda ? Simak dalam poin-poin berikut :

-Uncloaked Affiliate links.
Mengapa Google membenci afiliasi? Tampaknya Google membenci segala hal yang berbau komersial/curang - jika hal itu membuat uang untuk sobat, Google tidak menyukainya. Kecuali tentu saja Anda membayar Google , seperti dalam membeli Adwords untuk PPC. Kemudian mereka akan mencintai Anda.

SOLUSI: berdoa agar mbah google tetap mencintai blog sobat.

-Jual beli Link.
Teknik mendapatkan backlink instant dari blog berpagerank tinggi dengan membeli link dari mereka apa lagi melalui layanan-layanan jual beli link sangat berisiko sekali brader. Maksud hati ingin meningkatkan posisi di SERP malah ditendang jauh-jauh ke buntut google.

SOLUSI: Buat konten yang mengagumkan dan menarik sehingga orang nge-link ke blog sobat secara alami. Atau, jika sobat memang ingin membeli link dari suatu blog  kontak langsung admin blog tersebut untuk membeli link secara manual.

-Melink ke blog tukang spam / berbau BB 17.
Perhatikan pengunjung yang komen di blog dofollow anda. jika link mereka menuju ke situs yg kurang baik dimata om gugel, silahkan hapus komentar mereka.

SOLUSI: Moderasi komentar anda, nofollow link, atau keduanya.

-Blog yang tidak aktif.
ketika robot google mengunjungi blog anda dan blog anda sedang dalam keadaan server down. dapat dipastikan blog yang telah lama nangkring di serp bakalan terpeleset jauuuuhhh~.

SOLUSI: gunakan web hosting yang terpercaya. atau gunakan blogspot !

-Duplicate Content. Saya rasa semuanya sudah pada tau. kalo kalian tukang copy paste blog orang lain, mulai sekarang hentikan hal itu karena hal tersebut akan menghancurkan citra, harga diri anda di hadapan blogger lain maupun dihadapan mbah google. so cepet tobat deh...

SOLUSI: Nofollow link ke konten duplikat, blok kontent tersebut dalam robots.txt, atau menggunakan tag Canonical Google.

Cukup sekian Tips dari Saya semoga bermanfaat buat sobat semua! Tunggu artikle saya selanjutnya ya,, sekali lagi terimakasih.

sumber

Baca Selengkapnya ....

Menonaktifkan klik kanan mouse Di blogger

Posted by blas 0 komentar
Menonaktifkan klik kanan mouse Di blogger >> Klik kanan atau right click terkadang sering digunakan untuk kopi paste,seperti saya misalnya he he he..:-) Setelah dipasang kode 'Disable Right Click pada blogger' anda setiap pengunjung atau anda sendiri akan kesulitan melakukan klik kanan, jika demikian isi dari halaman blog anda, artikel dan gambar tidak bisa di copy atau disalin.
Bagaimana cara memasang kode Disable Right Click pada Blogger, berikut langkah-langkahnya:
Copy kode berikut ini kemudian masuk ke draft blogger - design - page element - add a gadget - HTML/javaScript - save.

<SCRIPT language=JavaScript>
var message = "No Right Click";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</SCRIPT>

Untuk merubah pesan apabila pengunjung melakukan klik kanan anda boleh merubah text 'No Right Click' di atas sesuai keinginan anda.


Selamat Mencoba.

Baca Selengkapnya ....

Cara Memasang Like Button Facebook Di Setiap Posting

Posted by blas 1 komentar
Sekarang saya akan menerangkan sedikit cara memasang like button facebook di setiap posting , pada posting sebelumnya saya sudah menerangkan cara buat like button facebook di blogger , sekarang saya hanya akan menerangkan sedikit bagaimana memasang like button di setiap posting secara otomatis  . Caranya sangat mudah silahkan anda ikuti cara ini .


Cara Memasang Like Button Facebook Di Setiap Posting


1. Cara pasang like button di postingan pertama login ke blogger, kemudian pilih menu Layout> Edit HTML.
2. Backup template anda terlebih dahulu.
3. Periksa kotak centang Expand Template Widget. (Jangan lupa untuk download template untuk keamanan)
4. Cari kode di bawah ini:  <data:post.body>
.5. Setelah anda mendapatkan kode diatas , anda taruh kode berikut ini di bawah kode diatas

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

 Ingat apabila anda sudah memakai navigasi breadcrumb maka kode html diatas akan ada dua ,, anda cari yang kedua nya

6. Simpan template dan lihat hasilnya.

Caranya sangat mudah kan untuk pasang like button di posting , silahkan anda tinggal komentar kalau ada yang ingin ditanyakan.

Baca Selengkapnya ....

Cara Pasang Kotak Komentar Facebook Di Blogger

Posted by blas 0 komentar
Kali ini saya akan menjelaskan tentang komentar facebook di blog , sebelum saya menjelaskan cara pasang kotak komentar facebook di blog ,saya jelaskan sedikit kegunaan comment box facebook , kegunaan box comment facebook di blog sama seperti kolom komentar blog lainnya , namun disamping untuk berkomentar di blog ada kegunaan lain dari plugin kotak komentar facebook ini yaitu apabila ada pengunjung berkomentar melalui komentar box ini maka akan secara otomatis tershare komentar dan url blog yang dikomentari , sehingga ini bisa menjadi salah satu cara promosi yang efektif dengan memasang kotak komentar facebook di blog .


Pasang Kotak Komentar Facebook Di Blog

Untuk memasang kotak komentar facebook di blog cukup sulit , untuk itu simak baik-baik tutorial pasang komentar facebook di blog .

1. Anda harus terlebih dahulu membuat aplikasi anda terlebih dahulu , untuk itu silahkan masuk ke akun facebook anda .

2. Lalu buka link ini Facebook developer page

3. Setelah membuka link tersebut anda akan dibawa ke link setup membuat aplikasi , yang belum verifikasi account akan muncul gambar seperti ini :

aplikasi facebook
Aplikasi facebook

Anda verifikasi melalui mobile phone , cukup masukan nomor handphone anda dan ikuti langkah selanjutnya .

4. Setelah terverifikasi anda masuk ke link di nomor 2 tadi sehingga muncul gambar seperti ini

buat aplikasi facebook
Buat aplikasi facebook

Isikan nama situs , url situs jangan lupa tambahkan Backslash " / " di belakang Ulr , lalu lokasi , contoh :

Site name : tutorial blog
Url site: http://gres1k.blogspot.com/
Lokasi : indonesia
Lalu tekan create

5. Lalu anda akan dibawa ke tempat aplikasi

buat new aplikasi facebook

 Buat new aplikasi facebook

Lalu ikuti langkah-langkah nya

6. Setelah itu yang anda butuhkan adalah nomor App ID/API Key .

Setelah anda membuat aplikasi untuk plugin kotak komentar facebook , silahkan lihat langkah selanjutnya .

Pasang comment box facebook


Untuk memasang box comment facebook di blog anda terlebih dahulu untuk log in di akun blogger anda lalu Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Lalu cari code berikut:

<data:post.body/> (untuk setiap template berbeda-beda posisi code itu , untuk yang telah memasang read more silahkan cari kode seperti itu yang kedua)

Pasang script berikut ini dibawah kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;XXXXXX&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
<b> by <a href='http://gres1k.blogspot.com/' target='_blank' title='Facebook Comment'>Facebook Comment </a></b>

Ganti tanda xxx  dengan App ID/API Key yang telah anda buat sebelumnya , lalu tekan simpan dan lihat hasilnya.

Cukup mudah bukan untuk pasang kotak komentar facebook pada blogger , silahkan bila anda masih kebingungan dengan cara buat kotak komentar facebook maupun cara pasang komentar facebook untuk berkomentar.

Semoga Bermanfaat .

Baca Selengkapnya ....

Cara Membuat Read More Otomatis Di Blogger

Posted by blas 0 komentar
Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.

Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript


Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

Cara membuat readmore otomatis.
(1)

membuat read more baca selengkapnya otomatis.
(2)

otomatis read more.
(3)


Selanjutnya,cari kode </head>,setelah ketemu tepat diATASnya letakkan kode javascript berikut:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></a></span>
<b:else/>
<data:post.body/>
</b:if>


Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>


Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>


Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya

Baca Selengkapnya ....

Membuat Arsip Blog model Scroll Yang mudah

Posted by blas 0 komentar
Update, membuat arsip blog menjadi scroll seperti punya saya ini. Trik ini sama seperti model scroll yang lain, contohnya Label Scroll dan Scrolling pada Box Comments. Kita hanya menambahkan script berikut:



Untuk letaknya apa anda sudah pada tahu? Kalo belum, ayo kita lihat caranya:
  1. Login - Layout - Elemen halaman
  2. Buat widget Arsip dengan nama Arsip Blog
  3. Pilih model Hirearchy untuk model ini
  4. Save
  5. Masuk ke Edit HTML - cek kotak Expand Template Widget
  6. Cari 'Arsip Blog'. Selengkapnya:
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
 
  1. Sebelumnya tidak ada kode merah di template Anda. Tambahkan kode itu untuk mengaktifkan scrolling-nya
  2. Untuk yang warna hijau anda bisa mengatur ukuran 
  3. Simpan template Anda dan lihat hasilnya
Semoga bermanfaat!!!

Baca Selengkapnya ....

Fitur pengaturan SEO baru untuk Blogger yang Baru

Posted by blas 0 komentar
Fitur pengaturan SEO baru untuk Blogger yang Baru -- Ini merupakan sebuah terobosan yang luar biasa walau terkesan telat! Blogger akhirnya memperkenalkan fitur SEO yang paling diharapkan oleh blog yang berplatform Blogger (blogspot). Sepertinya team Blogger sedang mencoba segala macam cara terbaik untuk mendekatkan persaingan dengan platform wordpress, kompetitor terbesarnya dalam dunia blogger.

Seperti yang kita ketahui bersama, Blogger sangat tertinggal dalam hal Search Engine Optimation (SEO) dibandingkan dengan wordpress yang memberikan kebebasan penuh pengguna dalam bentuk plugin-plugin SEO yang sakti mendongkrak pengunjung. Blogger kurang teroptimasi dan sangat terbatas dalam perkara yang satu ini, tetapi dengan diumumkannya penggunaan Meta Description untuk setiap postingan, custom redirection untuk link tujuan yang hilang, nofollow attribut, halaman 404 error, custom robot.txt dan fitur robot header tags membuat harapan para blogger untuk terus mempergunakan platform ini semakin cerah.

Apa Saja Fitur SEO baru blog berplatform Blogger?

Enam pilihan penting SEO telah ditambahkan kedalam draft Blogger, diantaranya:
  1.     Meta Tags for Homepage and Sub-pages
  2.     404 Error Page
  3.     Custom Redirects for broken links
  4.     Custom Robots.txt         For Advanced users
  5.     Custom robots header tags     For Advanced users
  6.     Nofollow attribute for post Editor links
Peringatan: Dari enam fitur baru Blogger ini ada dua fitur yang berpengaruh langsung terhadap kinerja crawling dan pengindeksan bot Google Search dan karena itu dia dibatasi untuk pengguna berpengalaman. Saya sangat sarankan pada anda agar jangan mencoba-coba atau melakukan perubahan melalui fitur-fitur baru tersebut tanpa mengetahui bagaimana fungsi dan pengaruhnya pada blog anda, saya sarankan dua fitur yang saya tandai dibiarkan apa adanya (default).

Untuk mengatur setting fitur SEO yang baru adalah sebagai berikut:

  1.     Buka draft.blogger.com
  2.     Pilih menu Settings > Search preferences
Sekarang, disini anda akan melihat tiga bagian pengaturan yang akan saya bahas satu persatu dalam postingan saya.

Meta Tags


Kata META disini mengacu pada Meta Description. Bagi yang belum mengetahui, meta description adalah suatu kalimat yang menggambarkan segala hal tentang blog anda yang akan muncul di deskripsi hasil pencarian  results page it looks like this:

Meta description untuk homepage


Sebelumnya anda mungkin sudah  memasukkan deskripsi umum untuk halaman utama blog, tetapi sekarang dalam tutorial meta descriptoion ini kita akan memasukkannya lewat halaman fitur baru Blogger. Apa bedanya? dengan mengaktifkan fitur ini makan pilihan meta description pada saat anda menulis sebuah post akan aktif, lalu anda bisa membuat deskripsi untuk setiap postingan yang anda buat di post editor. Begini cara aktivasi fitur meta description by pos:

  •     Klik link Edit
  •     Pilih "Enable Search Description?"
  •     Dalam kotak masukkan deskripsi blog anda maksimal 150 karakter.
Meta description untuk homepage

Meta description untuk homepage

Catatan: Anda harus memasukkan deskripsi yang sama dengan deskripsi yang anda buat dengan cara manual dalam template anda.

  •     Klick Save changes

    Jika deskripsi yang anda buat dalam langkah ke 3 tidak berhasil muncul (gunakan fasilitas view source di browser anda untuk mengecek meta description), artinya kita harus memasukkan kode/script untuk memanggil deskripsi blog kedalam template anda. Buka Design > Edit HTML dan paste kan kode meta description dibawah ini setelah kode <HEAD> :



<b:if cond='data:blog.metaDescription != &quot;&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if>

  • Simpan template anda dan anda berhasil!

Meta description untuk postingan

Meta description untuk postingan

Meta description untuk postingan

Sekarang buka post editor Blogger anda dan lihatlah, sebuah opsi baru tersedia untuk memasukkan meta description secara manual kedalam postingan.

 Untuk merasakan hasil yang signifikan dengan cara ini, biasakn menulis sebaris kalimat deskripsi tentang postingan anda untuk setiap postingan yang anda terbitkan. Deskripsi terbaik sebaiknya tidak lebih dari 150 karakter atau 15 kalimat ber-kata kunci. Dengan melakukan hal ini setiap kali terbit, maka setiap postingan anda akan memiliki variasi deskripsi berbeda, terlihat bersih oleh mesin pencari, dan tentunya akan lebih bisa menarik pengungjung untuk mengunjungi link anda karena kata-kata yang anda tulisakan pada deskripsi  postingan. Selain hal diatas, deskripsi yang bagus akan membantu anda memperoleh tampilan ringkasan postingan yang bagus ketika link anda disharing di Facebook atau Google Plus.




Selamat mencoba, nantikan tutorial selanjutnya untuk membuka fitur baru lainnya.

Sumber

Baca Selengkapnya ....
Redesigned by Info Terbaru Original by Bamz | Copyright of tempat cari jodoh. Untuk SEO lebih lanjut kunjungi Trik SEO terbaru.