Membuat Link dalam Postingan Blogger

Membuat Link dalam Postingan blogger \ Dalam postingan terkadang kita sering mensisipkan link untuk berbagai keperluan, seperti jika anda membuat postingan tentang trik tips, download dan lain-lainnya. Jika kalian ingin membuat link di postingan kalian, untuk kalian yang kurang paham tentang kode HTML kalian tidak perlu menggunakan Kode HTML untuk membuat link nya karena blogger sudah menyediakan fasilitas membuat link dengan mudah

Mari kita simak

1. Silahkan sign in di akun blogger anda.  lalu buatlah sebuah postingan baru.
2. Tuliskan artikel yang kalian akan posting
3. Blok kata-kata yang akan kalian buat sebagai link atau tautan
4. Lalu klik Link, seperti contoh gambar

5. Perhatikan dengan seksama gambar di bawah ini. 

1. Kata-kata yang akan kalian jadikan link atau tautan
2. URL yang kalian ingin kalian terapkan
3. Ya klik aja OK kalau sudah.hehehe

6. Jika artikel kalian dan link yang baru kalian buat sudah rampung, ya langsung saya publish artikelnya
7. SELESAI

Membuat Link dalam Postingan Blogger

Lakukan Lah review terhadap postingan tadi, test link yang kalian baru saja buat, apakah bekerja dengan Baik ! 

Jika terjadi masalah, langsung saja sob via kotak komentar ya

Cara Membuat Teks Berjalan di Menu Bar

Cara Membuat Teks Berjalan di Menu Bar

Pernah kan kalian melihat web atau blog dengan title text pada menu bar nya berjalan ?

untuk kalian yang ingin menerapkan title yang panjang dan agar terlihat semua.
Trik ini cocok untuk anda terapkan di blog anda Ini dia tutorial nya,

www.blooger.co.id

1. Log in dengan akun blogger anda

2. Pilih blog yang akan di terapkan trik ini

3. Pada menu Design lalu Edit HTML 

4. Letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'> //<![CDATA[ msg = " Trik N Tips Blogspot"; msg = "www.www.blooger.co.id" + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",150); } scrollMSG(); //]]> </script>

Cara Membuat Teks Berjalan di Menu Bar

Ganti teks tebal sesuai dengan keinginan anda dan angka 150 adalah menunjukan kecepatan gerak teks tersebut, semakin besar nilainya maka akan semakin lambat dan sebalinya

Semoga berhasil ya kawan 

Update Konten Secara Teratur Agar Mudah Terindex Oleh Mesin Pencari

Tak hanya teknik SEO yang canggih dan memiliki template sederhana serta dinamis sehingga membuat betah pengunjung situs anda, konten yang terbarukan juga merupakan salah satu yang harus di perhatikan agar blog atau situs kita sangat mudah terindex oleh mesin pencari.

Update Konten Secara Teratur Agar Mudah Terindex Oleh Mesin Pencari

karena dengan anda meng-update konten terbaru secara teratur maka mesin pencari akan menjelajah (crawl ) situs anda karena anda mempunyai konten terbaru secara teratur, jika konten situr atau blog anda basi karena jarang update maka crawl mesin pencari tidak lagi mengunjungi situs atau blog anda.

maka secara teratur lakukan update situs atau blog anda dengan konten - konten yang fresh dan bermanfaat agar spider mesin pencari menaruh anda di urutan teratas di hasil pencarian sesuai keyword yang anda inginkan

Semog bermanfaat ya kawan - kawan setia pembaca setia www.blooger.co.id

Ping Blog Agar Mudah Terindex Mesin Pencari

Proses ini bukan fasilitas yang ada di BBM ya,  Ping yang akan kita bahas kali ini adalah bagaimana kita memberikan sedikit peringatan ke mesin pencari bahwa blog atau website kita memiliki konten yang baru agar bisa di index oleh mesin pencari

Ping Blog Agar Mudah Terindex Mesin Pencari

ada banyak site yang meyediakan layanan ping,  di bawah ini saya kasih beberapa yang sering dan terbaik di dunia menurut saya :

 pingomatic.com

 pingoat.com

pingler.com


Langsung kita lakukan ya kawan,   isi sesuai dengan alamat blog kalian ya

lihat gambar ya kawan

http://www.blooger.co.id

Evo Magz: Template Blogger Keren Responsive & SEO Friendly

