Chat Box

Showing posts with label Blog Tricks. Show all posts
Showing posts with label Blog Tricks. Show all posts

Mencegah Blog Kita Ditampilkan di Situs Lain (Blog Anti Iframe)

Dengan kode HTML iframe kita semua bisa menampilkan situs lain didalam blog kita. Tapi bagaimana jika blog kita ditampilkan tanpa seizin kita sebagai pemilik blog? Parahnya lagi jika situs tersebut menampilkan blog kita secara penuh
Apa kita cuma bisa diam tanpa perlawanan melihat blog kita ditampilkan di situs lain?
(walaupun dalam Islam kita harus terus tawakal dan berserah diri)
Ea enggak dunk! Enak aja... Berikut perlawanan yang bisa kita pakai untuk melindungi blog kita dari iframe.

<script> if(self!=top) {top.location.href=self.location;href;} </script>

Fungsi kode diatas akan melindungi blok kita dengan meredirect iframe ke ke situs asli.
Untuk Blogger, paste kodenya diatas </head> pada template blog kamu.
Untuk platform lain menyesuaikan ea.
Perlu diingat! Iframe yang mengarah ke blog kita akan langsung diredirect ke alamat blog kita.
Read More "Mencegah Blog Kita Ditampilkan di Situs Lain (Blog Anti Iframe)"

Perpanjang Domain co.cc dengan Gratis

Setiap domain pasti akan kadaluarsa, dan tiap tahun perlu diperpanjang (renew) agar dapat terus digunakan. Sama juga halnya dengan domain gratisan .co.cc yang perlu perpanjangan tiap tahun.
Mungkin kalian pernah mendengar kabar bahwa domain .co.cc hanya gratis selama 1 tahun dan perpanjangannya kita harus membayar antara 3-9U$D.

Sebenarnya kabar tersebut gak sepenuhnya benar, buktinya perpanjangan yudhaime.co.cc masih gratis padahal sudah lewat 1 tahun.
Sebenarnya perpanjangan domain .co.cc benar-benar gratis bila blog kamu merupakan blog personal.

Apa itu blog personal?
Penjelasannya nanti aja ea! Kita langsung aja ke cara perpanjangan domain co.cc secara gratis
  • Login dulu ke akun co.cc sobat!
  • Pada Domain yang hampir expired akan otomatis terdapat tulisan renew
  • Klik renew lalu kamu akan dibawa ke halaman perpanjangan domain

  • Nah disinilah triknya!
  • Pilih personal lalu tandai keterangan yang muncul di bawahnya dan klik tombol Continue!
Perhatikan "If the purpose is not personal, the domain will be transfered or deleted without notice. By checking this box and clicking 'continue', you are agreeing to these terms." (Jika tujuannya adalah bukan personal, domain tersebut akan dipindahkan atau dihapus tanpa pemberitahuan. Dengan mencentang kotak ini dan mengklik 'continue', Anda menyetujui persyaratan tersebut.)
Domain kamupun dapat digunakan gratis untuk tahun berikutnya.
Oh iya soal pertanyaan tadi mengenai blog personal. . .
Blog personal ialah blog yang dikelola secara personal dan tidak digunakan untuk mencari uang (I think)

sumber :http://blog.yudhaime.co.cc/2010/06/perpanjang-domain-cocc-dengan-gratis.html
Read More "Perpanjang Domain co.cc dengan Gratis"

Cara Membuat Random Post Dinamis di Blogger

Cara membuat random post di blogger. Tutorial blog kali ini akan menjelaskan bagaimana cara menampilkan posting/artikel secara acak di blogspot.

Random post ini disebut dengan random post dinamis, karena tampilannya yang berupa slide. Dengan tampilan slide tersebut, tentu random post ini juga akan menarik perhatian pengunjung. 

Bagi anda yang jarang mengupdate blog, mungkin widget ini cukup berguna. Karena semua artikel yang ada di blog anda akan ditampilkan secara acak nantinya dengan menggunakan widget ini.

