Trik Mendapatkan/Membuat Link Gambar Melalui Blog

Untuk mendapatkan link gambar melalui blog atau upload gambar ke blog ikuti langkah-langkah berikut:
1. Login di blogger
2. Pilih New Post atau Entri Baru
3. Pilih Insert Image pada toolbal
4. Selesai upload pilih imagenya dan klik add select.

 

5. Pilih Mode HTML

6. Cari link tempat tersimpan gamabar yang di upload, terus copy linknya.

7. Selesai. Siapa di distribusikan sesuai keinginan kita.

Selengkapnya - Trik Mendapatkan/Membuat Link Gambar Melalui Blog

Mengganti Icon Pada AdressBar

Sesuatu yang menarik dan cantik tentunya disukai setiap orang, apalagi kalau lelaki mempunyai pacar atau istri  yang cantik dan seksi "~Waw..... beruntung sekali lelaki itu. Ha..ha...~". Begitu juga sebaliknya wanita mempunyai pacar atau suami yang ganteng dan tubuh atletis "Waw... beruntung sekali wanita itu. He...he....". Tetapi walaupun kita mempunyai yang cantik dan ganteng bukan berarti yang jelek diabaikan. Semua yang diciptakan di dunia ini semua sama di mata TUHAN.

Jika kita membuat suatu website atau blog tentunya kita menginginkan blog kita kelihatan menarik saat dikunjungi oleh orang. Nah... berikukut saya akan memberikan satu trik atau Tutorial Mengganti Icon Di AdressBar pada blog kita. Untuk membuat icon adressbar kita membutukan software pembuat icon yang anda bisa download di sini. Setelah di download instal dan ikuti instruksi selanjutnya. Kemudian buat suatu icon dan anda upload file icon ke suatu penyedia jasa atachmant. kalau saya menggunakan site google atau kunjungi Trik Mendapatkan/Membuat Link Gambar Melalui Blog. dan terserah anda mau pakai jasa apa?.

