Cara membuat Sliding Login & Register Form Panel.

Cara membuat Sliding Login & Register Form Panel (Kotak Masuk & Daftar) di Blogspot dengan jQuery.

Widget Login dan Register ini biasanya digunakan di blog yang punya member (anggota). Tampilan kotak login/register ini ada di bagian atas halaman blog atau di atas header/top menu. Begitu diklik akan muncul kotak seperti gambar ilustrasi.

Cara Membuat Login-Register Form di Blogspot:

1. Template > Edit HTML

2. Copas kode berikut ini di atas kode </head>

<script src='http://web-kreation.com/demos/Sliding_login_panel_jquery/js/jquery-1.3.2.min.js' type='text/javascript'/><script style='display:none' type='text/javascript'>$(document).ready(function() {

// Expand Panel

$(&quot;#open&quot;).click(function(){

$(&quot;div#panel&quot;).slideDown(&quot;slow&quot;);

});

// Collapse Panel

$(&quot;#close&quot;).click(function(){

$(&quot;div#panel&quot;).slideUp(&quot;slow&quot;);

});

// Switch buttons from &quot;Log In | Register&quot; to  &quot;Close Panel&quot; on click

$(&quot;#toggle a&quot;).click(function () {

$(&quot;#toggle a&quot;).toggle();

});

});

</script>

3. Copas kode berikut ini di atas kode ]]</b:skin>

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}

.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}

.tab ul.login li.left {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li.right {
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}

.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
color: #15ADFF;
}

.tab ul.login li a:hover {
color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}

.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery/css/../images/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#panel {
width: 100%;
height: 270px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}

#panel h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}

#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}

#panel p {
margin: 5px 0;
padding: 0;
}

#panel a {
text-decoration: none;
color: #15ADFF;
}

#panel a:hover {
color: white;
}

#panel a-lost-pwd {
display: block;
float: left;
}

#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}

#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}

#panel .content .right {
border-right: 1px solid #333;
}

#panel .content form {
margin: 0 0 10px 0;
}

#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}

#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}

#panel .content input:focus.field {
background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}

#panel .content input.bt_login {
width: 74px;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery/images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}

4. Copas kode berikut ini di atas kode </body>

<!-- Login -->
<div id='toppanel'>

<div id='panel'>
<div class='content clearfix'>
<div class='left'>
<h1>Welcome to CB Network</h1>
<h2>Contoh Login Form Blogspot</h2>
<p class='grey'>Ini demo atau contoh Kotak Login dan Register Form. Login Form di samping ini hanya contoh dan tidak dapat digunakan layaknya Login Form FB karena blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member</p>
<h2>Tutorial Blog</h2>
<p class='grey'>Untuk membuatnya silakan <a href='http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html' target='_blank' title='Download'>Pencet Sini</a></p>
</div>

<div class='left'>
<form action='#' class='clearfix' method='post'>
<h1 class='padlock'>Member Login</h1>
<label class='grey' for='log'>Username:</label>
<input class='field' id='log' name='log' size='23' type='text' value=''/>
<label class='grey' for='pwd'>Password:</label>
<input class='field' id='pwd' name='pwd' size='23' type='password'/>
<label><input checked='checked' id='rememberme' name='rememberme' type='checkbox' value='forever'/> Remember me</label>
<div class='clear'/>
<input class='bt_login' name='submit' type='submit' value='Login'/>
<a class='lost-pwd' href='#'>Lost your password?</a>


</form>
</div>
<div class='left right'>
<form action='#' method='post'>
<h1>Not a member yet? Sign Up!</h1>
<label class='grey' for='signup'>Username:</label>
<input class='field' id='signup' name='signup' size='23' type='text' value=''/>
<label class='grey' for='email'>Email:</label>
<input class='field' id='email' name='email' size='23' type='text'/>
<label>A password will be e-mailed to you.</label>
<input class='bt_register' name='submit' type='submit' value='Register'/>
</form>
</div>


