Tampilkan postingan dengan label blog tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label blog tutorial. Tampilkan semua postingan

Senin, 09 Agustus 2010

Tutorial menghilangkan salah satu widget sidebar di home page

Sebelumnya telah ditulis bagaimana trik untuk menghilangkan widget posting pada home page di blogger. Rupanya muncul pertanyaan baru yaitu “ bagaimana jika yang dihilangkan itu adalah salah satu widget sidebar, jadi widget sidebar yang dihilangkan tidak akan muncul pada halaman depan alias home page, namun akan muncul pada halaman single post”.

Emang bisa? jawabannya adalah bisa, dan caranyapun cukup sederhana. Trik seperti ini biasanya diterapkan agar blog lebih terlihat atraktif dan banyak yang berasumsi lebih menarik daripada yang biasanya.

Sebelum masuk ke tutorial menghilangkan Tutorial menghilangkan salah satu widget sidebar di home page, ada baiknya kita samakan duhulu persepsi tentang bahasa yang kang Rohman pergunakan yaitu tentang Home Page dan Single Post.

Home page yang dimaksud adalah halaman depan dari suatu blog, misal blog kang Rohman alamat homepage nya adalah http://kolom-tutorial.blogspot.com. Untuk melihat ini, anda harus memperhatikan alamat yang tertera pada address bar browser internet anda.

home page kolomtutorial

Sedangkan yang dimaksud sebagai single post adalah halaman penuh dari suatu artikel. Hal ini apabila anda membaca suatu artikel secara penuh, caranya adalah dengan klik pada judul artikel tersebut atau dengan klik link baca selengkapnya atau ada juga yang menggunakan kata read more. alamat single post merupakan paduan dari alamat home page dengan judul arikel. Berikut contoh gambar dari alamat URL single post :

single post kolom tutorial

Nah, sekarang sudah sepakat dong dengan bahasa yang kang Rohman gunakan? mari langsung ke topik utama.

Langkah pertama yang harus anda lakukan adalah mengidentifikasi widget sidebar yang ingin dihilangkan dari home page. Metode yang dipakai adalah mengenali dri judul sidebar itu sendiri. Coba lakukan hal berikut :

Mengenali Widget Sidebar dari Judul Sidebar

Cara mudah mengenali widget sidebar yang mau di hilangkan dari home page menurut kang Rohman adalah dari Judul sidebar. Dari situ maka akan di ketahui ID dari widget tersebut. Berikut langkahnya :

  • Silahkan login ke blogger dengan ID anda.
  • Klik Rancangan.

    rancangan di blogger

  • Klik tab Edit HTML.

    Edit HTML di blogger

  • Carilah kode yang mirip-mirip seperti ini :


    <b:widget id='HTML6' locked='false' title='Tentang Kami' type='HTML'/>
    <b:widget id='HTML9' locked='false' title='Langganan Template Via Email' type='HTML'/>
    <b:widget id='HTML5' locked='false' title='Langgan artikel  Via Email' type='HTML'/>

  • Setiap blog pasti berbeda kodenya, makanya kang Rohman tulis yang mirip dengan kode diatas. Copy kode tadi pada pada note pad atau sejenisnya.

Dari contoh diatas, blog kang Rohman mempunyai 3 widget, dan yang penting harus anda perhatikan adalah yang tercetak merah  dan orange yaitu :

  • HTML6   -    'Tentang Kami
  • HTML9   -    Langganan Template Via Email
  • HTML5   -   Langgan artikel  Via Email

Yang dicetak merah adalah ID dari widget sidebar dan yang dicetak orange adalah judul widget atau judul yang ada di sidebar. Dari sini tentunya kita sudah bisa mengetahui ID dari masing-masing widget yang ada, dan langkah selanjutnya adalah widget mana yang di inginkan agar di halaman home page tidak muncul, namun pada halaman single post widget tersebut bisa muncul.

Agar tutorial ini tidak buntu, Okelah kalau begitu kita ambil contoh untuk ID ini :

HTML6

Karena ini adalah sebuah ID, di dalam kode CSS nanti hanya perlu ditambahkan tanda pagar ( # ) di depannya, sehingga menjadi seperti ini :

#HTML6

 

Membuat kode CSS

Kode CSS dasar untuk membuat sebuah ID jangan dI munculkan dalam sebuah halaman web adalah seperti ini :

#ID {display:none}

Karena ID nya tadi sudah di ketahui yaitu #HTML6, maka kodenya menjadi seperti ini :

#HTML6 {display:none}

 

Yang menjadi masalah adalah kita tidak ingin widget tersebut secara permanen tidak di tampilkan, tapi hanya di home page saja, sedangkan di halaman single post bisa muncul. Solusi dari ini adalah menggunakan fungsi if condition di blogger.

Fungsi CSS menggunakan If Condition

Metode yang akan di gunakan pada tutorial kali ini adalah penggunaan CSS dengan fungsi if condition. Kode untuk menampilkan suatu widget sidebar hanya tampil pada single post adalah sebagai berikut :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>


Karena tadi ID nya sudah didapatkan yaitu #HTML6 ( hanya contoh ), maka kodenya menjadi seperti ini :



<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#HTML6{display:none}
</b:if>
</style>


Dimana menempatkan kode tersebut? anda bisa menyimpannya dibawah kode ]]></b:skin> atau diatas kode </head>



Masih belum paham? berikut cara pemasangan lengkapnya :




  • Silahkan login ke blogger dengan ID anda.


  • Klik Rancangan.


  • Klik tab Edit HTML.


  • Cari kode ]]></b:skin>


  • Copy lalu paste kode berikut di bawah kode ]]></b:skin> ( ingat! ID nya harus anda ganti sesuai dengan template blog anda )

    <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    #ID{display:none}
    </b:if>
    </style>



  • Klik tombol SIMPAN SETELAN.


  • Selesai. Silahkan lihat hasilnya.



Dari perjalanan panjang anda membaca dari tulisan atas sampai ke sini, intinya hanyalah memasang kode CSS yag memakai kode if condition  itu saja, tidak ada yang lain Winking.



Namun, mungkin diantara anda ada yang bertanya secara terbalik, bagaimana menampilkan suatu widget sidebar hanya di home page saja, sedangkan di halaman single post widget tersebut tidak muncul ( hilang ) ?



