Google Banned Check

Apakah blog anda di banned oleh google? bagaimana cara mengecheck blog atau website yang dibanned oleh google? pasti akan sangat menyedihkan ketika kita mempunyai sebuah blog atau website terus di banned oleh google. Apalagi kalau kita sedang mengikuti sebuah kontes . Pasti akan sangat sulit untuk mendapatkan posisi search yang baik pada google.
Oleh karena itu mari kita check dulu website atau blog kita di banned kah oleh google atau tidak, gimana caranya mengecheck banned google? tenang aja saya akan share suatu situs yang memberikan layanan check banned google secara gratis dan tidak perlu registrasi terlebih dahulu, situsnya simple dan sangat cepat diload serta tidak memerlukan waktu lama untuk mengecheck apakah blog kita di banned atau tidak oleh google. Silahkan kunjungi situsnya di

http://www.bannedcheck.com/

Terimakasih atas patisipasinya membaca artikel saya, saya ucapkan selamat malam dan selamat beraktivitas, happy blogging

Read more

Cara Menghapus Header Pada Blogger

Blogger adalah sebuah situs yang memungkinkan pengguna untuk membuat dan memelihara sebuah blog. Situs ini juga memberikan pengguna kemampuan untuk merancang dan mengubah tampilan blog dalam banyak cara. Salah satu fitur tersebut adalah untuk menghapus header yang muncul di bagian atas blog. Blogger template memerlukan setidaknya sebuah judul dalam kotak header. Satu-satunya cara untuk menghapus header seluruhnya adalah untuk mengedit kode HTML blog.


Cara Menghapus Isi Blog

1. Masuk ke Blogger. Anda dapat memasukkan username dan password di sudut kanan atas halaman. Setelah Anda login ke situs, pergi ke blog yang ingin Anda update. Jika Anda mempertahankan lebih dari satu blog, Anda mungkin perlu gulir ke bawah halaman untuk menemukan blog yang ingin Anda update.

2.Klik "Desain" di sebelah blog yang ingin Anda update. Pada Januari 2012, "Desain" link adalah link keempat di sebelah kanan tombol "New Post". Ini akan membawa Anda ke bagian "Page Elements".

3.Klik "Edit HTML" di bagian atas layar. Anda akan melihat kode HTML untuk seluruh halaman Blogger Anda.

4.Klik mouse Anda di dalam kode HTML dan tekan "Control" dan "A" pada waktu yang sama. Ini akan menyoroti semua kode HTML Anda. Klik "Control" dan "C" bersama-sama untuk menyalin kode. Buka program seperti Notepad, dan tekan "Control" dan "V" untuk paste kode. Simpan kode ini di suatu tempat di komputer Anda. Dalam hal masalah terjadi selama proses ini, informasi Anda sekarang disimpan di mana Anda dapat menyalin kode kembali ke bagian ini.

5.Gulir melalui kode HTML sampai Anda menemukan kode dibawah ini:

<"B: widget id = 'Header 1' terkunci = 'false' title = 'TitleOfYourBlog (Header)' type = 'Header' />

Tergantung pada template Anda, kode ini mungkin berlokasi pada akhir kode. Dalam contoh di atas, kata "TitleOfYourBlog" akan menunjukkan apa pun yang Anda berjudul blog tertentu Anda.

6. Hapus seluruh baris ini dengan menyorot awal baris dan menyeret mouse anda sampai akhir. Tekan "Hapus" untuk menghapus baris dari teks.

7. Klik "Preview" untuk melihat blog di jendela terpisah. Jika Anda menyukai tampilan blog, Anda dapat kembali ke layar "Edit HTML" dan klik "Simpan Template." Jika Anda tidak suka dengan cara terlihat, Anda dapat memilih "Bersihkan Edit" untuk kembali ke kode HTML sebelumnya.

Read more

Pilih Blog Nofollow Atau Dofollow?

Pilih Blog Nofollow Atau Dofollow?. Blog bisa di bilang suatu wadah untuk saling berbagi informasi kepada sesama. banyak orang yang menuangkan hobinya untuk nge blog, termasuk saya sendiri yang juga seorang yang salah satu hobinya adalah nge blog. Nge blog tidak ada batasan umur.