Dengan begitu, pengunjung yang beberapa kali mengunjungi blog anda bisa terus membaca artikel-artikel anda yang lain, walaupun anda belum menambahkan postingan baru sekalipun.

Bagi anda yang ingin mencoba random post dinamis ini, bisa langsung mengikuti tutorial blog berikut.

CSS

Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.

  1. Log in ke blogger.
  2. Pilih menu Layout (Tata Letak) » Edit HTML.
  3. Cari kode ]]></b:skin>
  4. Copy kode berikut di atas kode tadi.
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
  1. Simpan template.

Script Random Post

Untuk memasang script random post ini ikuti langkah-langkah berikut.
  1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).
  2. Klik Add a Gadget (Tambah gadget).

  3. Pilih gadget HTML/JavaScript.
  4. Copy-paste script berikut ke dalam gadget tadi.
<script src="http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <script type="text/javascript"> function showGadget() { var feeds = [ {title:'title', url:'http://namablog.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999'}, ]; new GFdynamicFeedControl(feeds, 'feedGadget', {numResults : 1000, stacked : true, title: " "}); } google.load("feeds", "1"); google.setOnLoadCallback(showGadget); </script> <div id="feedGadget"><center><img src="http://img80.imageshack.us/img80/1577/loadingtrans.gif" /></center></div> 
  1. Jangan lupa ganti nama blog anda.
  2. Simpan gadget.
Sekarang lihat hasilnya. Postingan anda akan tampil secara random (acak).

Selamat mencoba!

Sumber :  http://www.tutorialblogging.co.cc/2010/05/buat-random-post-di-blogger.html
Read More "Cara Membuat Random Post Dinamis di Blogger"

Cara membuat spoiler di Kaskus dan di forum lain

Di artikel ini, saya ingin memberikan cara membuat spoiler di forum Kaskus(yang sudah banyak memberikan nafkah pada saya. . halah).
Mungkin sebagian besar sudah mengetahui caranya , namun ada sebagian orang juga yang belum mengetahui caranya sehingga saya hadir di sini untuk sharing cara spoiler tersebut.

Simple saja caranya,

cukup ketikkan :
[spoiler=e71 biru n pink]blablabla[/spoiler]

Keterangan : Tentu saja kata 'blablabla' diganti sesuai dengan kata atau foto yang mau dimasukkan ke dalam spoiler. Dan kata 'e71 biru n pink' adalah kata yang akan muncul pada kata 'spoiler for e71 biru n pink' (untuk lebih jelasnya lihat di gambar berikut ini)
Read More "Cara membuat spoiler di Kaskus dan di forum lain"

Mengubah Blog Nofollow Menjadi Dofollow

Dofollow memiliki beberapa fungsi. Antara lain untuk mempermudah dalam peninggalan jejak sewaktu kita melakukan kegiatan komentar diblog orang. Dengan dofollow kita dapat memiliki backlink yang suatu saat bisa meningkatkan PageRank (PR) kita sendiri. Dengan adanya dofollow peluang untuk melakukan tukeran link dengan sobat blog yang lain pun terasa lebih mudah. Sebenarnya membuat blog menjadi Dofollow bukanlah hal yang sulit, seperti yang difirkan oleh beberapa blogger pemula. Untuk membuat Dofollow blog sobat tinggal ikuti langkah-langkah dibawah ini :

  1. Klik Layout --> Tata Letak --> Edit HTML
  2. Cari kode rel='nofollow' dan hapus kode tersebut. untuk mempermudah pencarian gunakan bantuan dari fasilitas mozilla firefox dengan menekan CTRL + F pada keyboard mu
  3. Simpan Template dan lihat hasilnya
Selamat Mencoba dan Semoga sukses friends :D
Read More "Mengubah Blog Nofollow Menjadi Dofollow"

30 Tips Meningkatkan Traffic Blog