Jawabannya sangat-sangat sederhana, perhatikan kode berikut :



<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>


Anda hanya perlu mengganti tanda seru ( ! ) yang kang Rohman cetak merah dengan tanda sama dengan  ( = ), maka fungsi kode tersebut akan bersifat terbalik.



<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>


Hanya itu!



Selamat ber lelah ria!

Jumat, 06 Agustus 2010

Buat Halaman Intro Di blogger

Ada beberapa orang yang menanyakan ke Kang Rohman, bisakah di blogger membuat halaman intro seperti pada website-website tertentu? jawabannya mungkin bisa saja kali, cuma terus terang kang Rohman belum pernah mencobanya.

Apa yang dimaksud intro disini? mungkin yang dimaksud oleh si penanya adalah pada website-website tertentu, apabila website tersebut dikunjungi tidak langsung ke halaman utama, namun terlebih dahulu disuguhkan oleh sebuah halaman yang umumnya adalah ucapan selamat datang atau navigasi, ada juga yang berupa gambar animasi ataupun dalam bentuk flash.

Secara umum, blog diblogger agak sulit untuk membuat halaman intro, namun bukan berarti tidak mungkin. Terkait masalah intro ini, pernah juga beberapa blogger membahasnya, antara lain adalah teman kang Rohman yaitu Kang Jaloe, dalam blognya diterangkan bagaimana mengakali agar diblogger bisa dibuat sebuah intro.

Tertarik akan topik ini, kang Rohman mencoba untuk membuat sebuah halaman intro yang bisa dipakai di blogger. Dengan bermodalkan sebuah script iklan dari dynamicdrive, dan tentu saja terjadi modifikasi dibeberapa titik, akhirnya halaman yang mirip intro bisa juga dibuat. Yang penasaran mungkin bisa melihat halaman demonya disini.

Jika sesuai skenario, pada halaman tersebut anda disuguhi sebuah halaman intro berupa ucapan selamat datang dan sebuah animasi gif dari winnie the pooh, dan untuk melihat halaman asli dari blog tersebut anda bisa klik tulisan “Go to Homepage” atau pada animasi winnie the pooh nya.

Apabila anda telah masuk ke homepage halaman aslinya, anda tidak akan melihat kembali halaman intro tersebut, dengan kata lain anda tidak akan diganggu lagi oleh kehadirannya. Kapan anda bisa melihat kembali halaman intro tersebut? halaman intro tersebut akan muncul kembali apabila anda menutup browser yang digunakan, kemudian mengunjungi kembali halaman tersebut. Namun efek tersebut berlaku apabila komputer yang anda gunakan tidak mematikan fungsi cookie karena script yang digunakan menggunakan meninggalkan jejak di cookie komputer sebagai pengingat.

Ah kang Rohman terlalu banyak basa basi, langsung ke tutorial pemasangan script tersebut dong? Eith, sabar dulu dong. Kalau orang dewasa bilang perlu foreplay agar terasa lebih nikmat…. upsss itu sih untuk tujuh belas tahun keatas Not worthy

Tapi jika terlalu kepanjangan jadi bosen juga yah, mending langsung aja deh ke tutorial bagaimana cara memasang script intro ke blogger.

Cara Pasang Script Intro Ke blogger

Silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Rancangan.

    rancangan

  3. Klik menu Edit HTML

    edit html

  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

  5. Silahkan cari kode berikut pada template anda :
    ]]></b:skin>



  6. Silahkan copy, lalu paste kode berikut diatas kode ]]></b:skin>

    #intro{
    background:#CAD8C9 url(http://lh6.ggpht.com/_pt7i0nbIOCY/TDVAtE_sRoI/AAAAAAAACtU/vYI1BUEhw0g/latar_thumb%5B2%5D.jpg) repeat-x top left fixed;
    position:fixed;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    z-index:100;
    text-align:center;
    visibility:hidden;
    }
    * html #intro{
    position:absolute;
    width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
    }
    #intro .welcome{
    color: rgb(255, 0, 0);
    font-weight: bold;
    font-style: italic;
    font-size:30px;
    margin-top:10%;
    margin-bottom:1%;
    text-shadow:1px 1px 1px #fff;
    }
    #intro a img{border:none}
    .gohome, .gohome a,.gohome a:visited,.gohome a:active{
    color: rgb(255, 0, 0);
    font-weight: bold;
    font-style: italic;
    margin-top:4%;
    font-size:25px;
    text-shadow:1px 1px 1px #fff
    }
    .gohome a:hover{
    color:#ffffff;
    text-shadow:1px 1px 1px #f00;
    text-decoration:none
    }



  7. Silahkan cari kode berikut pada template anda :
    </head>



  8. Silahkan copy, lalu paste script berikut diatas kode </head>

    <script type='text/javascript'> 
    //<![CDATA[
    /***********************************************
    * Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
    * Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    /*************************************************
    * Blogger intro by http://www.blogspottutorial.com
    **************************************************/
    var persistclose=1
    var startX = 0
    var startY = 0
    var verticalpos="fromtop"
    function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }}return returnvalue;}
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("intro").style.visibility="hidden";}
    function staticbar(){
    barheight=document.getElementById("intro").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY; }
    return el; }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y == (pY + startY - ftlObj.y)/0;}
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y == (pY - startY - ftlObj.y)/0;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10); }
    ftlObj = ml("intro");
    stayTopLeft();}
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    //]]>
    </script>



  9. Cari kode berikut pada template anda <body>


  10. Copy, lalu paste kode berikut dibawah kode <body>

    <div id='intro'><div class='welcome'>Welcome to my blog</div>
    <a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://i234.photobucket.com/albums/ee208/decnote/cute-comment/Cute-hi5-60.gif' title='go to my homepage'/></a>
    <div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>
    </div>



  11. Klik tombol SIMPAN SETELAN.


  12. Silahkan lihat hasilnya. Selesai.



Penjelasan



Script diatas hanyalah sebuah contoh saja, anda dapat berbagai variasi tampilan dengan memodifikasi bagian CSS.



