Cara Membuat Teks Berjalan di Tab dan Navbar Atas

Cara Membuat Teks Berjalan di Tab dan Navbar Atas - Pada kali ini akan saya membagi-bagikan tips untuk mempercantik dan memperindah blog para rekan-rekan pemula tentang cara membuat teks di Tab dan Navbar atas itu berjalan. Mungkin diantara kalian belum ada yang tahu dimana letak Tab dan Navbar Atas, kalau belum tahu lihat contoh gambar dibawah ini:

Nah kalau sudah tahu sekarang kita mulai yuk :

1. Login dan buka Account Blogger anda Klik Tata Letak dan Edit HTML, lihat contoh gambar dibawah :
                                
2. Beri tanda Chek pada Expand Template Widget
3. Copy Paste kode Java Script dibawah ini :
   
   

   <script language='JavaScript'> var txt=&quot;. . : : Selamat Datang di Blog Tips N Trick, Terima Kasih Atas Kunjungannya , Jangan Lupa Komentarnyaa: : . .&quot;; var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak(); </script>

4. Letakan kode diatas seperti pada gambar
                        
5. Klik Pratinjau untuk melihat apakah anda memasukannya dengan benar, apabila sudah benar dan teks yang berjalan sudah sesuai dengan yang kita inginkan ya..tunggu apa lagi tinggal si simpan aja lagi. Untuk menyesuaikan teks yang diinginkan ganti huruf yang berwarna merah, sedangkan untuk mengatur kecepatan ganti teks yang berwarna biru.
   
   

Read more »

Read More Otomatis pada Template Blogger

Read More Otomatis pada Template Blogger - Seperti janji minggu lalu ya sob,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.

Langkah Cara Membuat Read More Otomatis tanpa jQuery 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.                                                     

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. Selamat Mencoba ^_^

                                                       

Read more »

SEO | Optimasi Blog

SEO | Optimasi Blog - Kamu sudah tahu "Sepenting apa itu SEO" dan "bagaimana optimasi keyword" dalam membuat sebuah blog. Hal tersebut tidak lain dan tidak bukan dimaksudkan agar search engine atau mesin pencari mudah melakukan deteksi ke halaman blog kamu. Semakin mudah sebuah blog dibaca oleh mesin pencari, maka semakin besar pula peluang suatu blog menduduki ranking yang bagus dalam daftar pencarian.

Jika user internet memasukkan kata-kata kunci dalam mesin pencari, kemudian alamat blog kamu muncul di urutan atas daftar pencarian, sudah barang tentu sangat besar kesempatan alamat blog itu akan diklik oleh user tersebut. Imbasnya trafik (lalu lintas) ke blog akan semakin meningkat pula.

Untuk mencapai tujuan diatas, kamu perlu menerapkan beberapa tips dan trik optimalisasi atau istilah kerennya optimization blog (optimasi blog). Optimization merupakan proses untuk menuju kepada kondisi yang lebih baik. Optimization dalam pengertian Indonesia-nya adalah proses yang maksimal atau pemaksimalan. Jadi Optimization blog adalah proses pemaksimalan sebuah blog untuk menuju kepada kondisi yang lebih baik.

Illustrasi :

Selayaknya supir taksi cepat di sebuah kota yang padat lalu lintasnya dan hobbynya macet melulu, maka kamu harus tahu jalan-jalan pintas atau alternatif menuju lokasi tujuan. Harapannya agar pelanggan kamu tetap memilih taksi kamu, karena mudah dan cepat disertai dengan layanan yang memuaskan untuk sampai ke tujuan yang dia kehendaki.

Singkatnya, perlu dilakukan upaya untuk melakukan optimization terhadap blog kamu supaya lebih bersahabat dengan search engine. Nah, berikut ini adalah beberapa tips dan trik optimasi blog agar lebih SEO friendly :

1. Memilih judul blog
   Judul blog harus memuat hanya keyword atau kata kunci utama. Kamu juga dapat menambahkan sedikit kata yang lain pada judul yang memuat kata kunci utama tersebut.
   
   Contoh :
   
   Keyword utamanya adalah SEO: Jika kamu ingin membuat blog dengan judul "SEO blog dan cara promosi blog" adalah lebih baik dan sempurna apabila kamu memotong kata itu ke dalam judul "SEO Blog | Promosi Blog".
   
   Keterangan :
   
   1.  Ganti kata penghubung "dan, atau, yang, dengan, de-el-el" dengan karakter "|".
   2.  Karakter "|" terletak di atas tombol "Enter".
   3.  Padukan Judul blog yang panjang ke dalam potongan kata dengan menggunakan karakter "|".
   
   
