Home / Tutorial Blog
Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Tuesday, March 26, 2013

Cara Membuat Tombol Back To Top Di Blogger

3 Comments
 

 Tombol Back to Top berguna untuk mempercepat pembaca artikel blog supaya tidak direpotkan dengan scroll keatas.
Mungkin artikel tentang membuat tombol back to top atau kembali keatas ini sudah banyak yah, tapi kali ini admin memutuskan untuk tetap membuat artikel ini, siapa tahu ada sahabat Blogger Rizal yang belum tahu, dan mungkin juga suka dengan tombol yang Blog Rizal sediakan disini.
Contoh demonya itu seperti blog ini nih, sebelah kanan bawah..

Langkah-Langkah Memasang Tombol Back To Top Blogger.

  • Edit HTML Template

    •
  • Centang Expand Template Widget

    •
  • Kemudian carilah kode dibawa, gunakan Ctrl + F supaya lebih cepat.
  •  </body>
  • Untuk tombol warna biru copy paste code dibawah tepat diatas code yang tadi
  •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/backtotop_48x48x32.png?  attredirects=0' style='border: none;'/></a>







  • Untuk tombol warna oranges copy paste code dibawah tepat diatas code yang tadi


    •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top1_48x48x32.png?attredirects=0' style='border: none;'/></a>






  • Untuk tombol warna hijau copy paste code dibawah tepat diatas code yang tadi

    •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top2_48x48x32.png?attredirects=0' style='border: none;'/></a>









  • Untuk tombol warna Coklat copy paste code dibawah tepat diatas code yang tadi


    •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top4_48x48x32.png?attredirects=0' style='border: none;'/></a>

    Notes :

    jika ingin menampilkan tombol Back To Top disebelah kiri , sahabat tinggal ganti right menjadi left
    Selamat Mencoba yah sobat, Salam...

    Friday, March 22, 2013

    Cara Membuat Label Berputar-putar Di Blog

    1 Comment

    Salam blogger semuanya , kali ini mau memberi tips Cara Membuat Label Berputar yang baru di pake sama Blog Rizal tuh =D
    Disini Blog Rizal hanya mengulas ulang, siapa tahu ada sobat blogger yang belum mengerti, ataupun sudah pernah melihat dan ingin mempraktikkan di blog sobat. Dengan menggunakan cara ini tampilan widget label akan lebih ringkas, dan tidak terlihat terlalu panjang ataupun terlalu lebar, karena lebar dan panjangnya bisa sobat sesuaikan sendiri.
    Saya kira cukup sekian saja penjelasan saya, mari kita menuju ke pokok pembahasan yaitu cara membuat label berputar-putar di blog.

    Berikut ini langkah-langkah cara membuat label berputar-putar di blog:
    1. Seperti biasa sobat harus login dulu di akun blog sobat
    2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
    3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
    4. Sobat cari kode berikut:
    • Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
    • Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
    5. Setelah ketemu sobat copy paste code berikut ini tepat di bawah kode yang sobat cari tadi

    Klik show untuk melihat 
    <b:widget id='Label99' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
    <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
    <script type='text/javascript'>
    var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff");
    // uncomment next line to enable transparency
    //so.addParam("wmode", "transparent");
    so.addVariable("tcolor", "0x333333");
    so.addVariable("mode", "tags");
    so.addVariable("distr", "true");
    so.addVariable("tspeed", "100");
    so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
    so.addParam("allowScriptAccess", "always");
    so.write("flashcontent");
    </script>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
    Keterangan: 
    • Kode berwarna kuning adalah lebar widget, bisa sobat sesuaikan sediri.
    • Kode berwarna hijau adalah tinggi widget, bisa sobat sesuaikan sendiri.
    6. Klik save / simpan template
    Catatan:
    Apabila label belum muncul sobat setting secara manual dahulu seperti gambar di bawah ini.
    Sekian dulu pembahasan ini , selamat mencoba dan semoga bermanfaat :) 

    Friday, March 15, 2013

    Simple Dark Responsive HTML5

    1 Comment
    Blog Rizal | Ketemu lagi dengan Blog Rizal sesuai dengan di judul yang diatas tuh Blog Rizal mau berbagi template creator Kang Kapuk , lansung saja di lihat fitur-fitur nya

    Fitur Simple Dark Template Blogspot Responsive HTML5 ini

    1. Template dengan 2 kolom di home, 1 kolom sidebar kanan serta 1 kolom posting di kiri
    2. Tampilan Versi Dekstop, Demo
    3. Tampilan Versi Mobile, Demo
    4. Valid HTML5 pada Home, check http://validator.w3.org/
    5. Template responsive, menyesuaikan dengan segala layar, tidak perlu setting tampilan di Mobile. Check Responsive Test
    6. Ferivikasi di Google Structured Data Testing Tool, Check Rich Snippets Testing Tool
    7. Cross browser : Mozilla Aurora (20.0a2 (en-US) version), Google Chrome (26.0.1386.0 Dev), Opera (Opera 12.12), serta IE9            

    Simple Dark Blogger Template Responsive HTML5
                                                                     DEMO | DOWNLOAD

    Tutorial untuk template ini

    Hanya merubah tulisan warna merah dengan Title Blog sobat.
    