Anda dapat mengubah tulisan yang ada dengan tulisan anda sendiri, selain itu jika anda penggemar flash, tentu saja dapat mengganti gambar animasi gif diatas dengan kode flash yang anda miliki.



Kelebihan Script Intro Blogger



Script ini menggunakan cookie sebagai pengingat, sehingga karekteristiknya hampir mendekati sebuah intro sungguhan seperti pada website-wbsite tertentu.



Kekurangan Script Intro Blogger



Kekurangan yang dirasa cukup mencolok adalah intro ini menggunakan script untuk menutup halaman utama yang dalam kenyataannya halaman blog anda yang lebih dahulu di load daripada script intro yang sedikit lambat untuk di load, sehingga halaman yang terbuka lebih dahulu adalah halaman blog anda kemudian beberapa saat kemudian disusul dengan halaman intro. Ini tentunya terbalik dengan tujuan utama dari sebuah intro.



Walaupun demikian, ini tentunya bisa jadi sebuah ide atau inspirasi bagi anda yang mahir tentang pemrograman untuk menciptakan script intro yang lebih ringan di load ataupun cara-cara lain untuk membuat sebuah halaman intro yang lebih mantap surantap Big Grin.



Akhir Kata



Semua tulisan diatas hanyalah sebuah iseng dari sebuah kesenangan kang Rohman belaka, oleh karenanya tentu banyak kekurangan disana sini yang tentunya anda perlu memaklumi atas kekurangan tersebut.



Source and Credits


Rabu, 04 Agustus 2010

Hilangkan Widget Post di Homepage

Posting ini merupakan sesi dari “Tanya saja!” di kolom tutorial.

Penanya :