2. Letakkan keyword utama di awal dan akhir halaman blog
   Judul blog (title) merupakan keyword utama di awal halaman blog. Sedangkan lokasi judul dalam kode HTML, umumnya berada di antara tag <header>...</header> atau sejenisnya. Header <h1> seharusnya terletak paling kiri atas blog, sehingga ketika search engine/mesin pencari mendeteksi halaman blog, maka yang terbaca pertama kali adalah keyword utama blog kamu.
   
   Contoh :
   
   Keyword utamanya adalah SEO, judul blog "SEO Blog | Optimasi Blog". Kode HTML untuk judul blog tersebut adalah <h1>SEO Blog | Optimasi Blog</h1>
   
   Tambahkan pula kata kunci tersebut di akhir blog atau ekstrimnya terletak paling kanan bawah halaman blog kamu. Secara umum berada sebelum kode </footer> atau </body>, tergantung kode HTML template blog kamu.
   
   Trik untuk penempatan keyword ini agar terlihat wajar adalah dengan memasukkan kode copyright, ditulis oleh, dipublikasikan oleh, dan sebagainya.
   
   Contoh :
   
    - Copyright by <a href="#">SEO Blog | Optimasi Blog</a>
    - Dipublikasikan oleh <a href="#">SEO Blog | Optimasi Blog</a>
   
   Catatan :
   
   Pastikan kamu telah meletakkan keyword utama di paling kiri atas dan paling kanan bawah halaman blog.
   
   
3. Tambahkan karakter huruf tebal <b> atau huruf miring <i> dalam kata-kata yang mengandung keyword.
   
   Contoh :
   
   Keywordnya adalah SEO,mesin pencari,ranking
   <b>SEO</b> blog merupakan cara-cara agar blog terdeteksi dan menempati peringkat teratas dalam daftar pencarian oleh <i>mesin pencari</i> yang bertujuan untuk meningkatkan trafik ke blog itu sendiri. Semakin tinggi trafik, maka akan semakin besar pula peluang <i>ranking</i> yang didapat oleh blog kamu.
   
   
4. Tambahkan kode <alt> dalam setiap image yang kamu gunakan dalam blog.
   Ketika kamu ingin memasukkan gambar kedalam blog, tambahkanlah kode <alt> didalamnya. Kode HTML-nya digambarkan seperti berikut :
   
   

   <img src="SEO.jpg" width="85" height="85" alt="seo blog">
   

Read more »

SEO | Optimasi Blog Lewat Kata Kunci, "Keyword"

SEO | Optimasi Blog Lewat Kata Kunci, "Keyword" - Kamu pasti berharap bahwa blog kamu akan dikunjungi oleh pengguna internet lain. Namun setelah beberapa minggu nge-blog ternyata masih sangat sedikit atau malahan tidak ada orang yang mengunjungi blogmu. Kemudian berusaha untuk men-submit blog ke beberapa mesin pencari, namun hasilnya masih sama. Selanjutnya, kamu berusaha lebih extra powerfull dengan mengoptimalkan kata kunci atau "keyword" utama dan sekarang hanya difokuskan pada satu mesin pencari. Tetapi lagi-lagi jawabannya masih "anda belum beruntung". Sampai disini mungkin kamu menyerah dan memutuskan membuat blog lain yang berbeda sasarannya atau bahkan berhenti nge-blog. Ganti blog sih agak mending, tapi kalau sampai berhenti nge-blog (coba kamu bayangin sendiri). Mudah-mudahan hal tersebut jangan terjadi pada kita, karena kegagalan itu merupakan kesuksesan yang tertunda. So, don't give up...