Halo.. sahabat Blogger apa kabar? Blogger Peer kembali lagi setelah lama menghilang tentunya dengan desain dan tampilan yang baru. Terima kasih selama ini telah berkunjung ke blog ini dan mohon maaf kalau komentar anda semua tidak sempat saya balas, karena kesibukan saya dalam pekerjaan dan waktu istirahat sedikit jadinya untuk nyalurin hobby untuk nge-blog juga sedikit. Okey.. sesuai dengan judul post ini Evo Magz: Template Blogger Keren Responsive & SEO Friendly adalah template yang saya pakai di blooger.co.id sekarang, kenapa saya memakai template Evo Magz? karena saya sangat suka dengan tampilan elegan, simple, fast loading, SEO friendly dan responsive dari Evo Magz Blogger magazine theme ini. Saya banyak ketinggalan dari teman-teman Blogger yang lainnya dalam perkembangan dunia Blog dan SEO, apalagi sekarang menggunakan template HTML5, menerapkan Schema.org markup dan responsive design adalah hal yang sangat direkomendasikan oleh semua search engine termasuk Google yang tentunya sangat berpengaruh positif pada perkembangan SEO pada blog (Onpage SEO) dan agar bisa terindeks cepat oleh search engine dan juga agar mobile friendly karena sekarang ini hampir 75% orang-orang menggunakan internet dengan mobile ataupun tablet. Mungkin ada yang bertanya kenapa template yang dulu saya ganti? dan kenapa tidak di-edit saja sendiri agar bisa responsive? padahal template itu tampilannya lumayan bagus, jawabannya adalah sederhana template saya yang dulu tidak memakai HTML5, tidak responsive, tidak memakai Schema markups dan juga skill saya dalam hal designing dan waktu untuk meng-edit terbatas makanya saya memakai template yang langsung jadi dan tinggal memasang saja, cuman saya hanya merubah sedikit tampilan sidebar dan merubah form komentarnya memakai versi comments form dari Adhy Suryadi www.kompiajaib.com

Evo Magz adalah template yang dibuat oleh Mas Sugeng, salah satu Blogger Indonesia yang template hasil karyanya banyak dipakai oleh para Blogger. Dibawah ini adalah beberapa fitur dari Evo Magz Blogger Template ini

Fitur-Fitur Evo Magz Template - SEO Friendly Responsive HTML5 Blogger Theme

• 100% Responsive
• Custom Mobile Template
• SEO Optimized
• Ad and AdSense Optimized
• Fully Customizable
• Font Awesome
• Breadcrumb
• Auto Readmore
• Related Posts
• Share Buttons
• Tab View Widget
• Recent Post Widget
• Numbered Page Navigation
• Back to Top button
• Custom Error page
• Facebook Comments
• and much more

Demo bisa dilihat di blog ini atau klik disini

Nah bagi anda yang ingin memakai template Evo Magz ini silahkan kunjungi blog-nya Mas Sugeng di www.mas-sugeng.com

Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger

Kali ini kita akan menaambahkan Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger, kadang kita penasaran saat mengunjungi blog kita sendiri ingin mengetahui siapa saja yang dengan bersamaan dengan anda mengnjungi blog anda. tak perlu khawatir kini kalian bisa mengetahui nya dengan Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger.

Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger

di bawah ini beberapa situs yang menyediakan Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger, kalian cukup copy lalu paste di HTML pada blog anda.

whos.amung.us 

bentuk dari widget yang di sediakan situs ini sangat beragam seperti type klasik,berwarna, tab dan peta, kalian tinggal hanya memilih lalu mencopy kode HTML nya lalu paste di blog kalian

www.daylogs.com

bentuk dari widget yang di sediakan situs ini sangat beragam seperti type berdasarkan negara, icon, peta dan small button, kalian tinggal hanya memilih lalu mencopy kode HTML nya lalu paste di blog kalian

mudah kan ?

Semoga bermanfaat

Membuat Link Membesar Saat di Sentuh Cursor di Blogger

Pada kesempatan kali ini saya akan sedikit berbagi trik sederhana buat mengkostum link yang ada pada blog kita, jadi saat link di sentuh cursor maka link akan sedkit membesar . langsung saja kita mulai trik Membuat Link Membesar Saat di Sentuh Cursor.

www.seospecialist.co.uk

Membuat Link Membesar Saat di Sentuh Cursor