kang punten bade tumaros. Gmn caranya supaya ketika orang masuk ke blog kita, yamg pertama dilihat selalu halaman awal/home (biasanya di posting terakhir, kayak di situs2 .com, .net atau apapun juga.
Hatur nuhun

Kang Rohman :

Saya kurang ngerti pertanyaannya. apa yang dimaksud adalah intro, kaya gambar2 flash gitu?

Penanya :

kayaknya bukan intro. Maksud saya ketika pengunjung masuk ke blog saya maka yang pertama kali kebuka itu selalu halaman awal (home), karena setahu saya biasanya yang pertama kali kebuka adalah postingan terakhir. hatur nuhun

Dari keterangan yang kedua, diketahui bahwa yang diinginkan adalah agar halaman posting tidak muncul dihalaman depan alias homepage. Apakah ini bisa diterapkan pada template blogger? jawabannya adalah bisa. Anda hanya cukup menambahkan kode if condition saja.

Teknik yang bisa digunakan bisa dengan if condition pada kode CSS atau bisa juga langsung pada kode HTML.  Sebagai contoh, kang Rohman akan menggunakan teknik if condition pada kode HTML.

Kode widget post, didalam template blogger umumnya adalah seperti berikut :

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

 


Agar widget post atau halaman posting tidak muncul dihalaman depan aka homepage, anda cukup menambahkan kode seperti ini ( warna hijau )


<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Kode yang berwarna hijau adalah agar widget post tidak muncul pada halaman depan saja, namun akan muncul pada halaman single post, kategori, pencarian, arsip dll. Intinya kode tersebut hanya menghilangkan dari halaman depan saja.


Selain kode tersebut, anda juga bisa menggunakan kode berikut (warna hijau) :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

 


Kalau yang ini lebih sedikit ekstrim. Widget post atau halaman posting hanya akan muncul pada halaman single post saja ( halaman apabila posting tersebut dibaca secara keseluruhan atau hanya pada URL posting itu saja ). Jadi, pada halaman lain seperti halaman kategori, halaman arsip, halaman pencarian dan lain-lain tidak akan muncul.


Nah, mau pilih yang mana? silahkan sesuaikan dengan keinginan atau kebutuhan.


Trik menghilangkan Widget post di homepage


Berikut tutorial lengkap bagaimana implementasi penempatan kode diatas :



  1. Silahkan login ke blogger dengan ID anda.

  2. Klik Rancangan

       



  3. Klik menu Edit HTML.



  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.



  5. Carilah kode berikut pada template anda :
    <b:section class='main' id='main' showaddelement='no'> 
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>


  6. Gantilah kode tersebut dengan kode berikut ini :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    </b:if>


  7. Klik tombol SIMPAN TEMPLATE.

  8. Selesai.


Satu yang harus anda ingat yaitu pada halaman depan alias homepage, anda harus memasang link ke postingan yang dimaksud, bisa pada menu navigasi, link disidebar atau dimanapun agar pengunjung bisa mengakses isi postingan anda.


Trik diatas, kang Rohman rasa cocoknya adalah untuk blog yang statis seperti blog jualan atau toko online yang jarang melakukan update post, dan tentunya kurang cocok untuk format blog yang postingannya sering diupdate.


Ada masukan dari anda?

Selasa, 13 Juli 2010

Perbaiki Broken Link Di Blog mu

broken_link Tentu anda sudah mengetahui apa yang disebut dengan Link atau Tautan di dalam website atau blog bukan? dengan Link atau tautan kita bisa menghubungkan atau menyambungkan suatu halaman ke halaman yang lain, atau dari satu website ke website yang lain. Menurut para pakar SEO, link sangat berpengaruh terhadap Serp seperti Google dan lain sebagainya. Banyak webmaster rela mengeluarkan biaya ratusan ribu bahkan sampai jutaan rupiah untuk mendapatkan link dari website yang mempunyai rank yang baik.

Selain itu, anda sudah mendengar bahkan mengetahui istilah Broken Link atau Dead Link bukan? namun jika belum, coba disinggung secara sekilas. Broken Link atau Dead Link yaitu sebuah link yang telah rusak atau sudah mati, atau link yang pernah dibuat terhubung ke halaman web yang sudah tidak ada. Misalkan seperti ini, kang Rohman pernah menerangkan bagaimana cara menyimpan favicon ke yahoo geocities, namun seiring berjalannya waktu, ternyata kini Yahoo Geocities telah ditutup dan sudah tidak ada, maka link yang pernah di buat dalam posting tersebut sudah tidak aktif lagi atau sudah Broken link.

Lagi-lagi menurut para pakat SEO, dengan adanya broken link alias Dead link pada website anda, hal tersebut dapat berakibat buruk. Oleh karenanya anda harus memantau keberadaan Link didalam website atau blog anda tersebut, jika diketahui ada link yang broken a.k.a tautan mati maka segeralah perbaiki broken link tersebut dengan cara mengubah dengan link yang baru atau menjadikannya teks biasa dan bukan sebuah link.



Yang jadi masalah adalah bagaimana memantau broken link sedangkan link yang ada dalam blog jumlahnya sangat banyak dan tersebar didalam postingan yang telah lama?



Ada banyak cara untuk memonitor keberadaan Broken Link diantarnya dengan menggunakan Broken Links Checker atau Dead links checker, menggunakan software Link Checker atau ada juga yang memasang Plugin Link Cheker (untuk wordpress) dan lain sebagainya. Mari dibahas satu persatu.




Online Broken Link Checker Tools


Ada banyak website yang menyediakan layanan gratis Broken Links Checker atau dead links Checker, sebagai contoh adalah layanan dari :




  • http://toolsforest.com

  • http://validator.w3.org

  • http://www.iwebtool.com


Caranya cukup mudah, anda tinggal mengisi form yang ada dengan alamat blog atau website anda, kemudian klik tombol “check” dan secara otomatis link yang ada dalam website anda akan dicek, silahkan lihat hasilnya.

online_broken_links_checker




Broken Links checker Software


Jika anda kurang menyukai online broken links checker, mungkin bisa mencoba software yang di install pada komputer anda. Beberapa software broken links checker yang bisa didapatkan secara gratis diantaranya yaitu :



1. Xenu's Link Sleuth



xenu links checker





2. Free Link Checker



 free link checker

Jika harus memilih diantara kedua software tersebut, kang Rohman lebih memilih menggunakan Xenu's Link Sleuth.






Links Checker Firefox add-ons


Untuk anda pecinta setia Browser internet Firefox, anda bisa menggunakan add-ons links checker.



1. LinkChecker



Dengan Link Checker add-ons ini kita bisa memeriksa status dari link website, apakah masih aktif, di redirect, atau sudah tidak aktif (broken link), namun yang di cek adalah hanya link pada halaman web yang sedang anda buka. Perbedaan status antaar link yang aktif, redirect, atau broken link dibedakan dengan warna pada link yang di cek. untuk mengecek link dalam satu halaman, caranya cukup dengan klik kanan pada halaman web yang anda buka lalu pilih “Check Page Links”.



highliht broken link



Terlihat bahwa link yang broken di highlight dengan warna merah.



Dari hasil analisa, broken link dominan pada link yang terdapat pada kotak komentar postingan yang umurnya telah lama.



2. Pinger



Add-ons Pinger ini cara kerjanya mirip dengan add-ons LinkChecker.




Broken Link Checker Wordpress Plugin


Nah, khusus blog yang menggunakan Wordpress.org alias wordpress self hosted, plugin  Broken Link Checker bisa menjadi alternatif sebagai jalan keluar mengatasi adanya broken link pada blog anda.



Broken link Checker plugin akan selalu memonitor status dari semua links yang ada dan akan melaporkannya langsung di dashbord blog. Jika ada terdapat broken link, plugin Broken link Checker akan memberi alternatif apakah link tersebut akan di buang, di edit atau langsung di jadikan teks biasa.



link checker plugin




Online Broken Links Monitor


Selain cara-cara diatas, ada juga alternatif lain yaitu dengan menggunakan layanan Online broken Links monitor. Prinsip dasarnya yaitu website yang menyediakan layanan online broken links monitor akan mengecek secara rutin kondisi dari keberadaan link pada website yang kita miliki, kemudian melaporkannya ke email yang kita berikan pada saat melakukan pendaptaran terhadap website layanan online broken links monitor. Berikut layanan yang mungkin anda minati :



1. Link Tiger



Pada dasarnya Link Tiger adalah layanan online broken links monitor berbayar. Namun, ada juga pilihan tidak berbayar alias free, akan tetapi tentu saja fasilitas yang akan didapat berbeda dengan yang berbayar.

linktiger Layanan gratis Link Tiger mengijinkan hanya satu website atau blog untuk satu account di link tiger. jumlah link yang akan dicek dibatasi sampai 1000 links. Jika pada blog anda memiliki lebih dari 1000 links, maka links yang selebihnya tidak akan di cek statusnya. Hasil dari scanning terhadap link website anda akan di kirim secara rutin ke email yang di daftaran.



link tiger report



Jika hasil pengecekan dari link tiger sudah ada, tentu saja anda harus sesegera mungkin memperbaiki link yang sudah broken tersebut agar tidak berakibat buruk terhadap kondisi website anda.



2. Link Alarm



Link_Alarm

Link alarm adalah layanan mirip dengan Link Tiger. Pada dasarnya layanan ini dalah berbayar, namun ada juga layanan gratisnya. Untuk layanan gratis, website yang akan dimonitor dibatasi hanya 1 website untuk satu accoung di link alarm.



Namun, jumlah link yang akan dicek hanya sampai 100 links, berbeda dengan link Tiger yang akan mengecek 1000 links.



link_alarm_report



Selain layanan diatas, tentu saja masih terdapat ratusan bahkan mungkin sampai ribuan layanan online untuk mengecek keberadaan broken link. Mana yang anda sukai maka gunakanlah.



Rangkuman



Bila boleh membuat sedikit rangkuman dari tulisan diatas, mungkin berikut adalah point point yang bisa diambil.




  1. Jangan biarkan blog atau website anda memiliki link yang telah mati atau broken link, karena keberadaan broken link bisa mebuat kondisi blog anda buruk dimata Search Engine seperti google, Yahoo, dll.

  2. Ada banyak cara atau layanan untuk mengecek keberadaan Broken link, mana yang anda sukai maka gunakanlah.

  3. Jika anda telah mengetahui bahwa ada broken link pada blog atau website anda, maka segera perbaiki agar kondisi website anda selalu baik.


Anda punya alternatif dalam menganalisa keberadaan broken links? silahkan share disini!

Jumat, 02 Juli 2010

Blogger perkenalkan Blogger Statistik

Sepertinya blogger tidak ingin terlena dalam ketertinggalan dengan para penyedia blog gratis lainnya. Fitur demi fitur telah di rilis dalam waktu beberapa bulan terakhir. Kabar terbaru dari blogger, mereka kini memperkenalkan fitur Blogger Statistik. Sesuai dengan namanya, blogger stats adalah fitur untuk mengetahui statistik dari blog yang kita miliki langsung dari dashboard blog.

Walaupun untuk urusan statistik kita bisa menggunakan pihak lain, katakan saja Google analityc yang notabene masih milik Google, namun tentu saja statistik yang langsung terlihat di dashboard tanpa harus membuka jendela baru akan terasa lebih efisien.

Namun, fitur Blogger Statistik saat ini masih dalam tahap uji coba dan belum tersedia pada dashboard blogger anda. Jika anda ingin mencoba fitur blogger statistik, anda harus login ke blogger draft yang beralamat di http://draft.blogger.com. Silahkan saja login dengan user name serta password yang biasa di gunakan untuk login ke blogger, lalu klik saja Statistik.

 

blogger-statistik

 

Hmmm.. KIra-kira fitur apalagi yang sedang di godok oleh blogger untuk di rilis selanjutnya?

Bravo untuk para pengembang blogger.

Selasa, 27 April 2010

Custom domain blogger dengan Subdomain

Sebagai lanjutan dari artikel sebelumnya tentang Custom Domain di Blogger, pada posting kali ini kang Rohman akan menuliskan tentang Custom domain blogger dengan Subdomain.

Pada umumnya sebuah website bisnis atau toko online adalah bersifat pasif atau jarang sekali dilakukan pembaharuan terhadap konten dari website tersebut, untuk bisa lebih berinteraksi dengan para pelanggannya admin website tersebut biasanya membuat sebuah blog tersendiri dengan menggunakan subdomain dari domain utamanya. Misalkan alamat domainnya seperti ini domainanda.com, maka subdomain yang digunakan adalah blog.domainanda.com.

Untuk contoh kasus diatas, dengan membeli domain yang ada free DNS nya kita bisa membuat berbagai subdomain yang diinginkan serta mesin blog yang digunakan adalah blogger.

Agar lebih mudah dalam pembahasan, kang Rohman menggunakan domain indodesigner.net. Sebagai contoh, alamat sub domain yang akan dibuat adalah blog.indodesigner.net. Langkah yang harus dilakukan adalah terlebih dahulu membuat subdomain pada kontrol panel domain. Berikut langkah-langkahnya :

* Silahkan login ke kontrol panel domain anda, tentunya dengan username serta password yang telah di berikan.

*  Sorot menu Domains kemudian pilih List All Orders.

list all orders

* Klik pada domain yang ingin anda setting untuk custom domain.

domain 

* Klik tab menu DNS, lalu klik tombol Manage DNS, akan muncul halaman baru, kemudian klik tab menu CNAME Records,  lalu klik tombol Add CNAME Record

cname records

* Isi Host Name dengan blog , lalu isi Value dengan ghs.google.com , untuk TTL biarkan saja. Akhiri dengan klik tombol Add Record.

 

blog 

 

* Hasilnya akan seperti ini :

sub domain

* Untuk setting CNAME pada domain telah selesai, langkah selanjutnya adalah setting pada blog anda yang di blogger.

 

Berikut cara setting blog anda yang di blogger

* Silahkan login ke blogger dengan ID anda

* Klik Pengaturan untuk yang mau di custom domain

blog indodesigner

* Klik tab Publikasikan

* Klik Domain Ubahsesuaian

publikasikan

* Klik Beralihlah ke pengaturan lanjut

beralih

* Isilah Domain Anda dengan nama sub domain yang tadi disetting DNS nya, Contoh blog.indodesigner.net. Isilah verifikasi kata yang ada dan akhiri dengan klik tombol SIMPAN SETELAN.

blog indo

* Selesai.

 

Proses Custom domain blogger telah selesai, namun biasanya memerlukan waktu agar blog anda bisa diakses menggunakan domain baru. Proses ini biasanya memakai waktu paling lama 24 jam, namun biasanya dalam 1 jam pun telah selesai, dan blog anda bisa diakses dengan nama subdomain anda.

Pada artikel sebelumnya ada yang bertanya pada kotak komentar apakah untuk setting domain dot info sama atau tidak? tentu saja sama, dan tidak hanya domain dengan ekstensi dot info saja ekstensi yang lainnya seperti .com, .org, .biz, .name serta yang lainnya adalah sama saja. Kang Rohman menggunakan domain .net hanyalah sebagai contoh saja.

Informasi tambahan bahwa anda dapat membuat berbagai nama sub domain pada nama domain anda, idealnya adalah unlimited atau tidak terbatas. dan semua itu bisa untuk menggantikan sub domain blogspot dengan cara seperti yang di contohkan diatas.

Jumat, 16 April 2010

Fitur Pertahankan Widget

Ini bukanlah info fresh dan boleh di katakan sudah basi kali yeh, tapi ternyata masih ada yang menanyakan. Dulu, hal yang paling mengerikan pada saat mengganti template diblogger adalah kehilangan berbagai widget yang telah terpasang pada template sebelumnya. Untuk mengakalinya kang Rohman telah posting sebanyak dua kali tentang bagaimana cara membuat backup data agar ketika mengganti template tidak serta merta kehilangan berbagai widget yang telah terpasang.

Itu semua merupakan cerita masa lalu, sekarang blogger sudah semakin pintar dengan menghadirkan fitur PERTAHANKAN WIDGET.

 

peratahankan-widget

 

Dengan adanya fitur PERTAHANKAN WIDGET maka kita diberikan kemudahan untuk tetap memasang widget yang ada tanpa harus repot-repot membuat backup terlebih dahulu. Jadi sekarang katakanlah bye…bye… repot Wave

Kamis, 08 April 2010

Script Anti Iframe

Dulu, kang Rohman pernah menulis tentang Iframe pada artikel Mengenal perintah IFRAME, dengan iframe kita bisa menampilkan isi dari website yang lain didalam website atau blog milik kita. Ini tentunya bisa menguntungkan bagi yang memasang iframe, namun sebaliknya bagi pemilik website yang dipasang iframe sangat merugikan karena tidak mendapatkan jumlah kunjungan yang sebenarnya dan dapat mengambil jatah bandwidth website tersebut ( apabila hosting sendiri).

Untuk yang blognya di host di blogger tentu tidak ada masalah karena bandwidth blogger boleh di katakan tidak terbatas, namun bagi yang sewa hosting sendiri ini sangatlah merugikan. Walaupun demikian untuk pengguna blogger juga dirasa sedikit kurang menguntungkan karena mendapatkan sebuah kunjungan palsu.  Bagaimana cara untuk menghindari agar orang lain tidak bisa memasang iframe untuk blog kita? caranya sangat mudah, dengan hanya memasang sebuah script sederhana, anda dapat menghindari pencurian dari kode iframe.

Langkah sederhana yang bisa anda lakukan adalah dengan memasang script berikut pada bagian header template anda.

 

<script type="text/javascript">
<!-- Hide Script
if (top.location != self.location) {
top.location = self.location
}
//End Hide Script-->
</script>


 



atau bisa juga memakai script berikut :



 



<script type="text/javascript">
<!--
if (parent.frames.length > 0) { parent.location.href = location.href; }
-->
</script>


 



Jika script diatas terpasang pada kode template website atau blog anda, maka apabila ada yang memasang iframe terhadap blog anda maka secara otomatis akan di redirect ke website anda.



Bagi yang masih merasa sedikit kebingungan tentang pemasangan script diatas, berikut langkah-langkahnya.



 



Untuk blogger :



 




  • Silahkan login ke blogger dengan ID anda.


  • Klik Tata Letak.


  • Klik tab Edit HTML.


  • Carilah kode </head>


  • Copy paste kode berikut persis diatas kode </head>

     



    <script type="text/javascript">
    <!-- Hide Script
    if (top.location != self.location) {
    top.location = self.location
    }
    //End Hide Script-->
    </script>


     




  • Klik tombol SIMPAN TEMPLATE.


  • Selesai



    Untuk pengguna Wordpress.org, pada theme umumnya ada file yang bernama header.php, bukalah file tersebut lalu cari kode </head>, lalu copy paste script yang tadi tepat diatas kode </head>. Namun, jika anda ingin praktis, anda bisa menggunakan plugin break out of frame.




Selain itu, script anti iframe juga untuk menghindari pemasangan iframe oleh google image ataupun digg, sehingga akan berpeluang mendapatkan jumlah kunjungan yang lebih banyak.



Salah satu contoh website yang mengimplementasikan kode diatas adalah http://fliptextgenerator.com. Untuk membuktikan bahwa script diatas bekerja dengan baik, silahkan anda pasang kode iframe dibawah ini pada sidebar blog anda.



<iframe align="left" frameborder="0" src="http://fliptextgenerator.com" width="200" height="200" scrolling="no"> </iframe>


 



Setelah script diatas dipasang, lalu silahkan buka halaman blog anda dan lihat apa yang terjadi?

Kamis, 25 Maret 2010

Pasang Widget 2 Kolom Di Bawah Posting

Pada posting terdahulu yang berjudul Membuat widget Dibawah Posting telah di tulis bagaimana cara membuat widget di bawah posting pada template blogger, namun pada tutorial tersebut hanya membuat berupa satu kolom saja. Rupanya ada yang penasaran dan menanyakan tentang bagaimana membuat widget dibawah posting agar bisa menjadi dua kolom? Yuk kita bahas.

Prinsip dasar yang harus diingat adalah anda membuat satu kolom utama yang ukuran lebarnya sama dengan lebar kolom posting seperti yang telah di terangkan sebelumnya, kemudian kita membuat lagi dua buah kolom di dalamnya, yang satu diatur agar berada disebelah kiri dan kolom yang satu lagi berada disebelah kanan. Berikut ilustrasinya :

kolom

 

Dari ilustrasi di atas terlihat ada 3 buah kolom, dalam kenyataannya kolom tersebut bisa memakai garis pinggir agar terlihat kolom-kolomnya atau bisa juga tidak ditampilkan sehingga tidak akan terlihat bahwa disitu adalah merupakan gabungan dari 3 buah kolom.

Bagaimana cara mengatur tata letak kolom-kolom tersebut? jawabnya yaitu dengan kode CSS. Dengan CSS kita dapat mengatur semua itu, baik lebar kolom, warna dasar kolom dan lain-lain. Sebagai contoh, kolom utama akan dinamakan .bawahpost kolom kiri akan dinamakan .bawahkiri, kolom kanan akan dinamakan .bawahkanan. CSS class nya akan seperti ini :

 

.bawahpost {     

}

.bawahkiri {

}

.bawahkanan {

}

 

Yang harus anda perhitungkan pertama kali adalah anda harus mengetahui berapa ukuran lebar kolom posting anda, sehingga nanti bisa menentukan berapa lebar kolom kiri serta kolom kanan. Sebagai contoh misalkan kolom posting adalah sebsar 550px, maka kolom kiri dan kanan tinggal di bagi dua, namun anda juga harus memperhitungkan besarnya padding serta margin, maka sebagai contoh kolom kiri akan kita jadikan 265px dan kolom kanan sebesar 265px. Contoh kode CSS nya seperti ini :

 

.bawahpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}