Berikut ini adalah 30 tips untuk meningkatkan traffic blog yang saya
peroleh setelah saya blogwalking ke berbagai blog milik para master
SEO agar trafik blog cepat naik. Semoga tulisan ini bermanfaat untuk anda, dan berikut ini adalah
30 tips untuk meningkatkan traffic blog tersebut :


1. Mendaftarkan blog ke Search Engine


Kalo ini wajib hukumnya. Daftarkan blog anda keberbagai search engine
utamanya Google, Yahoo dan MSN agar blog anda terindex oleh mesin
pencari.


2. Tulis Content Secara Kontinyu


Dalam blog content adalah yang utama, jadi pastikan tulisan anda
mendapat perhatian lebih dan sesuai dengan tema blog. Kalo bisa sih
tulis postingan yang berkualitas dan berbobot. Tidak seperti tulisan
saya yang amburadul di blog ini, hehe....:)


3. Template Blog


Desain dan layout blog juga menentukan apakah pengunjung akan betah
berlama-lama di blog anda atau tidak. Pastikan navigasi, warna dan
elemen-elemen dalam blog tidak error, juga hindari broken link ( link
rusak ). Untuk itu pilihlah template blog secara seksama.


4. Domain Sendiri


Tips ini adalah salah satu yang belum bisa saya realisasikan.
Menggunakan nama domain sendiri akan membuat blog anda tampak lebih
profesional.


5. Meta Keywords


Edit template blog anda dengan memberi meta keywords pada title,
keywords dan descriptions. Ini sangat berguna untuk SEO.


6. Submit ke Site / Blog Directory


Daftarkan blog anda keberbagai site / blog directory seperti
blogcatalog, topblogarea, topbloglist, dsb.


7. Link Exchange


Cara ini cukup populer dan sering digunakan dikalangan blogger. Tukar
link dengan blog lain terutama yang mempunyai tema yang sama akan
cepat menaikkan peringkat blog anda di mata search engine dan akan
membawa traffic.


8. Link Internal


Link postingan anda antara yang satu dengan yang lain yang mempunyai
topik sama. Kalo bisa gunakan anchor text yang relevan agar hasilnya
lebih maksimal untuk SEO.


9. Sign Up ke Social Bookmarking Site


Sign Up ke Social Bookmarking Site seperti Digg, Reddit atau
Stumble Upon dan dapatkan plugin untuk dipasang di blog anda. Jika
artikel anda disukai oleh pembaca maka mereka dapat mensubmit artikel
anda ke Social Bookmarking Site melalui plugin tersebut.


10. Dummy Blog


Buat blog-blog baru untuk mendukung blog utama anda. Beri link menuju
blog utama di blog-blog tersebut. Selain mendapatkan backlink untuk
SEO, diharapkan pengunjung yang datang ke blog-blog dummy anda
tersebut dapat dikenalkan ke blog utama anda.


11. Download Gratis


Buat artikel / template untuk download gratis e-book, software, mp3
atau yang lainnya. Mayoritas netter menyukai hal-hal yang berbau
gratis.


12. Tagging Image


Tagging image adalah memberi identitas / nama pada gambar atau image
di postingan. Ini berguna agar image anda terindex oleh search engine.


13. Iklan Baris


Ini juga untuk mencari backlink. Iklankan blog anda di situs-situs
iklan baris dan beri link menuju blog anda. Salah satu yang terbaik adalah www.kirimiklan.com. Silahkan anda mencoba dan rasakan traffic yang meningkat ke blog anda.


14. Comment di Blog Lain


Berjalan-jalan ke blog lain dan beri komentar terutama pada blog yang
mempunyai tema yang berhubungan dengan blog anda. Dikolom komentar
biasanya disediakan tempat untuk menuliskan URL pemberi komentar.


15. Subscribe Feedburner


Gunakan layanan feedburner untuk pengunjung yang ingin berlangganan
artikel blog anda via email. Ini menjaga pengunjung blog anda agar
selalu tahu tentang update blog anda dan menarik mereka kembali.