Langkah-langkanya :
1. Login pada blogger
2. Pilih Tata Letak Atau Page Element
3. Pilih Edit HTML (sebelum anda merubahnya silakan bacukup dulu)
4. Cari Kode <b:skin><![CDATA[
5. Letakkan kode html berikut di atas kode pada no.4
 

<link href='https://sites.google.com/site/fangkys/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

NB: Tulisan berwarna merah diganti dengan alamat tempat anda upload file icon.

6. Simpan Template

Setelah langkah di atas coba anda jalankan website atau blog anda, bagaimana hasilnya?. Demikian tips saya mengenai mengganti Icon Pada AdressBar semoga bisa membantu teman-teman.

Selengkapnya - Mengganti Icon Pada AdressBar

Membuat Iklan Dengan Tombol Close

Mungkin anda telah menemukan banyak blog yang menyediakan tentang cara membuat iklan dengan tombol close.  Iklan melayang ini sangat menyebalkan bagi pengunjung blog karena tiap kali kita membuka link untuk membaca artikel lain iklan ini muncul dan harus mengikuti langkah-langkah atau mengkilk tombol close. He..he..he.. menyebalkan bukan?. Trik ini banyak kita temukan di blog-blog sekarang ini dan alasan satu-satunya yaitu agar pemilik blog mendapatkan komisi apabila kita mengklik iklan yang muncul seperti blogku ini terdapat banyak iklan hmmmm...... Tapi tak mengapa karena kita mencoba untuk mendapatkan penghasilan kecil-kecilan dengan mempublikasikan iklan mereka seperti penyedia iklan Adsense yang sangat terkenal sekarang ini, ada juga AdsenseCamp dan KumpulBlogger. Ah... lanjut saja, Cara membuat Iklan dengan tombol close ini saya dapat dari search engine om google dan saya sudah coba berjalan dengan baik. berikut contoh scriptnya.

1. Login di blog anda
2. klik tab "Tata Letak" -->> Tambah Gadget (HTML/JavaScript)
3. Copy Paste code dibawah ini :

<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></div></div>

4. Simpan / save
5. Selesai.

Semoga tutorial iklan melayang dengan tombol close bisa membantu teman-teman bloger seperti pada blogku ini. ~Good luck~

Selengkapnya - Membuat Iklan Dengan Tombol Close

Sejarah Blogger

Sejarah Blogger (Blogspot), Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik, meskipun tidak selamanya demikian. Situs web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik dan tujuan dari si pengguna blog tersebut.

Blog mempunyai fungsi yang sangat beragam, dari sebuah catatan harian, media publikasi dalam sebuah kampanye politik, sampai dengan program-program media dan perusahaan-perusahaan. Sebagian blog dipelihara oleh seorang penulis tunggal, sementara sebagian lainnya oleh beberapa penulis. Banyak juga weblog yang memiliki fasilitas interaksi dengan para pengunjungnya, seperti menggunakan buku tamu dan kolom komentar yang dapat memperkenankan para pengunjungnya untuk meninggalkan komentar atas isi dari tulisan yang dipublikasikan, namun demikian ada juga yang yang sebaliknya atau yang bersifat non-interaktif.

Situs-situs web yang saling berkaitan berkat weblog, atau secara total merupakan kumpulan weblog sering disebut sebagai blogosphere. Bilamana sebuah kumpulan gelombang aktivitas, informasi dan opini yang sangat besar berulang kali muncul untuk beberapa subyek atau sangat kontroversial terjadi dalam blogosphere, maka hal itu sering disebut sebagai blogstorm atau badai blog.

Ada lebih 10 juta blog yang bisa ditemukan di Internet. Dan masih bisa berkembang lagi, karena saat ini ada banyak sekali software, tool dan aplikasi Internet lain yang mempermudah para blogger (sebutan pemilik blog) untuk merawat blognya. Selain merawat dan terus melakukan pembaharuan di blognya, para blogger yang tergolong baru pun masih sering melakukan blogwalking, yaitu aktivitas dimana para blogger meninggalkan link di blog atau situs orang lain seraya memberikan komentar.

Beberapa blogger kini bahkan telah menjadikan blognya sebagai sumber pemasukan utama melalui program periklanan AdSense, posting berbayar, jualan link, afiliasi dan lain-lain. Sehingga kemudian muncullah istilah profesional blogger, atau problogger, orang yang menggantungkan hidupnya hanya dari aktivitas ngeblog. Karena memang faktanya banyak chanel-chanel pendapatan dana baik berupa dolar maupun rupiah dari aktivitas ngeblog ini.

Blogger atau yang sekarang disebut Blogspot sudah tidak asing lagi di kalangan blogger. Penyedia layanan blog gratisan ini adalah perusahaan besar yang menyaingi WordPress sehingga bisa dibilang merupakan penyedia blog gratisan nomor satu paling laris di dunia.

Berikut Sejarah Blogger

Blogger sebenarnya adalah sebuah sistem publikasi blog (blog publishing system) yang pada awalnya dibuat oleh Pyra Labs pada tanggal 23 Agustus 1999 dan merupakan sebuah dedicated blog-publishing tool pertama kali yang diperuntukkan untuk membantu mempopulerkan format tersebut.

Pada bulan Februari 2003, dikarenakan kepopulerannya, akhirnya Pyra Labs diakuisisi oleh Google. Akuisisi ini menyebabkan fitur premium yang sebelumnya dikenakan biaya, kemudian berubah gratis.

Pada tahun 2004, Google mengenalkan layanan barunya “Picasa”, yaitu sebuah aplikasi untuk mengorganisir dan mengedit foto digital. Layanan ini kemudian diintergrasikan dengan utility sharing foto Hello ke dalam layanan Blogger, sehingga memungkinkan seorang pengguna blogger untuk memposting foto-foto mereka ke dalam blog yang dibuatnya.

Pada tanggal 9 Mei 2004, “Blogger” mendesain ulang tampilan utamanya, berbagai perubahan dilakukan di dalam Blogger dengan menambahkan berbagai fitur seperti web standards-compliant template, halaman arsip individu untuk posting, komentar dan posting menggunankan email.

Pada tanggal 14 Agustus2006, “Blogger” meluncurkan rilis terbaru dalam “versi beta” dengan kode “invader”, bersamaan dengan rilis versi Gold. Ini membuat berpindahnya pengguna Blogger ke server Google dan disertai dengan ditambahkannya beberapa “fitur baru” di dalamnya.

Dalam bulan Desember 2006, akhirnya versi terbaru Blogger tersebut tidak lagi dalam “versi beta” dan dalam “bulan Mei 2007″, Blogger telah benar-benar berpindah ke server Google.

 

Demikian sejarah blogspot, semoga bermanfaat. Terima Kasih

Selengkapnya - Sejarah Blogger

Membuat Teks Berjalan/Marquee Dan Berkedip Di Blog

Teks Berjalan/Marquee Dan Berkedip Di Blog berguna untuk menarik perhatian pengunjung blog. Bisa di-isi dengan apa saja sesuai keinginan kita, bisa iklan, tukar link, ataupun informasi mengenai isi blog kita. 

1. Login ke blogger.com
2. Pilih Tata Letak atau Page Elemen 
3. Tambahkan sebuah Elemen Halaman 
4. Pilih HTML/JavaScript -> lalu Copy/Paste code dibawah ini.
5. Simpan

Teks Berjalan

1. Membuat Teks Berjalan Dari Bawah Ke Atas

<marquee onmouseover="this.stop()" align="center" direction="up" width="100%" height="160" scrollamount= "2" onmouseout="this.start()">Contoh tulisan berjalan dari bawah ke atas<br />http://kodeglobal.blogspot.com</marquee>

Contoh tulisan berjalan dari bawah ke atas

2. Membuat Teks Bergerak Dari Kiri Ke Kanan

Tulisan disini akan berjalan

<marquee scrollamount="20"><b>Tulisan disini akan berjalan</b></marquee>

Keterangan :

1. bgcolor="warna" » Untuk mengatur warna background (latar belakang) teks
2. direction="left/right/up/down" » Mengatur arah gerakan teks
3. behavior="scroll/slide/alternate" » Untuk mengatur perilaku gerakan
4. Scroll » teks bergerak berputar
5. Slide » teks bergerak sekali lalu berhenti
6. Alternate » teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
7. title="pesan" » Pesan akan muncul saat mouse berada di atas teks
8. scrollmount="angka" » mengatur kecepatan gerakan, semakin besar angka semakin cepat gerakannya. Bisa diganti antara 1 s/d 10 ( 1 lambat, 2 normal, 3 dstnya makin cepat) Gunakan angka 1/2/3 saja cukup.
9. scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili detik
10. align="center" » maksudnya baris teks letaknya di tengah, bisa diganti Left/Right/Justify

Membuat Teks Berkedip

Conton Teks Berkedip
Untuk contoh scriptnya :

<blink>Conton Teks Berkedip</blink>

Jika ada kekurangan mohon di maafkan, Terimakasi.

Selengkapnya - Membuat Teks Berjalan/Marquee Dan Berkedip Di Blog

Kode Warna HTML

Warna banyak gunanya, apalah artinya hidup tanpa warna, monoton hanya hitam dan putih, semua di dunia ini hanya hitam putih. Kadang kita mengalami kesulitan dalam mencari kode warna sebagai referensi untuk mempercantik tampilan blog kita, misal mengganti warna template, memberi warna-warna pada isi postingan, dllnya. 

Ini sebagian contoh warna-warna solid yang sering dipakai : 

#000000 : black 
#0000ff : blue 
#800080 : purple 
#808000 : olive 
#ffffff : white 
#ff00ff : fuchsia 
#00ffff : aqua 
#008000 : green 
#ff0000 : red 
#008080 : teal 
#808080 : gray 
#ffff00 : yellow 
#800000 : maroon 
#000080 : navy 
#c0c0c0 : silver 
#00ff00 : lime 

untuk melihat langsung bagaimana proses memudakan warna, menuakan warna secara online, kunjungi saja di sini. http://www.colorschemer.com/online.html.

Demikian info dari saya mengenai membuat Kode Warna HTML.

Selengkapnya - Kode Warna HTML

Membuat Artikel Berhubungan Blog

Membuat Artikel Berhubungan pada blog kita sangat bagus bagi pengunjung blog untuk membaca, karena kita telah menyediakan link artikel yang terkait. 

Langkah-langkahnya adalah sebagai berikut:

1.Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Edit HTML
3. Silahkan backup dulu, Beri centang pada kotak 'Expand Template Widget'.
4. Cari kode ini, <data:post.body/>
5. Kemudian copy script di bawah ini dan letakkan di bawah kode tadi.
 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='kotak'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

Apabila kita ingin merubah tampilan Artikel Berhubungan Di Blog, dari contoh diatas kita tambahkan script cssnya.

.kotak{border: 1px solid rgb(192, 192, 192); padding: 5px; background-color: #f0f0f0;-moz-border-radius:5px;margin:5px;}

.kotak .hover{ background-color: rgb(255, 255, 255); }

Langkah-langkahnya adalah sebagai berikut:

1.Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Edit HTML
3. Silahkan backup dulu, Beri centang pada kotak 'Expand Template Widget'.
4. Cari kode ini, ]]></b:skin>
5. Kemudian copy script di atas dan letakkan di atas kode tadi.

Selengkapnya - Membuat Artikel Berhubungan Blog