Cara Membuat Tombol Back To Top Di Blogger

Cara Membuat Tombol Back To Top Di Blogger

Tutorial Blog

Unknown 2:52 PM 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...

Cara Membuat Label Berputar-putar Di Blog

Cara Membuat Label Berputar-putar Di Blog

Tutorial Blog

Unknown 5:43 PM 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 :) 

Simple Dark Responsive HTML5

Simple Dark Responsive HTML5

Tutorial Blog

Unknown 8:45 PM 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            

                                                                 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>

Download Template Johny Super Prett

Download Template Johny Super Prett

Tutorial Blog

Unknown 5:28 PM 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

Hal-Hal Yang Sebaiknya di Hindari Blogger

Hal-Hal Yang Sebaiknya di Hindari Blogger

Tutorial Blog

Unknown 11:54 AM 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.

Kegunaan Nama Domain berdasarkan Inisialnya

Kegunaan Nama Domain berdasarkan Inisialnya

Tutorial Blog

Unknown 5:11 PM Add Comment

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.

Membuat Kotak Pencari/Search di Blogspot

Membuat Kotak Pencari/Search di Blogspot

Tutorial Blog

Unknown 10:56 AM 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