16. Gosip Terbaru


Tulis sesuatu yang sedang tren, gosip terbaru dan terpanas atau
sesuatu yang berbau kontroversial. Pastikan optimasi keyword untuk
postingan tersebut tepat, maka blog anda berpotensi ramai pengunjung
dari Search Engine.


17. Sesuaikan Iklan


Jangan menaruh terlalu banyak iklan pada blog agar tidak mengganggu
pembaca anda. Ini juga berguna agar loading page blog anda tidak
lambat.


18. Gabung di Site Social Networking


Join ke berbagai site social networking atau jejaring sosial dan
tempatkan link blog anda di profil, bulletin atau apa saja yang
memungkinkan. Berbagai jejaring sosial populer dunia dapat anda ikuti
seperti myspace, facebook, friendster dan sebagainya.


19. Belajar SEO


Untuk mendapatkan traffic dari search engine, SEO mutlak diperlukan.
Perdalam kemampuan optimasi content dengan belajar SEO ke blog-blog
yang tenar dan sudah terbukti kehebatan ilmu SEO-nya.


20. Beli Iklan


Jika ada dana lebih, tidak ada salahnya anda membeli iklan di Google
Adwords, AdsenseCamps dan sebagainya. Anda dapat mendatangkan traffik
dengan instan dan cepat.


21. Join Forum dan Mailing List


Join ke berbagai forum dan mailing list yang berhubungan dengan tema
blog anda dan tempatkan link / signature di tempat yang memungkinkan.
Aktiflah di forum atau mailing list tersebut dan anda akan mendapatkan
trafik dari sesama anggota forum / mailing list.


22. Buat Award atau Penghargaan


Buatlah award berbentuk banner dengan tema seperti "Neno's Blogger
Award
", "Blogger Award 2009" dan sebagainya. Berikan award tersebut
kepada 10 blog lain yang anda percaya dan minta mereka untuk memberi
backlink kepada blog anda selaku pemberi award. Dan mereka juga dapat
memberikan award tersebut ke 10 blog lain dengan peraturan yang sama.
Begitu seterusnya.


23. Postingan Berkala


Jadwalkan postingan anda secara teratur agar mudah di index oleh
google dan pembaca tidak bingung dengan jadwal update blog anda.


24. Maksimalkan Google


Gunakan layanan yang diberikan oleh google secara maksimal seperti
google webmaster tools, google analytic dan google alert untuk
mempermudah index google dan membantu memonitor perkembangan blog
anda.


25. Event / Kejadian Penting


Tulis tentang even / kejadian penting yang akan berlangsung sebulan
sebelumnya agar tulisan terindex oleh google. Saat event tersebut
tiba, blog anda berpotensi ramai pengunjung yang mencari info tentang
event tersebut di search engine.


26. Sesuatu Yang Baru


Tulis sesuatu yang baru dan jarang diangkat blog lain. Tulisan anda
akan lebih mudah masuk Search Engine Result Page ( SERP ) dan terlihat
lebih orisinil.


27. Postingan List


Kebanyakan blogger tenar menyenangi postingan model list. Selain lebih
efisien, postingan model list lebih mudah dipahami dan simple.


28. Post Pillar


Luangkan waktu untuk menulis post pillar. Post pillar adalah inti dari
blog anda. Pastikan post pillar mendapatkan perhatian lebih karena post pillar inilah yang akan digunakan untuk mendapatkan traffik terbanyak dari blog anda.

29. Submit Postingan ke Article Directory


Submit postingan anda ke article directory seperti GoArticles,
ArticleBiz, dan sebagainya. Selain mendapat backlink, blog anda juga
bisa cepat terkenal jika memang postingan anda benar-benar
berkualitas.


30. Guest Blog


Tawarkan postingan anda untuk dimuat di blog orang lain, terutama blog
yang bertema sejenis. Tempatkan link anda di postingan tersebut.
Manfaat Guest Blog hampir sama dengan submit postingan ke article
directory.