Diatas merupakan gambaran tentang "betapa berharganya sebuah SEO", sedangkan Apa itu SEO telah diulas pada postingan "Apa itu Search Engine Optimization | SEO". Kembali ke keyword, langkah awal dalam membuat suatu blog adalah menentukan judul yang tepat. Ini penting dilakukan sebelum kamu mulai mengisi blog dengan berbagai konten, seperti posting dan widget/gadget/elemen halaman. Judul blog semestinya mempunyai keterkaitan/korelasi dengan keyword utama, sedangkan keyword merupakan satu atau serangkaian kata yang menjadi dasar dalam pencarian di search engine. Untuk mengetahui sumberdaya keyword tersebut silakan download secara gratis tool "goodkeywords" atau kunjungi https://adwords.google.com/select/KeywordToolExternal.

Sekarang coba masukkan keyword kamu ke dalam pencarian Google, berapa total hasil pencariannya (result)? Semakin banyak result, maka semakin tinggi pula tingkat persaingannnya. Artinya sangat kecil peluang blog kamu akan dikunjungi orang, apabila kamu tetap memaksakan judul dengan keyword yang ada.

Analisa keyword yang berperingkat sedang dan masih berhubungan erat dengan blog yang akan kamu buat. Jika sudah menemukannya, pilih dan masukkan "Words" tersebut dalam judul blog selama masih tersedia pada website blog yang kamu inginkan. Adalah lebih baik memasukkan serta keyword lain yang masih berhubungan dengan blog, bahkan keyword yang memiliki rangking tinggi contoh : SEO | Blog mudah terdeteksi, mesin pencari, SEO blog, dan seterusnya.

Bagaimana menambah judul blog (title) dapat kamu baca di  Rahasia dibalik "Meta Title Tag" blogger dari O-OM atau SEO | Analisa Kode HTML, "Source Code" dari Suka-Suka.com

Rekomendasi : Lakukan pula langkah di atas, ketika kamu ingin membuat judul posting dan tag posting.

Tambahan : Bagaimana cara mengetahui rangking blog?

Demikian banyak tool atau add-on atau plugin yang dapat kamu gunakan untuk mengetahui rangking blog, namun dalam pembahasan ini kita batasi hanya pada penggunaan "Page Rank". Page Rank adalah cara Google memberi suatu nilai yang spesifik kepada situs web mengenai kepopuleran dari situs web itu sendiri. Hal tersebut didasarkan pada banyaknya "suara-suara" situs web lain bersesuaian dengan situs web mu. Sedangkan pengertian "suara" itu sendiri adalah ketika situs web lain menempatkan link-nya di situs web mereka yang menunjuk ke situs web mu. Secara umum, semakin banyak "suara-suara" atau link yang menunjuk ke situs web mu, maka Page Rank akan lebih tinggi(PR).

Agar web browsing dapat melihat Page Rank Google blog kamu, maka kamu harus meng-install "Google Toolbar". Toolbar tersebut dapat diunduh secara bebas di http://toolbar.google.com.

Read more »

Apa itu Search Engine Optimization | SEO

Search Engine Optimization - atau yang lebih familiar disebut SEO adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik dari mesin pencari menuju alamat situs web tertentu dengan memanfaatkan mekanisme kerja alami algoritma mesin pencari tersebut. Tujuan spesifik SEO adalah menempatkan suatu alamat situs web pada posisi teratas (atau setidaknya pada halaman pertama) hasil pencarian berdasarkan subyek tertentu.(Wikipedia.org)

SEO itu sendiri apabila di Indonesiakan menjadi Optimasi mesin pencari. Kenapa harus dioptimalkan? Wah, pertanyaan pancingan nih...

Kalau kamu memiliki sebuah blog, tentu kamu ingin agar blog tersebut dikenal orang. Kemudian orang suka dengan blog kamu dan orang akan rindu dengan ulasan-ulasannya. Ini merupakan jalan pembuka yang mengarahkan kamu ke SEO.

Ibarat dalam suatu koloni pasar, "kamu adalah penjual". Seorang penjual sudah barang tentu membutuhkan pembeli dan pembeli akan datang jika ia kenal "apa yang kamu jual". Apabila jualan kamu enak dipandang, dicium, dirasa, serta ditawarkan dengan harga yang kompetitif (bersaing), langkah selanjutnya pembeli akan suka dan ikhlas menjadi langganan kamu. Kabarnya tidak hanya sampai di situ. Ia akan mempromosikan jualan kamu kepada pembeli lain, sehingga pembeli yang lain itu akan mengikuti langkah pembeli awalnya. Begitu seterusnya sampai terbentuk menyerupai jaring laba-laba (spider). Kamu pun tidak lupa untuk menambah dan meningkatkan cita rasa yang berkesesuaian dengan jualan kamu. Seandainya mereka semua sudah suka dengan jualan kamu, coba bayangkan jika kamu tidak nongol 2 atau 3 hari?