Blog bisa di manfaatkan sedemikian rupa sehingga menjadi tempat sharing informasi, tempat untuk menghasilkan uang, sesuai dengan tujuan masing-masing dari setiap adminnya. Banyak kegiatan yang dilakukan oleh admin suatu blog, mulai dari mempercantik tampilan blognya, mempromosikan blognya agar banyak yang mengunjungi blognya, dan mengoptimalkan SEO blognya.

Sebenarnya blog dofollow atau blog nofollow sama saja baiknya, menurut kacamata masing-masing admin suatu blog, ada yang bilang lebih bagus jika suatu blog nofollow karena akan lebih aman bagi blog, dan ada juga yang bilang lebih bagus blog dofollow karena akan meningkatkan jumlah komentar dan pengunjung dari suatu blog yang dofollow.

Nah sebelum kita membahasnya terlalu dalam saya berikan dulu contoh link nofollow atau dofollow.

Nofollow : <a href=”http://eko-tipsntrick.blogspot.com/” rel=”nofollow”> eko - Tutorial Blogger dan SEO Blogger </a>

Dofollow : <a href=”http://eko-tipsntrick.blogspot.com/””> eko - Tutorial Blogger dan SEO Blogger </a>

Bagi yang belum mengetahui apa sih itu blog nofollow dan dofollow, berikut ini saya akan berikan maksud dari blog nofollow dan dofollow.

Blog dofollow : Menurut saya blog dofollow adalah blog yang memberikan backlink secara gratis kepada kita dengan syarat berkomentar pada postingannya. nah dengan kita berkomentar di blog yang dofollow maka kita akan mendapatkan hadiah backlink dari blog dofollow yang kita komentari.

Blog nofollow : Blog nofollow adalah blog yang tidak memberikan backlink yang akan di telusuri lebih lanjut oleh mesin pencari, bisa di katakan tidak memberikan backlink kepada kita.

Nah tentunya ada kekurangan dan kelebihan dari kedua jenis blog di atas.

Kelebihan dari blog dofollow yaitu:
Pengunjung dari blog dofollow menjadi lebih banyak, komentar di blog dofollow lebih banyak, dengan komentar yang banyak maka kita akan terasa eksis, dan merasa puas karena banyaknya komentar pada postingan blognya.

Kekurangan dari blog dofollow yaitu:
Banyaknya komentar spam, banyak membuang link ke luar (outbound link), dengan banyaknya outbound link yang tercipta maka bisa mengancam page rank blog kita, bahkan bisa di tendang sama google sampai ke posisi 0.

Kelebihan dari blog nofollow yaitu:
Page rank blog akan menjadi aman,dengan amannya page rank di google maka akan baik juga posisi serp kita di google, mendapatkan banyak pengunjung dari search engine, dalam SEO blog nofollow memang sangat bagus.

Kekurangan dari blog nofollow yaitu:
Pengunjung dari blog nofollow biasanya jarang memberikan komentarya, karena yang di carinya hanyalah konten dari blog yang dia kunjungi, Jumlah komentator menjadi lebih sedikit.

Nah sekarang terserah anda untuk memilih apakah blog anda ingin anda jadikan blog dofollow atau nofollow , keputusan kan ada di tangan anda sendiri bukan.
Sekian artikel saya tentang tentang Pilih Blog Nofollow Atau Dofollow? semoga dengan artikel ini bisa memberikan manfaat bagi kita semua.

Read more

Cara Mendapatkan Backlink Banyak Dengan Sekali Klik

Cara Mendapatkan Backlink Banyak Dengan Sekali Klik, ya itulah yang akan saya share kesempatan ini, karena mungkin lusa ane juga dah gak dirumah alias udh berangkat kerja dan pastinya gak bsa update nih blog.. hikz hikz..... Tapi tenang ane cuti 1 minggu sekali kok.. pasti ane usahain buat update blog ini, kan PageRanknya udh 2 hihihihihihi
Ok, sebelum saya share caranya, tidak ada salahnya kalau kita terlebih dahulu memahami apa itu backlink, dan apa manfaatnya.