.bawahkiri {
float:left;
width:265px;
margin-right:15px;
}

.bawahkanan {
float:right;
width:265px;
}

 

Untuk contoh kode CSS sudah beres, selanjutnya tinggal kode HTML untuk memanggil fungsi CSS tadi. Karena dalam kode tadi yang dipakai adalah tanda titik ( . ) maka ini adalah fungsi class, sehingga contoh kode HTML nya seperti ini :

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='bawahpost'>

           <div class='bawahkiri'>

            Kode Iklan anda yang ingin ada di sebelah kiri disini

           </div>

          <div class='bawahkanan'>

          Kode Iklan anda yang ingin ada di sebelah kanan disini

           </div>

</div>

</b:if>

 

Sebagai contoh sederhana, berikut cara-cara mengimplementasikan kode diatas pada template anda :

 

* Login ke blogger dengan ID anda

* Klik Tata Letak

* Klik Tab Edit HTML

* Silahkan backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap.

* Klik kotak kecil disamping tulisan Expand Widget Template.

expand

* Carilah kode ]]></b:skin>, lalu copy paste kode di bawah ini persis diatasnya :

 

.bawahpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}

.bawahkiri {
float:left;
width:265px;
margin-right:15px;
}

.bawahkanan {
float:right;
width:265px;
}

 