Semoga cara-cara menaikkan trafik blog diatas berguna bagi anda, terutama yang baru belajar ngeblog seperti saya.

Read More "30 Tips Meningkatkan Traffic Blog"

Deteksi Pengunjung Blog

Hallo Sobat pengunjung blog ini semuanya kita bertemu kembali dengan saya sebagai pemilik blog ini mengucapkan salam sejahtera ke pada kalian semua dan sukses selalu itulah yang kita harapkan. Kali ini saya akam membahas mengenai Deteksi Pengujung Blog sepertinya Sebagian blog yang ada di jagat alam maya ini banyak yang mempergunakan ini tapi tidak salahnya saya membahas mengenai hal ini karena banyak sekali yang bermunculan blog-blog pemula bagaikan jamur dimusim hujan yang belum tahu tentang hal ini.
Sobat Blogger sekalian kalau anda memiliki beberapa buah blog saya sarankan untuk memasang code script yang akan saya berikan nanti ke semua blog anda karena seru dih kita bisa melihat blog yang dikunjungi pengunjug dan tingkah laku pengunjung klik situ klik sini kita bisa tahu dimana dia berada caranya anda klik link yang warna merah disamping kanan atau kiri Halaman Blog setelah anda memasang code script pendetiksi pengunjung maka akan muncul seperti ini
Klik.

Kayanya pendeteksi pengunjung ini bukan hanya mengetahui jumlah pengunjung saja yang online di blog kita tapi kalau kita tahu dan sering mengutak atik maka kita dibawa kehalaman sebuah peta dunia dimana kalau yang online salah satu negara keblog kita maka akan terlihat di peta tersebut dengan tanda bintang berkedip di negara yang online di blog kita, begitu juga di Indonesia akan terlihat bintang berkedip diatas kota Propinsi coba kita lihat peta tersebut linknya aku sering sekali mengamati sobat blogger yang berkunjung ke blog aku karena kita tahu asal dari mana dia caranya adalah klik link yang warna merah disamping kanan atau kiri halaman Blog setelah anda memasang code script pendeteksi pengunjung maka akan muncul seperti ini Klik. setelah masuk halaman tersebut cari peta dunia pada kanan bawah kemudian klik yang berwarna cokelat pada peta maka akan terbuka peta dunia dan diatasnya ada bintang-bintang yang gunanya bintang tersebut kalau ada pengunjung ke blog kita maka akan berkedip hingga dia lari dari blog kita seperti contoh berikut ini Klik.
dan inilah Code Scriptnya Cara pasangnya Klik Tata Letak kemudian Tambah Gadget klik HTML/jave script copy code dibawah ini lalu paste simpan selesai
<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('3iwoil1mik55', 'left-middle')</script>
Selamat mencoba kalau tidak jelas cara pasangnya silakan tulis komentar ada dibawah ini
Read More "Deteksi Pengunjung Blog"

Cara memasang Radio Online di blog

Kebetulan posting yang saya utarakan ini atas usulan pengunjung setia blog saya, dia meminta untuk memasang sebuah radio online di dalam blog, ya mungkin terispirasi atas apa yang telah dia dengar di blog saya ini. atau pun biar rame blog nya.. hahahahha.. itu pendapat kalian bagaimana menyimpulkan tentang hal ini. baik kita mulai saja bagai mana cara nya biar radio ini terpasang di blog anda, untuk percobaan kali ini saya memasang sebuah saluran radio yang tidak asing lagi buat para pendengar setia nya!! GEN FM. pasti pernah dengar kan.. Yuk kita ikuti langkah - langkah nya...

  1. Masuk ke Blog anda
  2. Klik Tata Letak
  3. Klik Tambah Gadget
  4. Klik pilihan menu HTML/JavaScript
  5. Untuk Judul Konten Di Isikan dikosongkan
  6. Copy Keseluruhan Script yang ada di bawah ini :
  7. <iframe scrolling="no" width="1" frameborder="0" src="http://www.seleb.tv/kaskus/genfm.html" height="1"></iframe> 