1. Pengertian Backlink
Backlink/Tautan balik merupakan link atau tautan yang disimpan/ada pada website/blog lain, dimana tautan tersebut mempunyai link balik ke web/blog kita.
Penjelasan lebih gampangnya yaitu link yang tertanam disitus lain yang menuju ke situs/blog kita.
Contah: kita blogwalking/bertukar link dengan blog lain, nah dimana link yang kita tanam disana, bila di klik akan menuju ke blog kita.
Contoh lagi, link http://vikrymadz.blogspot.com/ terdapat di situs Sobat. Berarti blog ini mempunyai backlink dari blog Sobat, begitupun sebaliknya. Ini salah-satu teknik SEO yang harus sobat ketahui karena semakin banyak backlink maka semakin penting situs kita dimata search engine terutama google.

2. Apa manfaat backlink itu ??

• Dapat meningkatkan PageRank
• Situs jadi lebih populer di Search Engine
• Traffic pengunjung meningkat

Nah dari ketiga manfaat backlink diatas, sedikit banyak kita sudah mengerti apa itu pentingnya backlink kan ??
Saya rasa penjelasan diatas sudah cukup untuk kita memahami apa itu backlink, dan apa manfaatnya. Nah, sekarang kembali ke topik pembahasan, yaitu bagaimana Cara Mendapatkan Backlink Banyak Dengan Sekali Klik.

Caranya sangat gampang sob, langsung saja kunjungi situs IMT Website Submitter
Perhatikan petunjuk dan pemakaian:

