Memasukan Script CSS Dengan Mudah



Hai teman, bagaimana kabar anda ? saya do'a kan semoga baik. Pada artikel kali ini saya akan memberikan tips memasukan script CSS dengan mudah. Berikut langkah - langkahnya..

1. Login blogger anda

2. Pilih blog yang dikelola



3. Masuk kehalaman Template



4. Pilih sesuaikan



5. Kemudian pilih Tingkat lanjut



6. Cari menu Tambahkan CSS



7. Masukan script CSS yang akan di masukan


8. Klik Terapkan ke blog






Selesai




Semoga Bermanfaat
Readmore »»  
Tidak ada komentar:

Sejarah Blog



PADA zaman sekarang, istilah "blog" barangkali sudah tidak seasing beberapa dekade lalu. Dekade saat komunikasi antar-kampung dan antar-orang hanya dapat dilakukan melalui berita kawat (telegram) saja. Awalnya, blog hanya digunakan untuk menulis semacam catatan harian (diary) dari seseorang, tetapi perkembangan akses internet dan keterbukaan komunikasi beberapa waktu terakhir telah memperlebar peran dan fungsi blog di jagad maya maupun jagad nyata.

Tidak jarang blog saat ini malah berfungsi melebihi peran jurnalistik cyberspace dan media elektronika lainnya; menyajikan peristiwa secara real-time! Bahkan, beberapa kejadian advokasi rakyat yang menarik di dunia pun diantaranya ditengarai oleh ulah para blogger melalui provokasi di blog mereka. Memang, tak bisa dinafikkan lagi, kini blog telah beranjak "dewasa", dalam pengertian telah mendiversifikasikan peran dan fungsinya dari sekadar media komunikasi yang sangat personal menjadi media massa dengan kekuatan sangat independen. Blog adalah kependekan dari Weblog, istilah yang pertama kali digunakan oleh Jorn Barger pada bulan Desember 1997.

Jorn Barger menggunakan istilah Weblog untuk menyebut kelompok website pribadi yang selalu diupdate secara kontinyu dan berisi link-link ke website lain yang mereka anggap menarik disertai dengan komentar-komentar mereka sendiri. Ada juga yang berpendapat bahwa sebuah Weblog, Web log atau singkatnya Blog, adalah sebuah aplikasi web yang memuat secara periodik tulisan-tulisan (posting) pada sebuah webpage umum. Posting-posting tersebut seringkali dimuat dalam urutan posting secara terbalik, meskipun tidak selamanya demikian.

Situs web semacam itu biasanya dapat diakses oleh semua pengguna internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut. Istilah bagi mereka yang membuat dan mengelola sebuah blog adalah Blogger (istilah lain yang berhubungan dengan Blog bisa dilihat di sini). Nah, Blog adalah cara mudah untuk mengenal kepribadian seseorang Blogger.

Topik-topik apa yang dia sukai dan tidak dia sukai, apa yang dia pikirkan terhadap link-link yang dia pilih, apa tanggapannya pada suatu isu. Seluruhnya biasanya tergambar jelas dari Blog-nya. Karena itu Blog bersifat sangat personal. Roger Yim, seorang kolumnis San Francisco Gate pada artikelnya di Februari 2001, menuliskan bahwa sebuah Blog adalah persilangan antara diary seseorang dan daftar link di Internet.

Sedang Scott Rosenberg dalam kolomnya di majalah online Salon pada May 1999 menyimpulkan bahwa Blog berada pada batasan website yang lebih bernyawa daripada sekedar kumpulan link tapi kurang instrospektif dari sekedar sebuah diary yang disimpan di internet. Media Blog pertama kali di populerkan oleh Blogger.com, yang dimiliki oleh PyraLab sebelum akhirnya PyraLab diakuisi oleh Google.Com pada akhir tahun 2002 yang lalu.

Semenjak itu, banyak terdapat aplikasi-aplikasi yang bersifat Open Source yang di peruntukan kepada perkembangan para Blogger tersebut. Perkembangan lain dari Blog yaitu ketika kemudian Blog bahkan tidak lagi memuat link-link tapi hanya berupa tulisan tentang apa yang seorang Blogger pikirkan, rasakan, hingga apa yang dia lakukan sehari-hari. Blog kemudian juga menjadi Diary Online yang berada di Internet.

Satu-satunya hal yang membedakan Blog dari Diary atau Jurnal yang biasa kita miliki adalah bahwa Blog dibuat untuk dibaca orang lain. Tidak heran jika para Blogger dengan sengaja mendesain Blog-nya dan isinya untuk dinikmati orang lain. Munculnya beberapa penyedia jasa blog yang gratis seperti blogger.com, blogsome.com, blogdrive.com, bblogwise.com, worpress.com, dan sejenisnya, secara simultan telah membengkakkan jumlah para blogger yang meramaikan aktivitas di blogosphere.