* Lalu carilah kode berikut :

 

<data:post.body/>

 

* Kemudian copy paste kode di bawah ini persis di bawahnya :

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='bawahpost'>

           <div class='bawahkiri'>

            Kode Iklan anda yang ingin ada di sebelah kiri disini

           </div>

          <div class='bawahkanan'>

          Kode Iklan anda yang ingin ada di sebelah kanan disini

           </div>

</div>

</b:if>

 

* Klik tombol SIMPAN TEMPLATE.

* Selesai.

 

Langkah diatas hanya sebagai contoh, dan mudah-mudahan anda memperoleh sebuah gambaran prinsip dasar. Karena jika anda sudah faham akan prinsip dasarnya, membuat berbagai variasi pun akan sangat mudah. Satu sebagai tambahan, jika anda menginginkan lebar kolom yang leboh dinamis, anda bisa menggunakan satuan persen ( % ) bukan memakai satuan pixel ( px )

Selamat mencoba.

Selasa, 09 Maret 2010

Membuat widget Dibawah Posting

Banyak yang mengirimkan pesan melalui email menanyakan perihal cara membuat widget di bawah posting, semisal untuk memasang iklan google adsense, form berlangganan, Artikel terkait dan lain sebagainya.

Untuk memasang kode google adsense dibawah posting sebenarnya sudah pernah di bahas pada artikel  Pasang Iklan Google Adsense di Bawah Posting, namun karena umur posting tersebut telah lama dan telah banyak perubahan pada template blogger semisal fungsi read more yang telah di dukung oleh blogger, maka sekarang artukel tersebut tidak lagi lagi relevan.