•  Enter your website/blog url, optionally main keyword and number of pages to create, then hit "Submit"
• Website/Blog Url (http://www.YourDomain.com) (masukan URL blog sobat)
• Keyword (optional) (keyword blog sobat)
• Limit the number of created pages (optional) (ini bisa sobat setting sendiri terserah mau pilih yang mana, hebatnya bisa sampai 37.000 backlink lho?? Banyak kan?? namun gak semua bisa di submit)
• Klik "Submit" dan tunggulah proses sampai selesai.

Sumber : http://vikrymadz.blogspot.com

Read more

Membuat Background Tidak Dapat Bergerak Saat di Scroll

Assalamu'alaikum sobat blogger, wah, maaf sekali yah, saya lagi jarang banget bisa posting, soalnya lagi agak-agak sibuk gitu deh, hehew. Yaps langsung saja sob, rieztoshare akan posting tentang sebuat tips blogging, yaitu bagaimana cara membuat Background Blog Tidak dapat Bergerak saat di scroll, nah panjang bener tuh judulnya, oke dari pada bingung kayak apa jadinya, mending lihat aja nih contohnya di blog temen saya yang supeeerrrr keerreeenzz..... http://narudhitya.blogspot.com silakan di klik sob.

Nah sudah lihat bukan? sekarang cara membuatnya, yuks kita simak.
Cara Membuat Background Tidak Dapat Bergerak Saat di Scroll
1. Login Blogger sobat.
2. Silakan sobat Masuk ke Template.
3. Kemudian Pilih Edit HTML.
4. Lalu klik saja, Lanjutkan. Kemudian jangan lupa untuk mencentang "Expand Template Widget".
5. Lalu cari kode sebagai berikut.

body {
text-align: center;
background: #ffffff url(http://url gambar anda);
Comic Sans MS,arial,trebuchet ms,verdana,sans-serif;
} 

6. Kemudian tambahkan kode background-attachment: fixed; Setelah kode Background.
maka akan menjadi seperti ini :

body {
text-align: center;
background: #ffffff url(http://url gambar anda);
background-attachment: fixed;
Comic Sans MS,arial,trebuchet ms,verdana,sans-serif;
}

 7. Yang terakhir, sobat simpan dan silakan lihat hasilnya...

Cukup sekian tips dari saya ini, semoga bermanfaat untuk sobat blogger yang membaca, dan tidak lupa saya ucapkan terimakasih ^_^

Sumber : http://www.rieztoshare.com/

Read more

Kotak Berbayang Dengan CSS 3

Eko kembali untuk sobat semua dengan membawa tips web design, setelah sekian lama tidak posting tentang web design, langsung aja yuk kita ke TKP, dari pada banyak basa basi tapi gak mudeng....

Belajar membuat kotak berbayang dengan CSS 3
di eko-tipsntrick.blogspot.com

Setelah melihat halaman web yang memiliki kotak dengan efek berbayang (drop shadow) seperti diatas, sekilas mungkin sobat berpikir bahwa sobat memerlukan campur tangan Photoshop untuk membuat gambar kotak berbayang. Namun, ternyata sobat dapat melakukannya tanpa menggunakan gambar apa pun, murni CSS. Hal ini dimungkinkan melalui fitur baru CSS 3 , yang mendukung property box-shadow. Potongan kodedi bawah ini adalah class untuk membuat kotak berbayang tersebut.

.shadow {
Box-shadow: 8px 8px 4px #fc0208;
Background-color:#0208fc;
color:#02fc31;
}

Perhatikan baris box-shadow: 8px 8px 4px #fc0208; yang membentuk efek kotak berbayang. Property box-shadow memiliki empat parameter/atribut sebagai berikut. 

1. Offset Horizontat Bayangan

8px seperti contoh berarti bayangan kotak bergeser sebesar 8 pixel secara horizontal ke sebelah kanan. Jika parameter bernilai negatif, bayangan akan tampil disebelah kiri kotak. 

2. Offset Vertikal Bayangan

8px seperti pada contoh berarti bayangan kotak bergeser sebesar 8 pixel secara vertikal ke bawah. Jika parameter bernilai negatif, bayangan akan tampil pada atas kotak. 

3. Radius Blur

Semakin besar nilai ini, bayangan akan semakin blur. Jika 0px, akan didapatkan bayangan yang solid tanpa ada efek blur. Pada contoh di atas digunakan radius blur sebesar 4 pixel. 

4. Waran Bayangan

Pada contoh ditentukan warna bayangan adalah #fc0208.

Baris Kedua, yaitu background-color:#0208fc; berfungsi untuk mendefinisikan warna background. Bagaimana penggunaanya sehingga menghasilkan tampilan seprti pada gambar diatas?

Baris ketiga, yaitu color:#02fc31; berfungsi memberi warna teks bisa disesuaikan dengan template sobat

Berikut kode lengkapnya. Simpan dalam sebuah file HTML dan jalankan pada Browser Sobat.

<style type="text/css">
.shadow {
Box-shadow: 8px 8px 4px #fc0208;
Background-color:#0208fc;
color:#02fc31;
}
</style>

<div>


<div class="shadow" style="width: 200px;">
Belajar membuat kotak berbayang dengan CSS 3
di eko-tipsntrick.blogspot.com</div>
</div>

Sudah mudeng sobat tinggal save aja broww

Sobat dapat menggunakan class .shadow yang telah didefinisikan tersebut dengan perintah <div class=shadow> lalu mengetikkan teks yang merupakan konten di dalam kotak tersebut. Pemasalahan selanjutnya adalah bagaimana membuat lebih dari satu kotak berbayang lengan lebar (width) berbeda?
Tentu sobat memiliki beberapa alrenatif, misalnya membuat table dengan width tertentu. Namun, cara yang cukup praktis adalah kembali menggunakan Css.
Perhatikan kembali kode HTML lengkap diatas. Baris <div class=shadow style=”width:200px”> merupakan pemanggilan class .shadow dengan membatasi isi konten dalam div sebesar 200 pixel. Pemanggilan CSS dengan atribut style ini disebut dengan Inline Styles.

Cukup sudah tips yang saya berikan di kesempatan kali ini ya sob, mata saya sudah lelah, tubuh lemas, pengin istirahat, n akhirnya.... Terimakasih ya sob, semoga bermanfaat. ^_^

Sumber : http://www.rieztoshare.com/

Read more

Cara Membuat Recent Comment Dengan Avatar

Widget Recent Comment dengan Avatar -- Atau sering juga disebut dengan komentar terbaru dengan icon atau gambar profil komentator memang terkadang ada juga kegunaannya, contohnya saat kita membuka blog kita tentunya kita dapat melihat komentar terbaru yang ada tanpa membuka blogger/home.Mungkin sobat menginginkan widget Recent Comment yang seperti ini :

Untuk Membuat Komentar Terbaru Dengan Icon Avatar, ikuti langkah berikut :


1. Masuk ke Blogger
2. Masuk ke Edit Tata Letak ( Layout )
3. Tambahkan widget HTML/JavaScript
4. Copy Paste Kode Berikut :

<div style=" overflow:auto; text-align: left; width: 300px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 6,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]></script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://eko-tipsntrick.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>
</div>

NB :
Perhatikan kode warna Biru !
6 adalah jumlah komentar yang tampil
30 adalah besar image avatar
40 adalah jumlah maksimal karakter
eko-tipsntrick.blogspot.com ganti dengan URL alamat Blog sobat.
Sobat bisa ganti sendiri sesuai dengan selera.
Simpan dan lihat hasilnya.

Sumber : http://warehouse1994.blogspot.com/

Read more

Membuat komentar twitter, facebook dan blog berdampingan

Pasang Komentar Twitter, Facebook dan Blog -- Hehehe... baru dapat informasi terupdate lagi dari blog tetangga , dan saya copas dengan tambahan dan sentuhan sendiri.Postingan kali ini memberikan tutorial tentang bagaimana memasang tiga komentar sekaligus dalam satu yaitu komentar twitter, facebook dan blog .Tentunya komentar tersebut dipasang dalam bentuk tab-view yang membuat komentar tersebut lebih elegan dan membuat komentar blog lebih bagus.

Untuk memasang komentar twitter, facebook dan blog kalian harus membuat aplikasi dari facebook dan twitter terlebih dahulu, tapi tenang karena membuatnya cukup mudah.Langsung saja ke tutorialnya, ikuti langkah berikut :

Untuk membuat kotek komentar Blogger, Twitter, Facebook dengan digabungkan ikuti langkah dibawah ini :

Yang kita butuhkan adalah :
- APP ID (pada facebook) Untuk membuat nya KLIK DISINI
- API Key (pada twitter ) Untuk membuatnya KLIK DISINI
- ID Blogger (pada blogger) login ke blogger lalu pada Address Bar (copy angka setelah ID=…….)

Langkah pertama sudah selesai ...

Masuk Langkah Kedua ...

• Login ke blogger
• Masuk ke edit HTML --> Centang 'Expand Template Widget'
• Masukkan kode berikut tepat di bawah kode </head>

 <meta content='Profile_ID' property='fb:admins'/>
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>

Keterangan : ganti warna biru dengan Profil_ID, APP_ID dan API_KEY yang sudah kalian buat tadi.

• Copas kode <div class='comments' id='comments'> dan letakkan dibawah kode

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='10' width='500'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'> 

Kita bisa mengganti kata Comments dan Tweets dengan kata lainnya yang diinginkan
Kita bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
Kita bisa mengganti angka 500 dengan ukuran lebar kotak komentar yang diinginkan

• Simpan template dan lihat hasilnya.

Tambahan !!! bagi yang ingin menghapus komentar tersebut dari Halaman Static , tinggan anda masukkan kode berikut :

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

dan letakkan di bawah kode

 <div class='comments' id='comments'>

lalu scroll kebawah sampai ketemu kode

<div class='clear'/>

dan letakkan kode </b:if> tepat dibawah kode diatas.

Keterangan : kode untuk menghilangkan di halaman static ini masih sama letaknya dengan kode yang kalian copas tadi ( Langkah kedua pada step 1 )

Read more

Membuat Fans Page AutoHide Pada Saat Kebawah

Baik. kali ini Anthzo memposting tentang tutorial blog. hihi yang dimana sekarang memposting yang berjudulkan Cara Membuat FansPage Facebook Auto Hide, jadi kotak like fanspagenya itu muncul ketika blog dibuka dan tertutup pada saat jarak dari atas ke bawah berubah. dari pada bingung sama penjelasannya lebih baik langsung saja ke TKP sob. hehe


Cara Membuat Fans Page Facebook Auto Hide :
1. Login ke Blogger.
2. Klik Elemen Laman
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan kode berikut  (Ctrl+C) :

<script src="http://eko-yulianto.googlecode.com/files/slidboxordinary.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: #fff;) repeat scroll 0% 0% transparent; -moz-border-radius: 15px 15px 15px 15px; border: 5px ridge #80ff00; display: block;">
     <div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;">
         <a id="fbcloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 1px solid #000; text-decoration: none; font-size: 10px; font-family: Verdana" href="#">Exit</a>
       <strong style="color:#000;">Terima Kasih Bagi Yang Kasih Like/Suka</strong>
LETAKKAN KODE FACEBOOK LIKE BOX/FAN PAGE DI ISINI
</div></div>

6. Simpan. Cukup mudah kan :) jangan lupa berikan komentar anda 