Semoga bermanfaat buat kalian...
Read More "Cara memasang Radio Online di blog"

Cara Mengubah Icon Pada Address Bar

Apakah anda sering melihat suatu website atau blog dengan sebuah gambar atau icon pada address bar(icon/gambar kecil yang ada di samping kiri URL) Jika anda tertarik  untuk melakukan hal tersebut ikuti langkah yang ada di bawah ini. Sebelumnya jika anda memiliki sebuah blog pasti icon default nya akan berupa seperti ini bukan :


Untuk Mempercepat proses disarankan icon tersebut memiliki ukuran  24x42 pixel sampai 32x32 pixel tapi semua itu terserah anda.
Nah Bagaimana icon default tersebut bisa kita ubah menjadi icon yang kita inginkan :
  1.  Login terlebih dahulu ke Blog anda
  2. Pilih Layout
  3. Pilih Edit HTML
Cari Kode : </head> 


Pastekan Script dibawah ini sebelum kode </head>
<link href='http://i763.photobucket.com/albums/xx277/gberandal/dg.png' rel='SHORTCUT ICON'/>

Ubahlah huruf yang berwarna hijau dengan lokasi gambar dimana anda menyimpannya. anda bisa menyimpan gambar di Hosting gratisan atupun photobucket

Daftar Disini :
photobucket
ripway 

Read More "Cara Mengubah Icon Pada Address Bar"

Cara Membuat Search Box di Blogspot

Nah sekarang bagaimana kita memasangnya? Gampang saja, ikuti langkah berikut:
  1. Login (Dasbor) - Layout/Tata Letak - Edit HTML
  2. Taruh kode ini di atas kode ]]></b:skin> berikut kodenya:
  #search {
width: 280px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;
}

#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
background: #84CAF6;
width: 220px;
color: #000;
margin: 0;
padding: 4px 0 3px 5px;
border: 1px solid #005BC3;
display: inline;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
}
#searchbutton {
background: #84CAF6 !important;
color: #000;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
border: 1px solid #005BC3;
font: bold 11px Georgia, Times New Roman, Trebuchet MS;
}
  
  1.  Save dan sekarang ke Elemen Halaman
  2. Add Widget - HTML/Javascript
  3. Masukkan kode ini di dalam content
 <div id="search">
<form id="searchform" action="/search/" style="display:inline;" method="get">
<input id="searchbox" maxlength="255" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" type="text"/>
<input id="searchbutton" value="GO" type="submit"/>
</form></div>
  1. Save dan taaraaaaa....
Gampang bukan? Banget deh, kalo yang mau edit-edit silakan saja. terutama untuk warna, silakan ubah bagian CSS-nya. Semoga bermanfaat!
Read More "Cara Membuat Search Box di Blogspot"

Cara Membuat Label Dengan Fungsi Scroll

blogger_logo Tutorial memasang label dengan fungsi scroll ini sengaja saya tulis semata-mata untuk membantu blogger yang mempunyai banyak label / kategori dalam blognya. Jika di pasang semua tentunya akan makan tempat, dan mungkin bisa membuat blog jadi timpang alias panjang sebelah antara postingan dengan sidebar.

Menu scroll tentunya sudah banyak yang tau, menu ini dapat ditarik ke bawah dan ke atas. Cara membuatnya sangat mudah, hanya dengan menyisipkan sedikit kode HTML maka jadilah label dengan fungsi scroll.


Untuk membuatnya, silahkan ikuti dengan cermat langkah-langkahnya berikut ini :
  1. Login ke blogger dengan ID sobat tentunya.
  2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul.
  3. Anggap saja sobat telah membuat judul labelnya dengan nama “Kategori”.
  4. Sekarang tuju ke Edit HTML.
  5. Klik Expand Template Widgets.
  6. Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “Kategori”, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kode HTML tersebut.
  7. Perhatikan saja tulisan yang berwarna merah dibawah ini, kode itulah yang harus disisipkan kedalam label yang sudah sobat buat. 
 <b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>