1. Jangan lupa, sign in / masuk di akun blogger sobat.
2. Pilih blog yang akan kalian edit.
3. Pilih template, lalu edit.
4. Cari kode a:hover{ .
5. Ubah font-size dengan nilai yang lebih besar, sesuai keinginan anda.

* lihat contohnya seperti di bawah ini

a:hover {
color:#d2691e;
font-size:10px;
font-style:italic;
cursor:wait;
}

gamti seperti contoh di bawah ini

a:hover {color:#d2691e;font-size:15px;font-style:italic;cursor:wait;} 

6. Lalu simpan template nya

Selamat mencoba

Membuat Recent Comment atau Komentar Terbaru di blogger

Membuat Recent Comment atau Komentar Terbaru

ini dia cara-cara mudah nya

1. Sign in di  Blogger.com  yang pastinya dengan akun anda.

2. pada dasbor, pilih blog yang akan anda tambahkan widget ini.

3. Lalu pilih  Rancangan

4. Pilih tambahkan widget, dimana anda akan meletakkannya tapi jangan khawatir lokasi widget bisa di pindahkan kok nanti

5. Lakukan pencarian widget seperti gambar di bawah ini

6. Pilih salah satu yang kalian akan terapkan.

     1. Recent Comment standar

     2. Recent Comment advance

saya sarankan gunakan lah yang pertama karena simple

7. Isi isian sesuai keinginan anda  Lalu piilih simpan atau save

Lalu lihat blog anda, pasti deh sudah terdapat recent commentnya

semoga bermanfaat yaa

Menghilangkan Navbar blogger (Navigation Bar) di blogger

Cara Menghilangkan Navbar (Navigation Bar) - Navbar adalah Seperti garis yang melintang darikiri ke kanan yang terletak di halaman atas dari setiap blog yang di bikin di blogger. seperti ini nih yang namanya Navbar

Memag jika Navbar ini di hilangkan, tampilan blog akan lebih asik dilihatnya dan menambah sedikit lebih menarik

Cara Menghilangkan Navbar 

Sampai saat ini , banyak sekali blogger yang menghilangkan Navbar termasuk juga saya etapi selama ini aman-aman saja kok. memang dalam Term of Service (TOS) blogger tidak di bahas dengan jelas tentang Navbar

Untuk anda yang berminat, Ini dia triknya

1. Sign di Blogger

2. Pilih Template lalu edit HTML

3. Cari kode <body>

4. Jika sudah ketemu taruh kode berikut di atasnya:

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

5. Simpan template

Pasti Navbar anda sudah tak tampak

Menghilangkan Tulisan Posting Baru/Newer Post pada blogger

Menghilangkan tulisan Posting Baru/Newer Post 

anda pernah melihat tulisan seperti gambar di bawah ini ?

Jika kalian terganggu dengan tulisan ini, kalian bisa kok menghapusnya

Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):  

<data:newerPageTitle/>

5. Hapus kode tersebut lalu simpan deh template nya Coba di lihat hasilnyaSemoga berhasil Kalian Bisa kasih komentar untuk konsultasi masalah trik ini 

jika kalian menemukan kode lebih dari 1, maka hapus saja semua kode yang persis tersebut

Membuat Kotak Pencarian/Search Engine

Search engine atau kotak pencari adalah sebuah fasilitas yang digunakan untuk mencari halaman dan konten berdasarkan keyword atau kata kunci yang kita cari. Kotak pencari ini juga sangat bermanfaat untuk pengunjung kita dalah mencari konten yang ada di blog sehingga tidak usah membuka satu persatu post yang ada dalam blog, dengan anda hanya mengetikan kata kunci yang ingin di cari lalu klik enter, tarangggg. Keluar deh hasil yang kalian inginkan...

Ini nih kenampakan kotak pencarian 

Untuk kalian yang ingin menaruhnya di blog gampang kok cara nya. cekidott

1. Masuk dengan akun blogger anda 

2. Pilih blog yang akan kalian taruh kotak pencarian

3. Lalu pilih tata letak, tambah gadget pada tempat yang di inginkan 

4. Pilih HTML/Javascript 

5. Copy paste kode di bawah ini lalu simpan atau save

<form action="http://url-blog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti url blog dengan nama blog anda. Angka 25 adalah panjang kotak pencarian yang kalian inginkan

Membuat Kotak Pencarian/Search Engine

Selamat mencoba ya

Cara Membuat Spoiler di Blog

Cara membuat Spoiler di Blogspot - Udah lihat gambar di atas ? Itu tuh yang di namakan spoiler, kegunaannya untuk menyembunyikan konten yang ada di dalam spoiler, untuk contohnya, kalian bisa lihat di bawah ini, agar lebih mengerti fungsi dari spoiler 

Cara membuat Spoiler di Blog

Hide and show button juga sebutan untuk spoiler, yang lebih gampangnya Tombol sembunyikan dan tampilkan konten, konten ini bisa berisi berbagai macam, seperti gambar, video, teks maupun script dan kode . spoiler ini juga bisa ditaruh di side bar maupun postingan blog. Kalian tinggal copy kode di bawah ini, edit dan ubah sesuai dengan yang kalian inginkan , lalu paste di side bar atau postingan yang kalian hendaki.. 

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">  

isi teks, kode html, script video, gambar dan lainnya

 <br> </div> </div> </div>

Semoga bermanfaat ya