Untuk posting ini, kang Rohman lebih menekankan terhadap bagaimana cara membuat tempat atau kotak di bawah posting agar bisa dipasang berbagai widget yang diinginkan.

widget bawah post

 

Prinsip awal yang perlu di ingat adalah anda harus mengetahui kode posting blogger, dan kodenya adalah sebagai berikut :


<data:post.body/>



 


Secara logika, jika anda ingin menyimpan sesuatu katakanlah Iklan, maka anda tidak usah pusing, simpan saja kode iklannya di bawah kode tadi, misal ilustrasinya seperti ini :


<data:post.body/>


< simpan kode iklan anda disini >




Sangat sederhana bukan? namun itu belum sempurna. Kondisi yang kurang nyaman adalah iklan anda akan muncul setelah posting, namun iklannya akan terlihat juga di halaman depan sehingga pemandangan kurang sedap terhadap blog anda. Solusi yang sederhana adalah anda harus menambahkan sedikit kode tambahan seperti ini :


 


<data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


< simpan kode iklan anda  disini >


</b:if>


 


Kode tambahan yang dicetak hijau akan membuat iklan anda tidak akan muncul di halaman depan dan hanya akan muncul pada halaman penuh artikel saja. Sampai disini sebenarnya sudah selesai, namun untuk menambah keindahan misalkan widget yang dipasang mempunyai warna background atau dengan gambar, maka anda bisa menggunakan kode div class, misal seperti ini :


 


<data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<div class=’bawahpost’>


< simpan kode iklan anda  disini >


</div>


</b:if>



Dari contoh diatas, class yang digunakan di beri nama bawahpost, dari sini kita bisa mengatur berbagai tampilan yang berada diantara div dengan menambahkan berbagai property didalam CSS :


 


.bawahpost{


tambahkan berbagai property disini


}


 


Misalkan tampilan yang diinginkan adalah mempunyai warna latar biru dan pinggirnya mempunyai garis border serta tulisan didalamnya tidak ingin rapat dengan dinding luar, maka contoh CSS yang di buat seperti ini :


 


.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;


}


Kode yang berwarna merah bisa anda kreasikan sesuai dengan imajinasi anda, namun tentu saja anda harus sedikit menguasai dasar-dasar CSS. Lalu dimana kode tersebut disimpan? cara mudah adalah anda meletakkannya di atas kode ]]></b:skin> karena kode tersebut adalah kode penutup CSS pada template blogger.


 

.bawahpost{
    padding:10px;
    margin:10px 0px;
    background:#e1f2ff;
    border:1px solid #ddd;
    line-height:1.6em;
}

]]></b:skin>



Sebagai contoh sederhana, berikut cara-cara mengimplementasikan kode diatas pada template anda :


 


* Login ke blogger dengan ID anda


* Klik Tata Letak


* Klik Tab Edit HTML


* Silahkan backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap.


* Klik kotak kecil disamping tulisan Expand Widget Template.


expand


* Carilah kode ]]></b:skin>, lalu copy paste kode di bawah ini persis diatasnya :


 

.bawahpost{
padding:10px;
margin:10px 0px;
background:#e1f2ff;
border:1px solid #ddd;
line-height:1.6em;
}


* Lalu carilah kode berikut :


 


<data:post.body/>


 


* Kemudian copy paste kode di bawah ini persis di bawahnya :


 


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<div class='bawahpost'>
Bagi yang ingin belajar <strong>PHP / HTML / MySQL</strong> dengan sangat mudah sambil langsung praktek, kang Rohman rekomendasikan anda belajar <a href='http://www.kursus-online.com/?id=rohman' rel='nofollow' target='_blank'><strong>di sini</strong></a> &#160;&#160;<strong>&#171;&#171;</strong>&#160;sok atuh di klik biar situsnya keluar.
</div>
</b:if>


* Klik tombol SIMPAN TEMPLATE.


* Selesai.


 


Langkah diatas hanyalah sebagai contoh saja, kata-kata yang berwarna merah tentu saja bisa diganti sesuai keperluan anda. Hasilnya nanti adalah akan terlihat sebuah kotak berwarna biru pada setiap akhir posting anda.


widget