Read more

Cara Menghitung Jumlah Kata Postingan Blog

Blogger pasti tidak asing dengan permainan kata untuk menulis,saya katakan permainan karena sebenarnya artikel atau postingan blog adalah karya juga tempat bermain kata atau kalimat, he he.. lucu juga yah.. apalagi seperti saya, sangat bawel sebenarnya, jadi karena saya bawel setidaknya dengan ngeblog bisa terkurangi karena hanya berbentuk text seperti ini yang anda lihat.

Malah gladur.. kembali ke pokok masalah, yaitu Cara Menghitung Jumlah Kata Postingan Blog, pernahkah kamu memikirkan berapa kata atau karakter yang telah kamu ketik setelah publish postingan blog kamu? eits.. jangan dihitung satu2 pasti capek nantinya. eko kali ini juga cuma update ringan,yaitu cuma memberi beberapa tool online untuk menghitung seberapa banyak kata yang kamu tulis. berikut dua tool yang bisa kamu pakai untuk mengetahui jumlah kata postinganmu.

1. http://www.wordcounttool.com/
2. http://centricle.com/tools/word+character-counter/

Nah,kamu bisa memakai kedua tool diatas untuk menghitung jumlah kata postingan blog kamu atau yang lainya.

Demikian artikel tentang Cara Menghitung Jumlah Kata Postingan Blog yang bisa saya publikasikan malam ini, semoga bermanfaat! amiin ya Alloh Robbal Alamiin. 