</div>
</div>
<!-- /login -->
<!-- The tab on top -->
<div class='tab'>
<ul class='login'>
<li class='left'/>
<li>Halo Semuanya</li>
<li class='sep'>|</li>
<li id='toggle'>
<a class='open' href='#' id='open'>Masuk | Daftar</a>
<a class='close' href='#' id='close' style='display: none;'>Tutup Panel</a></li>

<li class='right'/>
</ul>
</div>
<!-- / top -->
</div>
<!-- panel -->

5. Save Template!

Demikian Tutorial Cara Membuat Login-Register Form di Blogspot. (Sumber). CB sudah coba tips ini dan berhasil, tapi kayanya gak lazim blogspot pake kotak login.

Secara, user tinggal Follow atau Subscribe aja, atau di-invite jadi Author/Admin kalo blognya banyak penulis.  (http://www.contohblog.net).*

Read More

Cara Membuat Scroll Pada Posting

Helo Blogger, Posting yang panjang akan memakan tempat di blog, salah satu cara yang paling efektif adalah dengan memberikan scroll. Sehingga sepanjang apapun posisi vertical postingan atau sejenisnya dapat diatur serapi mungkin.

Nah kali ini ada share tutorial blogger. Bagaimana membuat Efek Scroll Pada Posting atau Widget .

• Pertama kalian Log-in terlebih dahulu ke www.blogger.com
• Pada dasbor kalian pilih Rancangan,
• Lalu pilih Elemen Laman,
• Lalu Add a Gadget (Tambah Gadget)
• Pilih HTML/JavaScript dan Copy script yang ada di bawah ini.

<div style="border: 1px solid rgb(238, 238, 238); height: 50px; overflow: auto;padding: 10px; width: 320px;">
Isi kata-katanya di sini sobat </div>

Untuk mensetingnya perhatikan besar kecil pada setiap ukuran yang diberi warna merah, seperti dibawah ini:

Width > Lebar

Height > Tinggi

Padding > Jarak antara tulisan dengan garis menunya

Border > Ketebalan garis menu.

Read More

Cara Mengganti Alamat Blogspot Dengan Domain Pilihan Sendiri

Mengganti alamat domain blogspot kesayangan dengan nama domain pilihan sendiri atau tld pilihan (com,net,web.id,org dll). banyak yang mengubah nama domain blogspot dengan nama domain[com],[net],[org][web.id].

Tujuan-nya mudah untuk diingat, terkesan profesional dan sebagainya, cara menggati url blogspot dengan nama domain sendiri ini bisa disebut dengan custom domain blogspot.

Bagaimana cara mengganti nama domain atau cara mengubah domain blogspot menjadi dot com, dot net atau lain-nya. sebelum lanjut ke cara mengubah nama domain blogspot menjadi nama sendiri, sebenarnya sangatlah mudah sobat harus sudah memiliki atau sudah membeli nama domain yang nantinya akan digunakan sebagai pengganti alamat / nama blogspot anda sebelum-nya.

Dimana saya bisa beli nama domain ?

Untuk mendapatkan nama domain, anda bisa membeli dari banyak pihak yang sudah menawarkan dengan berbagai macam bentuk penawaran yang bisa sobat sesuaikan di internet, bahkan ada juga yang menawarkan langsung dengan paket hosting, dimana anda bisa menyimpan file-file gambar,script website di dalam hosting yang anda beli, berhubung artikel ini cara mengganti nama blogspot menjadi com, masalah hosting sementara kita ke-sampingkan terlebih dahulu.

Jika sobat ingin beli nama domain dengan harga murah, sobat bisa ke-sini, berhubung saya juga menggunakan layanan tersebut, sudah beberapa tahun hingga sekarang tidak ada kendala, dan jika sobat ada kendala pada saat melakukan custom domain, saya bisa membantu sobat untuk custom-kan domain yang baru sobat daftarkan.

Mengganti alamat blogspot dengan domain pilihan sendiri.?

Apa sobat masih bingung dengan tulisan saya, ya mungkin emang karna susunan kata-katanya yang agak ribet jadi saat sobat baca belum tau apa yang saya maksudkan dalam tulisan ini, okelah kalau masih belum jelas biar dak bingung :

Saat kita baru membuat blog di blogspot, secara otomatis blogspot akan memberikan sub domain blogspot sebagai url atau alamat blog dengan akhiran blogspot.com, contohnya :

http://bang-jefri.blogspot.com

Perhatikan akhiran alamat dari contoh diatas, ada akhiran blogspot.com, nah itulah yang dimanakan dengan subdomain blogspot, kalau nama-nya pendek mungkin gampang untuk diingat, setelah saya custom maka menjadi :

http://www.bang-jefri.com

Setelah di custom alamat blog menjadi lebih pendek dan mudah diingat, kita bisa pilih nama domain dengan nama kita sendiri, atau sesuaikan dengan nama usaha atau toko sobat, jika dilihat dari penamaan url atau alamat blog yang tidak lagi menggunakan subdomain blogspot, lihat dari penamaan alamat blog jadi terkesan lebih profesional.

Jika sudah mendaftar, dan anda sudah mempunyai nama domain milik anda sendiri, apalah nama domain yang baru sebaiknya mudah untuk diingat atau gunakan saja nama sendiri.Nah langkah selanjutnya adalah kita mengarahkan atau mengaturnya di blogspot agar alamat url blogspot yang lama diarahkan kedomain baru yang sudah kita buat di klik host tadi.

Cara Custom domain / arahkan alamat domain baru di blogspot

1. Login ke Dasbor Blog Anda
2. Klik ‘Setelan’

Pilih Setelan dasar seperti gambar diatas

Kemudian masukkan domain name yang sudah dibuat tadi lalu simpan, saat forward domain baru, tidak langsung berubah secara langsung, tunggu beberapa saat sampai proses resolving domain baru benar-benar berhasil.

Cara diatas hanya untuk mengarahkan nama domain baru,  yang sudah didaftarkan pada salah satu penyedia, salah satu situs penyedia layanan hosting domain dan server radio yang bisa saya rekomendasikan buat sahabat yaitu klikhost, biaya murah, proses pendaftara cepat tidak ribet, begitu juga dengan layanan dari tim klikhost yang siap membantu sobat untuk melakukan konfigurasi, proses resolving domain-nya pun terbilang cepat.

Begitulah cara mengganti alamat domain blogspot dengan domain pilihan sendiri, sobat bisa baca tulisan saya yang lain cara setting custom domain blogspot ke klikhost, semoga artikel singkat diatas sedikit bisa memberikan tambahan informasi buat sahabat yang hendak mengubah nama domain bawaan blogspot dengan nama domain pilihan. [copas]

Read More

Keterampilan Apa Saja Yang Harus Dikuasai Blogger ?

Jika anda adalah seorang blogger -Apalagi blogger pemula- maka anda tepat membaca artikel ini. Di sini saya akan menjelaskan kemampuan apa saja yang harus dimiliki seorang blogger, terutama yang tujuannya adalah bisnis.

Mengapa ko ngeblog aja harus punya keahlian ?

Yap, pada dasarnya ngeblog itu memang membutuhkan keterampilan. Bahkan bisa dibilang ngeblog adalah keterampilan itu sendiri. Oleh karena itu, anda harus mengetahui kemampuan apa saja yang harus anda miliki untuk ngeblog. Apalagi jika tujuan ngeblog anda adalah untuk mencari uang. Anda wajib memiliki kemampuan-kemampuan dibawah ini yang saya susun berdasarkan prioritasnya :

Skill Dasar

1. Menulis

Apapun tujuan blogging anda, kemampuan dasar dan terpenting yang harus anda miliki adalah kemampuan menulis. Semakin baik kemampuan menulis anda, maka semakin baik pula kemampuan ngeblog anda. Menulis adalah inti dari ngeblog. Bahkan adanya blog adalah karena adanya aktifitas menulis secara online.

Lalu bagaimana dengan orang-orang yang hanya mencopas tulisan orang untuk dipublikasikan lagi di blognya ? pendapat saya, mereka bukanlah seorang blogger. Untuk mereka yang mencopas tanpa menautkan sumber, bahkan saya berani mengatakan bahwa mereka adalah musuh para blogger. Yaaah, merekalah yang merusak esensi blogging menjadi kegiatan yang seolah-olah tidak berseni.

2. Menguasai Platform Blog

Tahu platform blog kan? Platform blog adalah tempat dimana anda ngeblog, misalnya seperti blogger/blogspot, wordpress, blogdetik dan lain-lain. Selain anda bisa menulis, anda juga harus bisa menguasai fitur-fitur platform blog yang anda pakai. Jika anda tidak menguasainya, bagaimana anda bisa mempublikasikan tulisan anda?. Oleh karena itu, pelajarilah platform blog anda dengan mengotak-ngatik, mencoba, dan bertanya pada orang lain.

3. SEO(Search Engines Optimization)

Saya yakin, tujuan anda ngeblog adalah agar tulisan anda dibaca oleh orang lain kan ?.  Maka anda harus menguasai poin ini.

Search engines optimization, atau dalam bahasa Indonesianya adalah optimasi mesin pencari adalah segala cara untuk membuat blog dan tulisan anda ditemukan di halaman pertama(minimal diindex) mesin pencari seperti google, yahoo dan bing.

SEO ini sangat penting. Dalam dunia bisnis online, SEO adalah nyawanya. Tak ada satupun blog bisnis online di dunia maya ini yang tidak melakukan dan menguasai trik-trik SEO.  Lebih jauh lagi, bahkan banyak sekali pakar-pakar SEO yang menawarkan jasa SEO ini kepada para pebisnis internet dengan harga yang cukup mahal.

Oleh karena itu, anda harus mempelajari SEO. Memang agak rumit, pusing dan butuh waktu untuk memahaminya. Pelajarilah SEO di blog-blog yang membahas SEO. Ada banyak sekali blog-blog yang memberikan tips-tips SEO di dunia maya ini. Let's go search it on google dan atau kunjungi blog pusat webmaster google.

Skill Tambahan/Penunjang

Skill tambahan ini cukup diperlukan untuk pengelolaan blog. Dalam hal ini, saya lebih memfokuskan pada skill bagaimana merancang/mendesain blog anda. Perancangan sebuah blog sangat diperlukan untuk membuat pengunjung blog anda tidak jenuh membaca tulisan dan berlama-lama di blog anda. Ini diperlukan jika anda ngeblog untuk bisnis dan anda ingin hemat. Daripada anda harus menyewa jasa desain blog atau membeli tema blog professinal dari orang, lebih baik merancangnya sendiri. Nah, inilah daftar skillnya. Saya urutkan pula dari yang terpenting.

1. HTML

Hypertext Markup Language (HTML) adalah yang terpenting. Tiap blogger harus menguasai bahasa pemrograman ini. HTMl adalah dasar dari pemrograman web. Semua situs diinternet terdiri dari kode HTML. Jangan khawatir, HTML sangatlah mudah untuk dipelajari. Akan saya share tutorialnya nanti, tunggu saja :D. Versi terbaru dari HTML adalah HTML5.

2. CSS

CSS atau Cascading style sheet adalah kode pemrograman untuk menghias blog /situs. Blog Anda akan menarik dan enak dilihat jika menggunakan CSS. Versi baru dari CSS kode CSS3. Silahkan baca posting saya tentang pengenalan CSS dan bagaimana menggunakannya untuk lebih lanjut.

3. Adobe Photoshop

Saya yakin, Anda sudah tidak asing dengan yang satu ini, atau bahkan Anda telah menguasainya. Adobe photoshop adalah perangkat lunak untuk mengedit foto atau gambar. Perangkat lunak ini diperlukan untuk merancang blog Anda. Anda memerlukan ini untuk membuat gambar banner, logo dan lainnya untuk blog. Adobe photoshop 'bekerja sama' dengan kode css untuk membuat desain keren untuk blog.

4. XML

Kode XML hanya dipakai di blog yang menggunakan blogger/blogspot . Bagi Anda yang tidak menggunakan blogspot, xml tidak perlu dikuasai.

Sebenarnya ini bukanlah bahasa pemrograman. XML (Extensible Markup Language) adalah metabahasa yang memungkinkan pengguna untuk menentukan bahasa markup yang disesuaikan. XML dirancang untuk mengangkut dan menyimpan data. XML di blogspot yang digunakan untuk mengambil data Anda dari database (pusat data google) untuk dieksekusi di blog Anda.

5. Jquery

Jquery merupakan bagian dari javascript. Jquery adalah temannya CSS. mereka saling melengkapi. Jquery untuk efek-efeknya, sedangkan css untuk warna dan hiasan lainnya. Untuk menggunakan Jquery Anda harus terlebih dahulu harus intall Jquery di situs Anda atau memanfaatkan file jquery di hosting situs lain.

6. Corel Draw

Sebenarnya ini mirip dengan adobe photoshop. Ini adalah perangkat lunak untuk merancang juga. Hanya saja, corel draw lebih untuk menggambar / membuat gambar.

7. Javascript

Javascript digunakan jika Anda ingin blog Anda lebih interaktif. Anda dapat membuat fungsi dengan kode. javascript biasanya digunakan oleh blogger yang ingin blog mereka lebih menarik. Javascript yang paling sering digunakan diu blog adalah Jquery.

8. PHP

Hypertext Preprocessor (PHP) banyak digunakan untuk keperluan umum bahasa scripting yang pada awalnya dirancang untuk pengembangan web untuk menghasilkan halaman web dinamis. PHP hanya digunakan di blog wordpress(tentunya wordpress self hosting) atau blog lain yang mendukung kode php.

9. Database/Basis Data

Database sangat berhubungan dengan php. Php membuat halaman web dinamis dengan data dari database. Hal ini juga sama, hanya untuk wordpress blog (self hosting). Anda dapat membuat fungsi baru untuk blog Anda dengan database dan kode php untuk berfungsi dalam blog.

10. Adobe Flash

Ini adalah lanjutan dari skill web desain. Ini adalah perangkat lunak untuk membuat animasi untuk blog Anda. Yaah, Software ini membuat blog Anda lebih menarik dengan animasi.

Itulah 10 skill tunjangan yang bersangkutan dengan aktifitas ngeblog. Untuk mempelajari bahasa-bahasa pemrograman diatas silahkan kunjungi webw3schools.com. Web ini menyediakan tutorial-tutorial bahasa pemrograman  dengan penyajian yang sangat sederhana, bertahap dan mudah dipahami walaupun memakai bahasa inggris. Sedangkan untuk skill desain gambar, silahkan kunjungi webilmugrafis.com. Web ini menyediakan tutorial-tutorial desain multimedia secara lengkap dalam bahasa indonesia.

sumber : http://www.syakirurohman.net/

Read More

Cara Membuat, Mengedit Dan Menghapus Label Di Blogger

Mengatur struktur kategori di blog merupakan hal yang sangat penting untuk diperhatikan. Hal ini karena menyangkut pada pengorganisiran konten dan juga kenyamanan pengunjung. Pengunjung blog anda akan nyaman ketika mengeksplorasi konten di blog anda karena anda tepat mengatur kategorinya. Mereka akan mudah menemukan artikel yang mereka cari.

Di platform Blogger, kategori dinamai dengan Label yang jika di wordpress persis sama seperti tags. Mengatur kategori di blogger tidak sama dengan di wordpress. Kategori di wordpress mudah dibuat secara struktural dan pengindukan karena memang sudah tersedia fiturnya. Di wordpress juga anda bisa mengatur, mengedit, dan menghapus kategori dengan mudah.

Lain halnya dengan Blogger. Di Blogger, untuk mengatur -terutama mengedit dan menghapus- kategori agak sedikit rumit jika anda tidak mengetahui triknya. Bahkan, pada awalnya saya sendiri tidak tahu bahwa ada cara mengedit dan menghapus label di blogger. Oleh karena itu, di sini akan saya bahas tentang cara mengatur, membuat, mengedit dan menghapus label baik untuk satu post ataupun sekaligus banyak post di Blogger.

Membuat Label Baru

Untuk membuat label baru, cara pertama adalah dengan mengetikan nama label di pilihan labels dis sidebar kanan ketika anda mengedit atau membuat sebuah post. saya rasa semua blogger sudah tahu cara ini. Namun, apakah anda sudah tahu bagaimana membuat sebuah label yang langsung diintegrasikan untuk banyak posting?.

Begini caranya..

Pertama, buka halaman daftar post dengan mengklik menu "Posts" di sidebar kiri. Setelah itu, tandai/ceklis posting yang mana saja yang ingin anda tambahkan labelnya -seperti pada gambar diatas-. klik ikon di samping bacaan "Revert to draft". Lalu klik "New label". Akan muncul sebuah kotak dialog, lalu ketikan nama label yang anda inginkan. Saya mengetikkan label "testing" karena ini sebagai contoh saja. Selesai, dan label baru telah terbuat.

Mengedit dan Menghapus Label

Sebenarnya, di blogger anda tidak bisa mengedit sebuah label yang sudah anda buat. Secara teknis, anda hanya bisa membuat dan menghapusnya. Namun, hal ini tidak menjadi penghalang bagi anda jika anda ingin mengganti nama label.

Untuk menghapus sebuah label, cara pertama adalah dengan tidak mengintegrasikan posting apapun di blog anda dengan sebuah label. Jadi, dengan mengosongkan label tersebut dari posting secara otomatis label akan terhapus. Namun, cara ini lama karena anda harus mengedit satu-persatu posting dengan label tertentu dan menghapus label itu.

Jika anda ingin menghapus label sekaligus banyak, langkah pertama adalah dengan memfilter atau menyaring daftar posting dengan label terpilih seperti yang terlihat pada gambar dibawah. Caranya adalah dengan memilih label di pojok kanan atas disamping form pencarian. Setelah itu, ceklis semua post yang ada. Klik ikon label di samping bacaan "Publish". Lalu, akan keluar dropdown label dan klik nama label yang tadi anda filter/saring postingannya. Di gambar saya memilih label testing karena label itulah yang akan saya hapus. Setelah anda mengkliknya, label tersebut akan terhapus.

 Lalu, bagaimana dengan mengedit label ?. Pertama hapuslah label yang ingin anda edit dengan cara diatas, kemudian buatlah label baru yang namanya mirip dengan cara pertama tanpa anda harus menghilangkan tanda ceklis pada postingannya terlebih dahulu.

Nah, begitulah caranya. Saran saya, berhati-hatilah dalam mengatur struktur label di blog anda karena kesalahan dalam penamaan label bisa berakibat yang cukup parah pada blog anda. [http://www.syakirurohman.net/].

Read More

Trik Blog/Web Cepat Terindeks Google, Ini Tipsnya

Sebuah Blog akan butuh butuh waktu untuk dapat terindeks Google. Nah, bagi yang tidak sabar, berikut ini tips agar blog cepat diindeks mesin pencari, khususnya Google.

Cepat terindeks Google artinya cepat pula mendatangkan pengunjung atau pembaca. Karena mayoritas user selalu menggunakan mesin pencari Google untuk mencari informasi atau tulisan 

Tips ini adalah panduan, yang mengajak untuk berusaha. semoga menjadi salah satu jalan sukses. Berdasarkan pengalaman, untuk menjadi blogger yang sukses, memang butuh perjuangan dan kesabaran. Berikut adalah Tips Agar Blog Cepat Diindeks Google:

1. Siapkan 10 Posting Berkualitas!

Sebelum membuat blog baru, siapkan dulu minumal 10 posting berkualitas. Anda bisa membuatnya di MS Word, lalu Copas, dan klik menu "Remove Formatting", tata kembali naskahnya sebelum di-publish. 

Bisa juga dicopas dulu ke Notepad, lalu Copas lagi ke kolom posting. Siapkan pula foto/gambar yang sudah dikasih nama (file name) sesuai dengan isi posting, lengkapi dengan "alt text" dan "title text" saat upload ke posting. 

Posting pertama yang Anda publish sebaiknya berisi tentang "informasi dasar" (basic information) tentang blog Anda, yaitu menguraikan Deskripsi atau Niche Blog yang Anda pilih. Posting pertama ini sangat penting bagi SEO dan user, disebut dengan Basic Article.

2. Buatlah struktur link internal di blog!

Link internal yaitu tautan dalam blog Anda sebagai navigasi ke posting lainnya, seperti Related Posts (Posting Terkait), Recent Posts (Posting Terbaru), Popular Posts (Posting Terpopuler), juga halaman statis (Static Page) seperti "About" (Tentang), "Sitemap" (Daftar Isi), dan "Contact" (Kontak).

3. Cantumkan di Sosial Media

Buatlah akun personal Facebook, Fans Page, Twitter, Pinterest, LinkedIn, Google Plus, Page Google Plus, dan masukkan link blog Anda ke semua media sosial tersebut. 

Disarankan, "username" dan "display name"-nya sama atau mirip dengan nama blog  

"Having a consistent keyword-username on all major social media sites will help get your blog indexed faster, and at a later stage it will also help build a “brand” for your blog." (Wikihow)

4. Daftarkan blog Anda ke mesin pencari!

Daftarkan URL blog yang baru dibuat itu ke tiga mesin pencari terpopuler: Google, Yahoo, dan Bing. Caranya? Buka ini: How to Submit Your Site to Search Engines

5. Manfaatkan Google Webmaster Tools

Buka Google Webmaster Tools dan daftarkan blog Anda, "Submit Sitemap", lalu teruskan dengan Google Analytic, Google Authorship, juga Google Richsnippets. 

Demikian beberapa Tips Agar Blog Cepat Diindeks Google. Akan lebih baik lagi jika blog menggunakan Template Blog SEO Friendly dan User Friendly. [copas]

Read More

Membuat Streaming Radio Gratis

Selamat pagi sobat blogger, kali ini saya akan membuat artikel tentang membuat radio online atau streaming radio gratis dengan memamfaatkan layanan Free shoutcast hosting. Banyak sekali penyedia layanan web hosting yang memberikan layanan gratis.

Diantaranya adalah freestreamhosting.org dan listen2myradio.com mereka memberikan layanan gratis untuk membuat radio online. Layanan gratis ini bisa kita gunakan untuk membuat radio online sendiri. Jadi langsung saja kita praktekan cara membuat radio online gratis ini.

1. Dalam tulisan ini saya akan menggunakan layanan gratis dari listen2myradio.com oleh karena itu silahkan anda register terlebih dahulu di website tersebut. (klik Sign up ).
2. Isi semua data yang ada disana kemudian klik Sign up , e-mail notifikasi akan dikirim ke alamat e-mail yang anda masukan silahkan buka e-mail anda, kemudian klik link untuk verifikasi akun anda.
3. Jika sudah berhasil “successful registered you can login now ” maka silahkan anda login untuk mesuk ke panel akun anda.(klik Login).
4. Setelah login akan tampil seperti gambar dibawah ini :

 

Anda akan menemukan tulisan “ERROR !! your server subdomain is inactive : please click on >> radio installation here” silahkan adan klik setelah anda klik lihat bagian bawah kita diminta untuk mengisi data radio online sepertibroadcaster password, admin password, radio name,radio url, Silahkan diisi sampai selesai pastikan radioURL belum ada yang menggunakan. ( Klik Install )

Setelah selesai kita klik ketahap selanjutnya yaitu pemilihan ServerUK (United Kingdom),

DE (Germany),

US (United States) ,

CA (Canada) . 

Silahkan dipilih saja server yang kita inginkan misal kita pilih server US. ( tunggu beberapa saat sampai proses pemilihan server selesai ).

Setelah selesai maka kita akan mendapakan informasi tentang server radio kita seperti dibawah ini: your username: username anda

your email: ndroe@xxxx.com

Stream status : on

radio URL: http://ndroe.listen2myradio.com

address to broadcast: 78.159.97.251:35083

IP: 78.159.97.251 Port: 35083

Data di atas dibutuhkan untuk setting plugimon SHOUT CAST pada winamp nantinya, cari sendiri yah! mager nyarinya. :p . Selesai sudah tahap pembuatan server radio online.

Tahap selanjutnya adalah setting Winamp di komputer kita supaya bisa terhubung keserver tadi. Nah di postingan selanjutnya akan saya bahas bagaimana mensettingshoutcast pada winamp..hehe [copas]

Read More