Hasilnya adalah widget dibawah post satu kolom, jika ingin membuat dua kolom berdampingan diperlukan sedikit variasi pada kode CSS nya. Semoga dapat sedikit difahami.

Minggu, 28 Februari 2010

hati-hati blogger sedang gencar hapus blog

kickass Berita kurang sedap marak terdengar akhir-akhir ini, Blogger sedang gencar menghapus blog, bahkan ada yang sampai akun blog, oleh karena itu berhati-hatilah!

Berita ini bersumber dari beberapa teman kang Rohman yang mengabarkan bahwa blog mereka dihapus oleh blogger, dan beberapa hari yang lalu salah satu blog kang Rohman pun bernasib sama, di hapus Sad. Yang lebih ekstrim lagi ada teman kang Rohman  langsung di hapus akun blognya, yang sangat menyakitkan adalah jumlah blog dalam akun tersebut lebih dari 60 blog dan telah di kelola secara susah payah selama satu tahun lebih, gimana ngga nyesek di dada tuh.

Trus bagaimana cara mengantisipasi agar blog tidak dihapus oleh blogger? sebagai pihak yang menumpang tidak ada cara yang benar-benar ampuh untuk menangkal agar blog tidak dihapus oleh blogger, namun ada beberapa tips yang mungkin bisa dilakukan untuk sedikit mengurangi kemungkinan dihapusnya blog oleh blogger atau sekedar mengurangi dampak fatal setelah di hapus.

 

  • Jangan melakukan hal-hal yang melanggar Term Of service  blogger.
  • Jangan melakukan hal-hal yang nyerempet-nyerempet seperti paid post review,, menjual link,, banner iklan yang terlalu berlebihan ( uppsss.. blog kang Rohman termasuk yang ini kali)
  • Jangan pasang Auto-Blog (blog yang bisa posting secara otomatis).
  • Jangan posting berlebihan sampai beratus-ratus posting dalam sehari.
  • Jangan membuat blog sampai berpuluh-puluh hanya dalam satu account.
  • Pisahkanlah blog yang dirasa sangat penting bagi anda, jadikan ini satu account satu blog jangan sampai dicampur dengan blog-blog yang menurut anda kurang berkualiatas. Sebagai contoh kang Rohman mempunyai 2 blog yang dirasa sangat penting, maka kang Rohman memisahkan keduanya. Jadi seandainya yang satu terkena penghapusan maka yang satu masih selamat. Kalau dua-duanya dihapus ya tinggal sabar kalau itu Big Grin
  • Untuk memisahkan blog yang penting dan  terlanjur bercampur dengan blog-blog lain adalah dengan cara membuat alamat email baru, lalu anda undang email tersebut sebagai author ( login => pengaturan => Izin => Menambah Penulis), kemudian berikan hak yang setara dengan admin sebelumnya, nah jika sudah setara tinggal login ke akun yang baru kemudian hapus tuh admin yang lama. ( bingung? duh kacian dech HypnotizedBig Grin). 

    tambah-penulis

  • Lakukan backup blog secara teratur, ini bisa anda lakukan dengan cara : Login -> Pengaturan - Tab dasar -> Export Blog.  

    eksport blog

  • Jika anda mau menanamkan sedikit modal, sebaiknya gunakan custom domain atau memakai top level domain (TLD) sehingga blog anda bukan lagi beralamat seperti http://contohsaja.blogspot.com, namun akan beralamat seperti http://contohsaja.com, jika alamat anda sudah jadi custom domain dan suatu saat blog anda dihapus blogger, maka anda tinggal membuat blog baru lalu lakukan Import dengan memakai file hasil backup (ingat langkah sebelumnya), kemudian ganti lagi alamatnya dengan dengan domain yang tadi ( ini jurus kucing-kucingan dengan blogger Big Grin). Perlu diketahui bahwa hasil import beda dengan posting baru, jika anda melakukan import maka tanggal posting serta komentar yang ada akan tetap seperti itu.
  • Langkah yang lebih arif yaitu tinggalkan ketergantungan anda dari blogger, silahkan beli hosting yang murah tapi berkualitas lalu pakai mesin Wordpress.org, kemudian import semua data yang ada di blogger ke wordpress anda dan blog anda akan kembali. stttttt… kang Rohman sebentar lagi akan jual domain sama hosting murah tapi kualitas handal lho.

Moga bermanfaat, dan yang terutama di harapkan adalah jangan sampai blog anda di hapus oleg blogger.

Minggu, 21 Februari 2010

Cara atasi Halaman Statis yang Tidak Muncul

Sejak adanya fitur static pages atau halaman statis diblogger.com, ini membuat banyak blogger user merasa gembira akan kehadirannya. Namun belakangan ada beberapa email yang masuk ke kang Rohman menanyakan perihal masalah halaman statis yang tidak bisa muncul, yang muncul hanyalah judulnya saja sedangkan isinya tidak bisa terbuka.

static pages

Dari beberapa kasus yang kang Rohman amati hal ini terjadi apabila template yang digunakan telah dimodifikasi untuk kepentingan membuat daftar isi seperti yang pernah kang Rohman posting 2 tahun yang lalu. Rupanya trik tersebut sekarang konflik dengan static pages yang dibuat oleh blogger. Lalu bagaimana solusinya?

Solusi sementara anda harus memilih antara daftar isi tersebut atau halaman statis? jika pilihan anda adalah halaman statis, maka anda harus menghilangkan modifikasi yang ada dan menggantinya dengan kode default dari blogger.

Apabila anda kesulitan mengembalikan modifikasi yang dulu, anda bisa mencoba langkah-langkah di bawah ini :

• Silahkan login ke blogger dengan ID anda.

• Klik Tata Letak

• Klik tab Edit HTML

• Silahkan download dahulu template anda untuk jaga-jaga.

• Beri tanda tik / cek pada kotak kecil di samping tulisan Expand Template Widget. Tunggu beberapa saat.

expand-template

• Cari kode seperti dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">       <data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>



• Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :



 



<b:include data='post' name='post'/> 


 



• Klik tombol SIMPAN TEMPLATE



• Selesai



 



Sekarang coba buat sebuah halaman statis, lalu lihat hasilnya. Seharusnya kini halaman statis sudah bisa muncul secara normal.