Read more

Membuat sebuah tabel dengan html

Sekarang kita akan masuk pada tahap yang lebih rumit, kenapa saya kata rumit? karena dalam membuat tabel dengan HTML ini diperlukan ketelitian, kecermatan dan kawan-kawannya. untuk menunjukkan daftar, misalkan tentang daftar sebuah harga atau data tertentu memang lebih mudah ditunjukkan dengan sebuah tabel, salah satu teman saya juga pernah saya buatkan tabel tentang harga pulsa dengan kode html,daripada menngunakan image/jpg yang loadingnya lama mungkin ada baiknya kamu pakai html saja,misal kode sbb:


<table border="1">
<tbody><tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
<tr>
<td>Hari1</td>
<td>Hari2</td>
<td>Hari3</td>
<td>Hari4</td>
<td>Hari5</td>
</tr>
</tbody></table>


maka akan terlihat sbb:

Hari1	Hari2	Hari3	Hari4	Hari5
Hari1	Hari2	Hari3	Hari4	Hari5
Hari1	Hari2	Hari3	Hari4	Hari5

atau kamu bisa memasukkan seperti dibawah ini:

<table border="1">
<tbody><tr>
<th>Hari</th>
<th colspan="2">jenis pengunjung</th>
</tr>
<tr>
<td>
</td>
<td>Cewe'</td>
<td>Cowo'</td>
</tr>
<tr>
<td>Senin</td>
<td>50</td>
<td>6</td>
</tr>
<tr>
<td>Selasa</td>
<td>70</td>
<td>90</td>
</tr>
<tr>
<td>Rabu</td>
<td>3</td>
<td>150</td>
</tr>
</tbody></table>