Adanya fasilitas pendukung (aksesori) blog seperti kotak pesan (shoutbox) dan Publish Comment sangat berpengaruh pada interaktifitas blogger di dunia blogosphere dan pada gilirannya juga mendongkrak sosialisasi penggunaan blog di seantero dunia. Perkembangan blogosphere dengan segala dinamikanya tentu turut mempengaruhi bentukan komunikasi massa di sekitar kita. Jika di sebagian besar negara-negara maju aktivitas nge-blog bukan lagi sesuatu yang awam, maka perlahan namun pasti, nge-blog juga akan merambah wilayah-wilayah sedang berkembang yang sudah memiliki akses internet memadai.

Melihat kenyataan makin berkembangnya aktivitas nge-blog ini, maka tidak berlebih jika kita mengatakan bahwa dekade 2000-an ini adalah dekade ledakan blogosphere! Meski belum memiliki angka pasti tentang jumlah para blogger, tetapi dengan melihat progressifitas berkembangnya aktivitas nge-blog, kita bisa memprediksi bahwa pada akhirnya nanti, nge-blog bukan saja hanya menjadi sebuah trend cyber-space biasa, melainkan menjadi sebuah kebutuhan untuk bisa eksis!





Semoga Bermanfaat
Readmore »»  
Tidak ada komentar:

Menghilangkan Navbar Pada Template Blogger



Hai teman, apa kabar ?. Kali ini saya akan memberikan artikel tentang menghilangkan navbar(navigation bar) pada blog/template blogger. Cara yang saya berikan ini, tidak perlu menambahkan script CSS ataupun Javascript. Cara yang saya berikan ini hanya perlu menghapus beberapa script. Berikut langkah - langkahnya ..

1. Login blogger anda


2. Masuk kehalaman template



3. Kemudian edit HTML



4. Cari kode <body> atau jika anda menambahkan kode pada kode <body> anda hanya perlu mencari kode <body tidak perlu pakai penutup.


5. Jika sudah ketemu pastikan anda melihat kode dibawah ini dibawah kode <body>

Navbar »
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//www.blogger.com/navbar.g?targetBlogID\0753361744542332461058\46blogName\75SKINBIGERS\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://136-skinbigers.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://136-skinbigers.blogspot.com/\46vt\75-1035529168598669986&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
  </b:section>


6. Jika ada, hapus semua script tersebut

7. Simpan template atau pratinjau

Selesai


Jika masih ada navbarnya gunakan cara yang ini. Pada cara ini anda harus memasukan sedikit script CSS
berikut langkah - langkahnya ..

1. Login blogger anda


2. Masuk kehalaman template



3. Kemudian edit HTML

4. Cari kode ]]></b:skin>

5. Masukan script CSS berikut diatas kode ]]></b:skin>

CSS »
#navbar-iframe {
display: none !important;
}

6. Simpan



Semoga Bermanfaat
Readmore »»  
1 komentar:

Membuat Sitemap Sederhana Otomatis


Hay teman, pada artikel kali ini saya akan memberikan tutorial membuat sitemap / daftar isi blog otomatis sederhana. Jika anda ingin widgets seperti diatas, ikuti langkah demi langkah berikut ini ...

1. Login blogger anda

2. Pilih blog yang dikelola




3. Masuk ke halaman LAMAN




4. Pilh laman Kosong


5. Pada halaman LAMAN Kosong pilih HTML disebelah Compose



6. Masukan script berikut :

Script »
<script
src="http://daftar-isi-sederhana-ala-nukarierly.googlecode.com/files/daftarisisederhana%20scrif%20java%20Ala%20nuko.txt"></script><br
 /> <script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>



7. Publikasikan


Lihat Hasilnya :




Jika ingin menggunakan scroll maka tambahkan script berikut

<div style="overflow:auto; width:100%; height:300px;">
script sitemap disini
</div>

Selengkapnya sbb :

Script »
<div style="overflow:auto; width:100%; height:300px;">
<script
src="http://daftar-isi-sederhana-ala-nukarierly.googlecode.com/files/daftarisisederhana%20scrif%20java%20Ala%20nuko.txt"></script><br
 /> <script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>


Lihat Hasilnya :


Semoga Bermanfaat
Readmore »»  
Tidak ada komentar:

Membuat Sitemap Otomatis Dengan Style


Hay teman, pada artikel kali ini saya akan memberikan tutorial membuat sitemap / daftar isi blog otomatis dengan style CSS dan Javascript. Jika anda ingin widgets seperti diatas, ikuti langkah demi langkah berikut ini ...

1. Login blogger anda

2. Pilih blog yang dikelola



3. Masuk ke halaman LAMAN




4. Pilh laman Kosong


5. Pada halaman LAMAN Kosong pilih HTML disebelah Compose



6. Masukan script berikut :

Script »
<a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link><br />
<br />
<script type="text/javascript"><br />
var showNew    = true,<br />
accToc     = true,<br />
    openNewTab = false,<br />
    maxNew     = 10,<br />
    baru       = "new !!",<br />
    sDownSpeed = 600,<br />
    sUpSpeed   = 600;<br />