</div>
</b:includable>
</b:widget>
  1. Jangan lupa Simpan Template.Setiap template mempunyai karakter yang berbeda, mungkin di blog sobat kode yang ada adalah 
<div class='widget-content'> 
          bukan seperti yang ada di blog saya yaitu :
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>  

yang penting letak kode tambahan yang disisipkan harus benar meletakkannya.

Untuk kode height:250px adalah tinggi label scroll, silahkan sobat ganti dengan angka yang lebih tinggi jika ingin tampilan menu label yang lebih tinggi.

Saya kira itu cukup sekian pelajaran blog kita kali ini, terima kasih. Applause
Read More "Cara Membuat Label Dengan Fungsi Scroll"

Setting Domain di co.cc

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai
2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
  • Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
  • Untuk option "TTL" biarkan saja, gak perlu dirubah2
  • Pada option "Type" pilih yang "CNAME"
  • Untuk kolom "Value" isikan "ghs.google.com"
  • Sehingga akan seperti pada gambar dibawah ini:
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
  • Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
  • Kemudian pilih "Switch to: • Custom Domain
  • Setelah itu klik pada "Already own a domain? Switch to advanced settings"
  • Kemudian isikan nama domain kamu yang baru pada kolom  "Your Domain"



  • Selanjutnya klik tombol "save setting"
Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:
  • Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
  • Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
  • Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.
Read More "Setting Domain di co.cc"

Cara Menyembunyikan Judul dan Deskripsi Blog

Membuat desain header sendiri memang sudah kebiasaan buat sebagian blogger . namun kadang-kadang ada sedikit masalah yang timbul saat pemasangan desain header tersebut ,masalahnya adalah disaat desain header baru sudah terpasang judul dan deskripsi blog kita jadi main tindih-tindihan dengan banner header blog kita ,Di hapus judul blog dan deskripsinya tidak mungkin karena tidak akan bisa disimpan .nahh... repot kan.hehehe tapi ga usah kwatir karena kali ini klinik-it punya tipsnya nich...

Cara Menyembunyikan Judul dan Deskripsi Blog sebenarnya sedikit mudah..hehehe kita cuma menambahkan sedikit kode saja pada element HTML template kita ,kode yang perlu ditambahkan adalah kode seperti ini display:none; .nahh.. untuk lebih jelasnya silakan sobat ikuti langkah-langkah Cara Menyembunyikan Judul dan Deskripsi Blog di bawah ini .

Cara Menyembunyikan Judul dan Deskripsi Blog

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Untuk menembunyikan judul blog cari kode seperti dibawah ini:
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
}

5.Kalo uada ketemu Tambahkan kode display:none; di bawah kode font: normal normal 200% Georgia, Serif; .atau lebih jelasnya lihat kode dibawah ini.

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none;
}

6.Selanjutnya untuk menyembunyikan deskripsi Dari judul Blog sobat silkan cari kode seperti di bawah ini .

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
}

7.Selanjutnya tambahkan kode display:none; di bawah kode color: #999999; atau biar lebih jelas lihat kode lengkapnya.

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}

8.Kalo ga sobat bisa juga cari kode seperti di bawah ini.

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
}

9.Selanjutnya sama seperti di atas tinggal tambahin kode display:none; aja dibawah kode color:#333; .

10.Sehingga kodenya jadi seperti dibawah ini .

.descriptionwrapper p{
margin:0;
padding:0px 0 0 110px;
line-height:1.0em;
font-style:normal;
font-weight:;
font-size:9pt;
letter-spacing:.1em;
color:#333;
display:none;
}

11.Kalo udah selesai Silakan klik tombol SIMPAN TEMPLATE. nahh biar sobat nyari kodenya ga bingung teken aja tombol CTRL+F terus masukin dech kode yang mau dicari..
Read More "Cara Menyembunyikan Judul dan Deskripsi Blog"