maka hasilnya spt ini:

Hari	jenis pengunjung
	Cewe'	Cowo'
Senin	50	6
Selasa	70	90
Rabu	3	150

lihatlah hasinya dan editlah sesuai keinginan kamu.
semoga bermanfaat!

Read more

Cara memasang sitemeter pada blog

Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni Memasang Sitemeter di Blog. Dengan adanya statistik blog, maka kita yang punya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun dari mana saja kita dapat mengetahuinya.

Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situshttp://www.sitemeter.com.Berikut cara membuatnya:

• Silahkan kunjungi situs http://www.sitemeter.com.

• Klik tulisan Sign Up untuk melakukan pendaftaran

• Klik tombol bertuliskan Next

• Klik tombol Next lagi

• Isi semua tabel yang ada lalu klik tombol Next lagi

• Isi lagi tabel yang ada, lalu klik tombol Next lagi

• klik tombol Next lagi

• klik tombol Next lagi ( cape dech next..next melulu )

• Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka alamat email anda.

• Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com

• Silahkan login dengan id anda

• Bila sudah login, Klik menu Manager

• Klik Menu Meter Style untuk memilih gaya dari site meter anda

• Pilih style yang anda sukai, kemudian klik tombol Select

• Klik menu HTML Code

• Klik tulisan Adding site Meter to a Blogger.com Site

• copy semua kode HTML yang di berikan lalu paste pada Notepad

• Klik menu Logout untuk keluar dari situs tersebut

Selesai, tinggal memasukan kode yang kita dapat ke dalam blog Anda

Read more

Membuat search engine pada navbar blog

Apa kabar sobat ..???

kesempatan kali ini saya coba mengotak atik cara membuat box pencarian ...banyak sih macam - macam box pencarian yang sangat berguna sekali untuk mencari suatu artikel,gambar atau pun video secara singkat pada suatu blog atau web...dah lama sekali saya ingin mencoba membuat boxsearch sejajar dan terletak di sebelah kanan pada laman statis seperti gambar di atas setelah mencari kesana kemari..hilir mudik...mengobok-ngobok kode html ampe sempet pusing 9 keliling akhir nya berbuah pepaya..eh salah,,berbuah hasil....he he he

Di blogger sebenar nya sudah tersedia box pencarian dari google..so ga ada salah nya kan kita mencoba variasi lain nya atau pun lain nya..seperti yang sobat lihat pada gambar di atas sedikit di modifikasi dengan menambahkan icon search nya padahal pertama nya masih polos berbentuk kotak doang...nah jika sobat berminat untuk mencoba nya lihat tahapan-tahapan nya di bawah ini :

• Log in dulu ke blogger
• klik Tata letak
• Edit HTML
• jangan lupa download dulu tamplate asli anda untuk mencegah hal-hal tak diinginkan
• cari kode ]]></b:skin>
• letak kan kode dibawah ini di atas kode ]]></b:skin>

---

---

/* search
===================== */
#search{width:210px;font-size:11px;float:right;margin:0;padding:0}
#searchform{overflow:hidden;display:inline;margin:0;padding:0}
#searchbox{background:#ddd;margin:0;padding:0}
#search input{background:transparent;color:#fff;float:left;font-size:12px;width:158px;border:1px solid #fff;font:normal 10px arial, verdana, Times New Roman;margin:7px 0 0 10px;padding:3px 7px}
#search .btn{width:auto;border:0;margin:7px 0 0;padding:0}

---

---

Kalau sudah ketemu kamu coba cari kode yang mirip seperti ini:

<div id='NavbarMenu'>

atau kalau gak ketemu juga kamu coba kode yang ini:

<div id='navigation'>

kalau sudah ketemu maka kode yang berwarna merah tersebut akan diakhiri dengan kode </div> letakkan kode dibawah ini tepat dibawah kode </div> tersebut:

---

---