</script><br />
<br />
<script src="http://my-project-daftari-isi.googlecode.com/files/daftar-halaman.js" type="text/javascript"></script><br />
<br />
<script src="/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


7. Publikasikan

 accToc = true          = untuk membuat sitemap menjadi buka tutup

openNewTab = true = ketika link di klik maka akan membuka tab baru

maxNew = 10          = jumlah artikel baru yang akan ditampilkan

baru = "new !!"         = tulisan yang akan ditampilkan pada postingan baru

sDownSpeed = 600 = kecepatan saat membuka label

sUpSpeed = 600     = saat menutup label

* jika diganti dengan flase maka akan menjadi kebalikannya

Lihat hasilnya :



Semoga Bermanfaat
Readmore »»  
Tidak ada komentar:

Tips Mempercepat Loading Blog

Hay teman, pada artikel ini saya akan memberikan tips mempercepat loading blog. Agar pengunjung blog anda tidak kesal menunggu blog yang sedang membaca semua script pada blog teman. Berikut tips nya :

- Tampilkan 5-7 postingan dalam satu halaman/page

Agar blog cepat membaca semua artikel yang ada dalam satu halaman.

- Hapus widgets/gadgets yang tidak bermanfaat

Hapuslah widgets atau gadgets yang tidak bermanfaat dan yang menggunakan script css yang berlebihan

- Hindari menyimpan script CSS dan javascript yang berlebihan

Jika anda mencari tutorial yang memberikan script CSS yang banyak. Lebih baik, cari tutorial yang lain saja yang menggunakan script CSS yang lebih sedikit.

- Usahakan menyimpan script javascript sebelum tag </body>

Simpan script javascript didalam tag </body> karena script tersebut akan cepat terbaca atau ter-reload oleh blog.

- Gunakan template dengan ukuran tidak lebih dari 100 KB

Usahakan gunakan template yang berukuran kurang dari 100 KB. Biasanya template yang berukuran lebih 100 KB, di dalamnya akan terdapat script css yang berlebihan dan jika template anda terdapat script jQuery lebih baik hapus script jQuery tersebut.

- Kompress HTML blog

Kompress HTML blog agar blog menjadi lebih ringan.

- Kurangi pemasangan iklan

Kurangilah pemasangan iklan. Karena, ketika blog di refresh blog akan me reload script yang terdapat dari iklan tersebut.

- Usahakan pada background blog jangan memakai gambar cukup dengan warna saja

Pada latar belakang blog usahakan tidak usah memakai gambar. Lebih baik menggunakan background warna agar blog menjadi ringan.


Jika blog anda ingin menjadi ringan, ikutilah tips diatas dan lihat hasilnya.

- Gunakan script lazyload

Gunakan script lazyload agar loading blog semakin cepat (simpan script berikut dibawah tag<head>  :
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/><script charset='utf-8' type='text/javascript'>$(function() {$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});});</script>
* Ingat ! Jika template anda tidak support dengan script lazyload maka yang akan terjadi loading blog anda bukan cepat tetapi kebalikannya malah melambat maka hati-hati dengan script lazyload ini.



Semoga Bermanfaat
Readmore »»  
1 komentar:

Tombol Back To Top Dengan Effect Jquery

Hay teman, apa kabar ? bagaimana dengan blog anda kurang bagus atau sudah bagus. Pada artikel kali ini saya akan memberikan cara membuat tombol back to top dengan effect jquery. Berikut ini langkah-langkahnya :


1. Login blogger anda

2. Pilih blog yang dikelola



3. Masuk ke halaman tata letak



4. Pilih add gadgets/tambah gadgets



5. Kemudian cari HTML/Javascript, lalu klik +



6. Pada konten masukan script berikut :



Keterangan : 
- startline: Integer nilai pixel ke bawah dimana tombol back to top akan dimunculkan. Menambah nilainya berarti tombol akan ditampilkan lebih ke bawah setelah user scroll down. Nilai default di atas adalah 100.
- scrollto: Integer, tujuan scroll setelah tombol diklik. Nilai 0 (dalam pixel) seperti default di atas berarti scroll akan kembali ke bagian paling ujung atas (titik nol). Menambah nilainya berarti akan menurunkan titik tujuan scroll.
- scrollduration: kecepatan/durasi scroll (dalam miliseconds), semakin tinggi nilainya, semakin lambat. Default adalah 1000 (1 detik).
- fadeduration: kecepatan/durasi fading (dalam miliseconds), nilai pertama adalah nilai fade in, yang kedua adalah nilai fade out. Nilai default di atas adalah 500 dan 200.
- offsetx: nilai posisi x tombol back to top (dalam pixel), semakin ditambah semakin menjorok ke dalam. Default 5.
- offsety: nilai posisi y tombol back to top (dalam pixel), semakin ditambah semakin menjorok ke atas. Default 5.
- Pada tulisan yang berwarna merah ganti dengan alamat url gambar anda.
 7. Simpan
Selesai
Semoga Berhasil dan Semoga Bermanfaat
Readmore »»  
Tidak ada komentar:
Langganan: Postingan (Atom)