<li>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <h2><a href='/' target='_blank'><strong>Simple Responsive</strong></a></h2>
   <b:else/>
   <h1><a href='/' target='_blank'><strong>Simple Responsive</strong></a></h1>
  </b:if>
</li>

    Wednesday, March 13, 2013

    Download Template Johny Super Prett

    2 Comments
    Blog Rizal | Selamat sore sahabat blogger kali ini Blog Rizal mau berbagi sedikit template dari mastemplate yang mungkin berguna bagi sahabat blogger sekalian , lansung saja nih SS nya

    DEMO    |   DOWNLOAD
    NB : Kelebihan dan Kekurangan blog bisa di rasakan oleh sobat blogger

    Sunday, January 13, 2013

    Hal-Hal Yang Sebaiknya di Hindari Blogger

    Add Comment

    Beberapa Blogger Indonesia Terkena Ban Dan mereka tidak mengetahui kesalahannya
    Kali ini admin arnoldi technology akan memberi tau kenapa bisa kena ban


    1.Jangan  pernah  redirect ke domain  lain (hindari atau kena ban!): melakukan redirect ke  domain  lain  bukan  garansi  100%  akan  terkena  ban.  Tapi  ini tindakan  yang  sering dilakukan  oleh  para  spammer  berhubungan  dengan doorway  page  dan cloaking. Jika mensetup redirect ke domain baru, maka yang dipakai adalah 301 HTTP redirect, bukan 302 atau meta refresh. Ini memberitahukan  search  engine bahwa redirectnya permanent, dan mereka harus mengubah dalam direktorinya ke domain baru tersebut.

    2.Jangan  pernah  link  invisible  image  (hindari  atau  kena  ban!):  invisible  image  adalah image  yang ukurannya  1x1  pixel  dan  tidak  dapat  dilihat  oleh  kasat  mata.  Karena  link memiliki  prioritas  tinggi  dalam  perangkingan  website,  melink  image  yang  tidak  dapat dilihat  oleh  pengunjung  dan  hanya  dilihat 
    oleh  spider.  Jika  search  engine  mengetahui itu, site akan langsung di ban. Jangan link Single Pixel Image – Site akan langsung di Ban. Ini  sama  dengan  hiding  text  atau  menampilkan  content  yang  berbeda  antara  search engine  dengan  pengunjung.  Search  engine  dapat  membaca  CSS  atau    HTML  tag  yang dapat 
    membesarkan  image  size.  Jika  teknik  ini  dilakukan  untuk  mengoptimasi  page, maka akan langsung di ban.

    3.Jangan  sembunyikan  site – site  akan  langsung  kena  ban  (hindari  atau  kena  ban!): search  engine  mengerti  CSS  dan  warna  font  serta  background.  Mereka  juga  mengenali jika  ukuran  font  1x  itu  tidak  mungkin  terbaca  manusia.  Text  yang  tidak  terbaca  oleh  manusia  tapi  tampak  oleh  seach  engine  akan  dianggap  sebagai  spam  dan  langsung  di ban.

    4.Jangan  pakai  doorway  page atau  langsung  kena   ban  (hindari  atau  kena  ban!): doorway  page  didesain  untuk  mengelabui  search  engine  agar  mengira  bahwa site memiliki relevansi dengan keyword tertentu dan page ini hanya ditujukan agar terlihat oleh search engine. Search engine akan langsung memban
    site-site yang menggunakan teknik ini.

    5.Jangan  pernah  menampilkan content  yang  berbeda  antara  spider  dengan pengunjung  (hindari  atau  kena  ban!): ini  sering  disebut  dengan  cloaking  karena  ada usaha untuk menutupi apa yang disampaikan dalam site menjadi sesuatu yang berbeda dan  sangat  mencolok  bagi  search  engine. Search  engine 
    hanya  inin  memberikan informasi  yang  sebenarnya  bagi  konsumennya.  Jika  ditemukan site  yang  dicloaking mereka akan segera menghapusnya dari direktori.

    Tuesday, January 8, 2013

    Kegunaan Nama Domain berdasarkan Inisialnya

    Kegunaan Nama Domain berdasarkan Inisialnya

    Add Comment

    ekstensi-domain-500
    Ketika pertama diciptakan, server menggunakan alamat IP sebagai identitas utamanya. Namun seiring bertambahnya jumlah mesin, timbul masalah tentang bagaimana mengingat alamat IP – alamat IP yang terdiri dari angka-angka yang berderet sedemikian banyaknya. Maka diciptakanlah sistem penamaan  domain yang terdiri dari huruf-huruf yang membentuk kata-kata. Sebab pada dasarnya, ingatan lebih mudah merespon kata-kata daripada angka-angka. Contohnya, anda akan lebih mudah mengingat www.jagoanhosting.com daripada angka-angka 219.83.123.179. Padahal nama domain www.jagoanhosting.com sendiri merupakan masking dari alamat IP tersebut di atas. Nah, inilah kenapa saya pikir penting sekali bagi anda untuk menggunakan ekstensi domain yang sesuai dengan jenis website anda. Yaitu demi membuat website anda jadi lebih gampang diingat. Semoga bermanfaat;-)
    1. Domain .COM
    Domain .com awalnya ditujukan bagi situs-situs komersial. Sebab com sendiri sejarahnya merupakan kependekan dari Commercial. Namun seiring dengan tren yang berkembang, penggunaan .com telah bergeser menjadi sebuah ekstensi wajib yang harus dimiliki oleh bisnis.
    2. Domain .NET
    Domain .net lebih cocok digunakan untuk kepentingan jaringan bisnis, jaringan persaudaraan yang bersifat hi-tech sesuai dengan kepanjangannya sendiri, yaitu Network.
    3. Domain .ORG
    ORG yang identik dengan Organization sudah tentu cocok di gunakan untuk kepentingan organisasi.
    4. Domain .INFO
    Domain .info cocok untuk digunakan oleh website-website yang bersifat informatif.
    5. Domain .BIZ
    Domain .biz sejarahnya diciptakan untuk memenuhi permintaan pasar bisnis yang melewatkan kesempatan untuk menggunakan nama domain .com. Sebab sesuai dengan pengucapannya sendiri yang membentuk kata Business.
    6. Domain .US
    Domain .us merupakan ccTLD (country code Top Level Domain) dari Amerika Serikat (United States). Namun sah-sah saja apabila digunakan sebagai domain hack untuk mengganti kata-kata “kami” atau “kita”. Contohnya: happiness.us, gladness.us.
    7. Domain .ASIA
    Domain .asia terwujud atas permintaan bisnis-bisnis di kawasan Asia-Pasifik. Sesuai namanya sendiri, maka domain ini cocok bagi website-website yang ruang lingkupnya Asia-Pasifik. Atau boleh juga sekedar untuk menunjukkan jati diri sebagai orang Asia.
    8. Domain .NAME
    Meskipun tampaknya tidak lazim, domain .name sepertinya lucu juga bila digunakan untuk mewakili website-website personal.
    9. Domain .IN
    Satu lagi ccTLD yang bebas dijualbelikan ke publik. Kali ini merupakan inisial dari negara India. Seiring dengan pergeseran bahasa Indonesia, dimana alih-alih menggunakan kata perintah “kan”, masyarakat kontemporer seringkali menggantinya dengan kata perintah “in” yang tidak baku. Maka ekstensi .in sangat cocok bila digunakan untuk bermain Domain Hack. Apalagi .in sendiri seringkali membentuk penutup-penutup dari kata-kata. Contohnya doma.in, orig.in, upinip.in, dlsb.
    10. Domain .CO
    Ada satu lagi ccTLD lainnya yang juga bebas dijualbelikan. Yaitu domain .co yang sebenarnya merupakan inisial dari negara Colombia. Ekstensi ini dianggap sebagai salah satu ekstensi yang sangat berpotensi untuk menyaingi popularitas .com. Terutama karena ekstensi ini lebih pendek 1 huruf dari .com.
    11. Domain .ME
    Domain .me menurut saya sangat lucu jika digunakan untuk website-website personal. Karena dia sendiri jika diterjemahkan menunjukkan kata “saya” dalam bahasa Indonesia. Tapi tahukah anda kalau .me merupakan ccTLD dari negara Montenegro?
    12. Domain .TV
    Seperti namanya, domain .tv cocok di gunakan untuk situs-situs pertelevisian, video streaming, dlsb. Kalau domain .TV sendiri merupakan ccTLD dari negara Tuvalu.
    14. Domain .BZ
    Sama seperti .co yang diramalkan jadi calon pengganti .com, maka .bz adalah calon pengganti dari .biz. Ekstensi ini sendiri merupakan ccTLD dari negara Belize.
    15. Domain .WS
    Domain .ws bisa saja diinterpretasikan jadi ‘World Site’ atau ‘Web Site’ sehingga penggunaannya cocok bagi semua tujuan.
    16. Domain .EU
    Jika Asia punya .Asia, maka Uni Eropa punya .eu sebagai ccTLD nya. Domain ini lazim digunakan sebagai Domain Hack, terutama untuk bahasa-bahasa asing seperti Perancis, Jerman, yang seringkali menggabungkan 2 huruf vokal eu di kata-kata. Contohnya cordonbl.eu, pass.eu, monsi.eu, dsb.
    17. Domain .MOBI
    Domain .mobi basanya digunakan untuk versi Mobile dari sebuah website. Coba tebak kenapa.
    Nah bagaimana dengan domain .ID milik kita? Kalau untuk domain Indonesia, sudah ada ketentuan-ketentuan dan aturan-aturan yang sudah paten. Yaitu:
    1. Domain .CO.ID
    Domain .co.id dikhususkan bagi perusahaan – perusahaan yang bisa menunjukkan bukti-bukti legalitas seperti SIUP atau NPWP ditambah Akta Notaris.
    2. Domain .NET.ID
    Domain .net.id juga dikhususkan bagi perusahaan – perusahaan. Namun hanya bagi mereka yang bergerak di bidang telekomunikasi. Sebab untuk aktivasinya sendiri perlu prasyarat berupa Surat Izin Usaha Telekomunikasi (ISP, Telco, Seluler, VSAT, dsb)
    3. Domain .AC.ID
    Domain .ac.id / Academy Indonesia dikhususkan bagi kepentingan akademis setara perguruan tinggi / universitas.
    4. Domain .SCH.ID
    Domain .sch.id merupakan domain yang juga digunakan untuk kepentingan akademis, namun lebih ke tingkat sekolah.
    5. Domain .OR.ID
    Domain .or.id bisa didaftarkan oleh sebuah lembaga organisasi yang memenuhi persyaratan tertentu.
    6. Domain .WEB.ID
    Domain .web.id digunakan untuk Website personal. Persyaratan aktifasinya relatif cukup mudah. Pengguna cukup menunjukkan tanda bukti berupa KTP.
    7. Domain .GO.ID
    Domain .go.id dikhususkan bagi instansi pemerintah / Goverment Indonesia.
    8. Domain .MIL.ID
    Domain .mil.id atau Military Indonesia digunakan oleh instansi pemerintah  yang bersifat militer.

    Thursday, January 3, 2013

    Membuat Kotak Pencari/Search di Blogspot

    Add Comment

    Siang yang cerah, mending saya tulis saja artikel ini walaupun mungkin temen-temen semua sudah tahu semua, Saya yakin temen-temen semua pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.
    Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari. Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?
    Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

    1. Login ke Blogger. Klik menu Design -> Page Elements. Lalu klik pada Add a Gadget.

    2. Klik Add a Gadget -> HTML/Java script


    3. Masukkan kode dibawah ini kedalam kotak dan klik Save
    <p align="left">
    <form id="searchthis" action="ALAMAT URL BLOG/search" style="display:inline;" method="get">
    <strong>NAMA KOTAK<br/></strong>
    <input id="b-query" maxlength="255" name="q" size="20" type="text"/>
    <input id="b-searchbtn" value="Search" type="submit"/>
    </form></p>
    Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://www.rizalcyber4rt.com dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Cari >artikel disini, Cari disini, dan lain-lain.
    4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.
    Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut. Sebagai contoh, saya mengganti "size=30" dan "value=cari" maka hasilnya akan seperti yang dibawah ini.
    Semoga bermanfaat

    Wednesday, January 2, 2013

    Membuat Iklan Melayang dengan Tombol Close

    Add Comment

    Objek melayang atau sering juga di sebut dengan Float Top Bar, sebuah jendela kecil yang muncul dari atas halaman setiap kali kita mengunjungi Website atau Blog. Float Top Bar ini biasanya berisi Content Iklan ataupun sebuah Form SubScribe sehingga pasti terlihat oleh pengunjung Website atau Blog kita. Untuk membuat Iklan melayang seperti ini sangatlah mudah, hanya dengan beberapa langkah, maka Iklan Melayang tersebut sudah bisa terpasang pada Website atau Blog Anda.


     Oke, berikut ini adalah langkah-langkah pembuatannya :
    1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
    2. Masuk ke Tab Tata Letak
    3. Pilih Elemen Halaman
    4. Tambah Gadget Pilih HTML / JAVASCRIPT
    5. Dan copy kode di bawah ini kedalamnya yah
    <a onblur="try {parent.
    deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKYDTWqCkWRopLuAnL1Ze5vt0KA9DG2AfMfNiCwOw1aFjE_M076NVIhrrVJleE6bulSIT-lAnzBsp3cM6UTjJrPVyPA-fAKp2J5jK803C0RIQ7_hOlONaa_w-w8nwRKMmJNW7mcNrP3lI/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKYDTWqCkWRopLuAnL1Ze5vt0KA9DG2AfMfNiCwOw1aFjE_M076NVIhrrVJleE6bulSIT-lAnzBsp3cM6UTjJrPVyPA-fAKp2J5jK803C0RIQ7_hOlONaa_w-w8nwRKMmJNW7mcNrP3lI/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

    <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbcontent{
    float:right;
    border:2px solid #A5BD51;
    background:#ffffff;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    .:[Close][Klik 2x]:.
    </a>
    </div>
    <center>

    Masukan Kode iklan atau Gambar yang anda inginkan di sini

    </center>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></center></div></div>
        6. Simpan
    Untuk tulisan yang berwarna merah, bisa teman-teman ganti dengan kode iklan, gambar ataupun tulisan yang diinginkan, selamat mencoba.

    Semoga bermantaat

    Merubah Warna Link Pada Blogspot

    Add Comment
    Link untuk sebuah blog sangat diperlukan untuk menautkan antara isi blog satu dengan yang lainnya. Pengunjung blog tentu akan lebih tertarik jika link pada blog yang dikunjungi menarik. Mungkin temen-temen tidak menyukai warna link di blog temen-temen dan ingin mengubahnya. Secara default biasanya link ini menggunakan warna standar template yang dipilih dan memunculkan garis bawah ketika kursor menyentuhnya. Jika tidak puas denga pengaturan default ini, kita bisa merubahnya. Dengan satu kali pengaturan, perubahan yang dilakukan telah berlaku untuk semua link yang ada, termasuk link-link baru yang menyusul kemudian.  Nah, berikut langkah-langkah cara mengganti warna link di blogspot :
    1. Login ke Blogger => Rancangan => Edit HTML, kasih centang pada Expand Template Widget;
    2. Cari kode ini a:link { contoh struktur kode yang ada di template blog ini:
      a:link {
      color: #0AF251;
      color:#04B33A;
      text-decoration:none;
      }
    3. Gantilah kode color (warna) sesuai selera Anda;
    4. Save Template, lalu perhatikan apa yang terjadi? selesai.
    Itu tadi adalah penjelasan tentang mengganti warna link dari saya, gampang kan? Oh ya sering-sering aja nanya biar saya nggak pusing-pusing cari materi buat posting blog ini, tapi yang ditanyakan sebaiknya seputar blog ini, kalau diluar itu berarti saya harus googling dulu atau menjawab dengan jawaban "saya tidak tahu", maklum masih belajar juga.
    Semoga bermanfaat

    Membuat Huruf Besar (Drop Cap) pada Awal Postingan

    Add Comment

    Tahukan teman-teman apa itu drop cap? drop caps adalah huruf besar yang ukurangnya mungin 10 kali lipat huruf biasa yang diletakkan di awal artikel. Nah kalau teman-teman semua tertarik untuk membuat nya, saya akan kasih tau tutorialnya. Sebenarnya membuat drop caps ini sangatlah mudah, tapi untuk lebih jelasnya silahkan ikuti langkah-langkah di bawah ini :
    1.   Login ke blogger
    2.   Langsung ke Tata Letak (sekarang design/rancangan)  - Edit HTML
    3.   Cari kode berikut ]]></b:skin>4.   Masukkan kode di bawah ini, di atas ]]></b:skin>
    /* kode untuk huruf awal
    ----------------------------------------------- */
    .awal {
    float:left;
    color: #000000;
    background:#ffffff;
    line-height:80px;
    padding-top:1px;
    padding-right:5px;
    font-family:times;
    font-size:100px;

    5.   Klik Save Template / Simpan
    Untuk menerapkan drop cap ini, setiap posting anda harus lewat Edit HTML, bukan lewat edit HTML di template anda. Ketikkan kode ini dulu <span class="awal">huruf awal</span> Kata huruf awal, ganti dengan huruf pertamamu yang akan kamu posting. Misalnya : <span class="awal">L</span>

    Selamat mencoba

    Friday, December 14, 2012

    CARA MENGGANTI TEMPLATE - MENDESAIN TEMPLATE BLOG

    Add Comment

    Melanjutkan artikel Cara Buat Blog kali ini akan membahas tentang bagaimana cara mengganti Template Blog atau "mengganti desain template blog". Template merupakan desain rangkaian  halaman blog /web beserta seluruh komponennya terdiri dari beberapa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web/blog.

    Nah apa yang anda lihat saat ini di monitor adalah susunan gambar dan tulisan.  Itu yang di namakan template.belum faham juga..!  oke coba perhatikan baik-baik halaman yang sedang anda baca, ini template blog saya.

    Untuk mengganti template sobat tidak usah repot repot membuat template sendiri karna itu membutuhkan keahlian khusus ( bisa anda pelajari kemudian ) namun anda bisa mencarai desain template untuk blog anda yang telah di sediakan oleh blogger. atau anda bisa menggunakan jasa Penyedia template Blog Gratis dengan cara masuk ke Sarch Engine Google dan ketik kata kunci " Template Blog Gratis" atau anda langsung saja klik di sini.

    Selanjutnya anda tinggal memilih template yang anda inginkan karna tersedia banyak sekaliTemplate  kemudian download template yang menurut anda cocok dengan tema blog yang anda kelola saat ini ( file yang anda download biasanya berbenruk Zip/Rar ) jadi anda extrak dulu file tersebut timpa pada my dokumen atau boleh pilih desktop agar mudah menemukan file Template blog nantinya okke...! :-)

    Berikut Langkah-Langkah Mengganti Template Blog atau cara mengganti desain template di blogspot :
    • Login terlebih dahulu ke akun blogger anda
    • klik menu lingkaran hujau tanda panah 1
    • Setelah iitu klik Perancang Template kotak Hijau
      
     

    • Akan tampil halaman seperti gambar di bawah ini silahkan klik Cadangkan/Pulihkanperhatikan tanda panah merah 


    • setelah anda klik Cadangkan/pulihkan maka muncul seperti di bawah ini : 
    • Unduh Template Lengkap : jika anda masih menginginkan template blog yang anda pakai saat ini anda bisa menyimpannya dengan mengklik Unduh Template Lengkap
    • klik Browser Untuk mencari File Template Blog yang sudah anda download sebelumnya

    • ketika anda klik browse maka anda tinggal mencari tempat anda menyimpan File Template Blog bereksistensi XML Dokumen ( sebaiknya anda simpan file template yang anda extrak ke Dextop anda agar mudah menemukannya hmm...seperti yang saya lakukan heheheh...perhatikan ( Gambar-Gambar Cara unggah tempalte Blog  Di bawah ini ) 




     
    Akhirnya template blog  sobat sudah berubah. silahkan ketikkan alamat blog anda pada browser yang anda gunakan Semoga dengan template yang baru ini sobat bisa blogging dengan semangat yang tinggi.sekian dulu dari saya semoga bermanfaat untuk sobat sekalian.Bila ada pertanyaan atau saran,silahkan tulis komentar sobat di bawah.Sampai jumpa di Panduan cara membuat Blog dan aplikasi widget untuk blog anda .

    Terima kasih atas kunjungan anda jika ada pertanyaan silahkan saya tunggu dan siap membantu anda, tanpa di pungut biaya GRATISS BRO sampai jumpa

    Thursday, December 13, 2012

    Cara Membuat Blog di Blogspot – Panduan Bikin Blog Lengkap Mudah Gratis

    Cara Membuat Blog di Blogspot – Panduan Bikin Blog Lengkap Mudah Gratis

    Add Comment

    cara membuat blogSebelum membahas mengenai bagaimana cara membuat blog, ada baiknya jika kita mengerti apa itu definisi atau pengertian blog. Jika ditanya mengenai pengertian blog, setiap orang pasti mempunyai jawaban yang berbeda, meskipun jawabannya berbeda, makna dari jawaban mereka pasti tidak jauh berbeda.

    Definisi Blog

    Menurut Rizal-Cyber4rt, blog adalah sebuah situs website yang memungkinkan penggunanya dapat menuliskan atau memposting berbagai hal sesuai dengan keinginannya dengan mudah, (tanpa harus memiliki pengetahuan html rumit) dan dapat dikomentari oleh pengunjungnya. Dengan urutan tulisan terbalik dimana tulisan terbaru berada di paling atas kemudian diikuti oleh tulisan lama di belakangnya. Pada awalnya blog hanya berisi sebuah catatan pribadi atau diari online pemiliknya, namun dewasa ini topik blog telah berkembang lebih luas sebagai ajang berbagi pengetahuan, seperti pendidikan, kesehatan, teknologi dan lain-lain. Bahkan blog juga telah digunakan untuk sebuah perusahaan sebagai media untuk lebih dekat dengan pelanggan dan mitra bisnisnya. (referensi, wikipedia.com blogger.com)

    Cara Membuat Blog

    Menurut Rizal-cyber4rt, ada dua layanan blogging yang telah diakui kehebatannya oleh para blogger di seluruh dunia. Yaitu Blogspot (blogger.com; sebuah layanan yang dimiliki oleh google) dan WordPress.com. Namun karena judul artikel ini adalah cara membuat blog di blogspot, jadi artikel kali ini akan membahas blogspot saja. Bagi kamu yang ingin membaca panduan wordpress silahkan baca di sini.
    Untuk selanjutnya silahkan ikuti langkah-langkah cara membuat blog lengkap di berikut ini :
    1. Untuk memulai mendaftar blog di blogspot silahkan kunjungi alamat situs  www.blogger.com, setelah itu cari tombol Sign up (daftar) yang ada di pojok kanan atas, seperti gambar di bawah ini
    cara membuat blog
    2. Setelah tombol sign up diklik, nanti akan muncul aplikasi pendaftaran pembuatan akun gooogle, seperti gambar di bawah ini. Silahkan lengkapi aplikasi tersebut. Gambar di bawah ini merupakan contoh pengisiannya.
    Penjelasan pengisian : pada bagian Name, Isi nama  depan dan nama belakang kamu.
    Pada Choose your username,  isi sesuai dengan keinginanmu, username ini nantinya berfungsi sebagai email login untuk akses ke dashboard blogspot kamu dan bisa juga untuk login ke Gmail. (jika username tidak tersedia, tambahka angka atau huruf di belakangnya),
    Pada Create a Password, isi password kamu (gunakan yang mudah diingat), pada Confirm your passwordsilahkan isi dengan password yang sama dengan password pada kolom pada create a possword tadi.
    Pada birth day isi tanggal lahir kamu.  Pada Phone, isi dengan nomor ponsel kamu, untuk Curent your email, dikosongkan saja.  Pada type the two pieces of text, ketikan dua buah teks kode yang ada di atasnya.  Selanjutnya beri tanda centang pada dua kotak kecil di bawahnya, dan yang terakhir Klik pada tombol Next step.
    cara membuat blog
    3. Setelah kamu klik pada tombol next, akan ditampilkan perintah verifikasi akun, silahkan masukan nomor ponsel kamu. Kemudian klik tombool Send Verifikation Code. Nanti kamu akan mendapat sms dari google yang berisi  kode aktifasi.
    cara membuat blog
    4.  SMS kode verifikasi dari google ke ponsel kamu akan tampak seperti gambar di bawah ini.
    cara membuat blog
    5.  Masukkan kode verikasi sms di atas pada kolom yang tampil, seperti gambar di bawah ini. kemudian klik tombol Verify
    cara membuat blog
    6.  Jika langkah sebelumnya berhasil, kamu akan menjumpai halaman seperti gambar di bawah ini. Untuk menambahkan foto silahkan klik add profile photo,  jika ingin langsung ke langkah selanjutnya silahkan klik tombol Next Step.
    cara membuat blog
    7.   Selanjutnya akan tampil halaman seperti gambar di bawah ini. Ini merupakan tanda bahwa kamu telah memiliki sebuah akun google  berupa alamat email yang bisa digunakan untuk login ke Gmail.com danblogger.com, selanjutnya silahkan klik tombol Back to blogger.
    cara membuat blog
    8. Jika melihat halaman seperti gambar di bawah ini abaikan saja , biar lebih cepat dalam membuat blog. SIlahkan klik tombol lanjutkan ke blogger.
    cara membuat blog
    9.   Setelah itu kamu akan masuk ke halaman utama Dashboard blogger. Di dashboard ini kamu bisa membuat blog, menulis posting, mengatur tema dan lain-lain.  Untuk membuat blog pertama kali klik tombol Blog Baru.
    cara membuat blog
    10.  Setelah tombol blog baru diklik, akan muncul  jendela pembuatan blog.  Pada bagian Judul isi  Judul blog kamu, pada bagian Alamat isi dengana alamat blog yang kamu inginkan. Pada template, pilih salah satu template yang kamu inginkan.  Kemudian klik tombol buat blog
    cara membuat blog
    11. Setelah langkah-langkah di atas, blog kamu sudah berhasil di buat.  Untuk menulis posting silahkan klik tombol Pensil, sedangkan untuk melihat tampilan blog yang masuk kosong (belum ada artikelnya) silahkan klik tombol lihat blog.
    cara membuat blog


    Mendaftar Blogger dengan Akun Gmail

    Jika kamu sudah mempunyai alamat email di Gmail.com, kamu tidak perlu mendaftar dari awal… Kamu dapat  langsung memasukkan alamat email gmail dan password kamu, kemudian klik tombol masuk. Selanjutnya kamu tidak perlu mengisi berbagai macam kolom. Kamu hanya perlu masukkan Nama Tampilan dan alamat situs.

    Cara Mengisi Artikel di Blogger pada Tampilan Antarmuka baru

    Belum lama ini Blogger meluncurkan tampilan antar muka pada seluruh bagian Dashboard nya. Mulai dari bagian posting artikel, bagian setting, bagian pengaturan template, bagian komentar, dan lain-lain telah berubah semua. Jadi bagi kamu yang secara otomatis diarahkan ke tampilan antar muka yang baru, silahkan simak panduan cara mengisi artikel pada tampilan antar muka  baru di bawah ini ;
    1. Berikut ini merupakan gambar tampilan antar muka baru halaman dashboard  blogger. Perhatikan gambar di bawah ini, beberapa tombol penting masih diikut sertakan, hanya saja posisinya dirubah sesuai dengan bentuk tampilan baru.  Jadi untuk masuk ke halaman pengisian artikel pada blogspot,  silahkan klik tombol Orange yang ada gambar pensilnya.
    cara mengisi artikel blogspot tampilan antarmuka baru
    2. Setelah itu akan tampil halaman posting seperti gambar di bawah ini. Untuk lebih jelasnya silahkan pahami keterangan pada gambar di bawah ini.
    cara mengisi posting di blogpot baru
    3.  Masukkan judul artikel, isi artikel, dan labelnya pada kolom yang telah disediakan. Sehingga hasilnya seperti contoh di bawah ini. Setelah semua diisi, silahkan klik tombol publikasikan yang berwarna orange.
    contoh isian posting blogspot
    4.  Setelah kamu klik tombol publikasikan, halaman akan berubah seperti gambar di bawah ini.  Jika muncul seperti gambar di bawah ini, berarti artikel kamu sudah berhasil di posting atau diterbitkan.  Untuk melihat artikel yang telah diterbitkan silahkan klik tombol Lihat.  Sedangkan tombol Edit berfungsi untuk menge edit atau merubah artikel kamu. Lalu untuk tombol Hapus berfungsi untuk menghapus artikel.
    Sumber:Ridwanz.com
    Subscribe to: Posts (Atom)