<div id='search'>
<form action='http://eko-tipsntrick.blogspot.com/search' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='160' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
<input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpku-VAmp1UuOf9JzcdJqrAtBLN2gALRpts0nPk52U01rhRBXLuP5HetyEKiBrUsSs2_HetaCbTqFGpA_vGgPMTvFiLWXeQgMZ29xU1x0nLCBK6u_W2hTKN9Avji682sU8spPzggzf1OTg/s1600/1zehw2f_th.jpg.png' type='image' value='Go'/>
</form>
</div>

---

---

lihat hasilnya,akan ada search engin pada navbar anda, selamat mencoba aja ya...

Read more

Membuat Komentar Facebook Dan Blog Berdampingan

Hai sob kali ini saya akan sedikit berbagi ilmu blog yaitu cara untuk membuat komentar facebook dan blog berdampingan.... OK lansung saja lihat dibawah ini..

1. Login ke account blogger Sobat
2. Klik rancangan lalu klik Edit HTML
3. Download template Sobat dulu untuk berjaga-jaga jika nanti terjadi kesalahan
4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget
5. Jika sudah, cari kode  ]]></b:skin>  (gunakan ctrl + f untuk mempermudah pencarian)
6. Kalau sudah ketemu maka masukkan kode berikut ini di atas kode ]]></b:skin>

.comments-page { background-color: #f2f2f2;}    #blogger-comments-page { padding: 0px 5px; display: none;}    .comments-tab { float: left; padding: 5px; margin-right: 3px;    cursor: pointer; background-color: #f2f2f2;}    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}    .comments-tab:hover { background-color: #eeeeee;}    .inactive-select-tab { background-color: #d1d1d1;}

     Hilangkan kode berwarna hijau bila ingin background kedua komentar transparan.

     Cara di atas ini yang biasanya mewajibkan penempatan kode di bawah kode /* Comment atau #comments, Sebenarnya sama saja, mungkin para master terdahulu menyarankan begitu agar tampak lebih rapi.

7. Kemudian Sobat cari kode </head>
Jika sudah ketemu, masukkan kode berikut ini tepat di atas kode</head>

 <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>    <script src='http://code.jquery.com/jquery-latest.js'/>    <meta content='ID FB Sobat disini' property='fb:admins'/>    <script type='text/javascript'>    function commentToggle(selectTab) {    $(".comments-tab").addClass("inactive-select-tab");    $(selectTab).removeClass("inactive-select-tab");    $(".comments-page").hide();    $(selectTab + "-page").show();    }    </script>

Perhatikan tulisan yang berwarna hijau di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/nama Sobatmaka ID Sobat berada pada tulisan yang berwana hijau. Namun jika Sobat belum merubah ID Sobat maka yang tertera adalah berupa angka. contohnya seperti ini: https://www.facebook.com/ggkjy

8. Kemudian cari kode  <div class='comments' id='comments'>

NB:  Pada umumnya kode tersebut ada 2, copy dan pastekan kode berikut ini di bawah kedua kode <div class='comments' id='comments'>.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>    <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>    <fb:comments-count expr:href='data:post.url'/> Comments    </div>    <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>    <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments    </div><div class='clear'/>    </div>    <div class='comments-page' id='fb-comments-page'>    <b:if cond='data:blog.pageType == &quot;item&quot;'>    <div id='fb-root'/>    <fb:comments expr:href='data:post.url' num_posts='2' width='400'/>    </b:if>    </div>    <div class='comments comments-page' id='blogger-comments-page'>

NB: Pada penempatan kode yang ke dua Sobat hapus kode yang berwarna biru ya: <div class='comments comments-page' id='blogger-comments-page'> apabila kode di bawahnya sama.

Perhatikan angka yang berwarna biru dan hijau di atas, angka 2merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Sobat agar kelihatan rapi.

Pada cara di atas yang biasanya menyarankan hanya menempatkan pada kode <div class='comments' id='comments'> yang kedua saja, saat saya coba pada template blog uji coba saya tidak berhasil, jadi harus menempatkan di bawah kedua kode tersebut.

9. Kemudian klik Simpan, dan lihat hasilnya.

Read more