Illustrasi di atas merupakan gambaran yang jelas mengenai betapa pentingnya sebuah SEO. Secara alami sebuah blog memiliki hak yang sama untuk di deteksi oleh search engine atau mesin pencari, namun blog juga harus tahu kewajibannya untuk memberikan layanan (service) yang baik ke search engine. Jangan mentang-mentang haknya terpenuhi lalu mengisi bermacam-macam keyword yang tidak sesuai dengan konten di dalamnya. Kalau si search engine marah, minimal blog kamu kena "warning" bahkan kalau saking parahnya bisa-bisa sampai dibanned atau dibekukan lho. Wah...amit-amit.

Berdasarkan uraian diatas kita dapat mengambil benang merahnya, bahwa SEO blog merupakan cara-cara agar blog terdeteksi dan menempati peringkat teratas dalam daftar pencarian oleh mesin pencari yang bertujuan untuk meningkatkan trafik ke blog itu sendiri. Semakin tinggi trafik, maka akan semakin besar pula peluang ranking yang didapat oleh blog kamu. Sedangkan peringkat dalam daftar pencarian didasarkan kepada kesesuaian antara title (judul), keyword (kata kunci), dan konten (isi) blog.

Jangan lupa! Orang tidak akan kenal dengan blogmu, jika kamu tidak memperkenalkannya.

Read more »

Cara Membuat Efek Bintang Pada Link

                                                              
Cara Membuat Efek Bintang Pada Link - Bulan lalu saya pernah menulis sebuah posting cara membuat link berwarna warni, kali ini kita akan membuat link tersebut dengan efek bintang berkedip. Efek ini akan muncul apabila link tersebut disorot oleh cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai macam animasi maka trik yang satu ini mungkin saja bermanfaat. Efek bintang pada link udah saya terapkan di demo blog dan hasilnya sukses. Berikut ini saya akan berikan langkahnya kepada sobat:

1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Carilah kode a:link{ atau a:visited{
4. Lalu letakkan kode dibawah ini dibawah kode tadi
   
   a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMzPT-sBHxrYHxCyQamQ_y4uD_cZdkVAi_XsLGWYdSONuMpHNo2-01w5KGUGuTqd-MA9m8-kktbtpd2CBcT3koXArGfQrfdsfJzFzZ2tx8UU4ntma7oOhLT7dyiKxWFYeGF_qeMDt5MT8/s1600/stars.gif);}
   
   Link akan mengeluarkan gambar seperti ini:
   
                                      
   
5. Simpan template anda lalu lihat hasilnya

Jika sobat kurang menyukai efek animasi gambar diatas maka sobat tinggal ganti dengan url gambar yang lain. Selamat mencoba!

Read more »

Trik SEO Menjadikan Blog Nomor 1 Terindeks di Search Engine

Trik SEO Menjadikan Blog Nomor 1 Terindeks di Search Engine - SEO atau yang dikenal dengan sebutan "Search Engine Optimation" merupakan suatu cara atau langkah untuk mengoptimalkan suatu website agar bisa terindeks dan ditampilkan pada halaman utama seacrh engine. Intinya adalah apabila user atau seseorang mengetikkan keyword pada kolom pencarian seperti di Google, Yahoo, MSN, maupun di situs - situs penyedia layanan pencarian informasi lainnya maka alamat web yang kita miliki bisa muncul di halaman pertama pada halaman pencarian tersebut sesuai dengan kata kunci yang di cari user tersebut.

Jika tujuan SEO terpenuhi, tentunya tujuan kita menjadikan blog atau website akan tercapai dengan mudah. Traffic pengunjung meningkat, interaksi dan transaksi semakin bertambah dan menjadikan blog atau website milik kita semakin dikenal dan populer.

Trik yang saya maksud adalah berupa E-Book, lengkap beserta tutorialnya.

Download : Di Sini
Password  : blogmasdidik

Read more »