Photobucket

Artikel Terkait Pada sidebar


Membuat artikel terkait pada sidebar cukup membantu pembaca atau pengunjung blog anda untuk mengetahui postingan lain dari blog anda. tertarik? silahkan coba tutorialnya di bawah ini.
    1. Tentunya anda LOGIN ke Blog milik anda
    2. Pilih >>Rancangan>>Edit Html ( beri tanda centang expand widget )
    3. Cari kode </head> untuk memudahkah tekan Ctrl+F
    4. Kemudian letakkan kode dibawah ini sebelum kode </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>


Selanjutnya cari kode di bawah ini:

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>;


Kemudian sisipkan kode berwarna hijau, Seperti contoh di bawah ini :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>


untuk EDIT HTML cukup sampai di situ, silahkan SAVE TEMPLATE anda.

Sekarang kita menuju ke Elemen Laman

Tambahkan Gadget di sidebar Anda
Kemudian pilih HTML/Javascript

Anda cukup copas kode di bawah ini kedalam gadget yang baru Anda pilih tadi :

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>


Simpan , dan lihat hasilnya


Like artikel untuk status FB

Memasang like status FB pada blog anda sekiranya dapat membantu juga untuk mempromosikan blog anda. Dan ternyata cara ini cukup efektif mengingat semaraknya para pengguna jejaring sosial.

berikut caranya.

1. Masuk ke blogger.
2. Pilih menu Rancangan atau dulunya Tata letak, kemudian Edit HTML.
3. Centang Expand Widget Templates.
4. Copas Code berikut di tempat yang anda inginkan

<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55855363d6632d' type='text/javascript'/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp; width=275&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:275px; height:25px;'/>

untuk contoh pada blog ini diteletakan dibawah kode berikut

<b:if cond='data:post.labels'>

Silahkan mencoba dan semoga berhasil.


Membuat Navigasi breadcrumb

Navigasi breadcrumb adalah navigasi sebagai informasi halaman yang sedang di kunjungi, hal ini memudahkan pembaca mengetahui halaman dasar dari artikel yang sedang di kunjungi. biasanya navigasi ini di pasang diatas judul atau di bagian atas posting itu sendiri.


Untuk memasang Navigasi breadcrumb langkah-langkahnya seperti di bawah ini

1. Masuk ke blogger.
2. Pilih menu Rancangan atau dulunya Tata letak, kemudian Edit HTML.
3. Centang Expand Widget Templates.
4. Cari kode berikut.

<b:if cond='data:post.title'>
untuk penempatan di atas judul posting
atau
<div class='post-body entry-content'>
untuk penempatan di atas halaman posting

5.Copas kode berikut di bawahnya.

<b:if cond='data:blog.pageType == "item"'> <a href='Alamat Blog Anda'>Home</a> &#187; <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> &#187; </b:if> <data:post.title/> </b:if>

6.Alamat Blog Anda ganti dengan url blog anda
7.Simpan template.

Selamat mencoba dan semoga berhasil.


Hanya Judul Posting yang tampil pada halaman Label

Dalam membuat posting biasanya kita memberikan nama label. hal ini di samping memudakan untuk mengkategorikan jenis postingan yang di tampilkan. namun lazimnya untuk templates standart biasanya menampilkan keseluruhan dari posting yang yang kita buat dan juga terdapat tulisan entri lawas pada bagian atas halaman.

Hal ini mungkin tidak bermasalah bagi yang masih memiliki posting tidak terlalu banyak. Tapi bayangkan posting yang kita buat sudah mencapai puluhan atau bahkan ratusan lebih, tentu sangat membuat jenuh para pengunjung blog kita terlebih kita sendiri karena kesulitan atau butuh waktu lama untuk mencari artikel yang ingin di bacanya.

Bagi yang ingin tampilan posting yang tampil pada halaman label hanya judul saja, ada beberapa kode yang harus di ganti atau di rubah. berikut selengkapnya

* Login ke Blogger  > Dasbor > Rancangan > Edit HTML
* Centang "Expand Widget Template" (download templates untuk backup jika nanti terjadi kesalahan)
* Berikutnya cari kode di bawah ini

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

* Hapus Kode di atas dan gantikan dengan kode di bawah ini

<b:if cond='data:blog.homepageUrl
    != data:blog.url'>
    <b:if cond='data:blog.pageType != "item"'>
    <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>

* Selesai dan simpan
* Jika Berhasil sebarkan ke sobat bloger yang lainnya, Terimakasih.


Menghapus Tulisan Entri Lawas Pada Blogspot

Bagi pengguna Blogger yang menggunakan pengaturan standart, pada halaman label biasanya menemukan tulisan entri lawas. hal ini mungkin menggangu atau kurang disukai. terlepas dari suka atau tidak suka jika ingin menghilangkannya ada beberapa kode harus dihapus dan diganti dengan kode lain.

Berikut penjelasnnya. :

  • Login pada Blogger
  • Pilih rancangan yang dulunya Tata Letak.
  • Klik pada Edit HTML
  • Centanglah Expand Template Widget.
  • Carilah kode:  <b:includable id='status-message'>

Cat:
-Download Templates untuk back-up jika nanti terjadi kesalahan
-Gunakan (Ctrl + F) untuk memudahkan pencarian, maka akan muncul kotak find.
-ketik kode yang ingin di cari atau copas

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

  • Setelah ketemu kode yang di maksu, kira2 seperti di atas, ganti dengan kode di bawah
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

  • Simpan, dan lihat hasilnya. Selamat mencoba dan semoga berhasil.


Merubah icon blog pada address bar

Bagi anda pengguna blogger tentu icon yang ada pada alamat blog anda adalah logo blogger sperti ini itu memang sudah defaultnya logo yang tersedia pada blogger. adakah cara merubahnya? sampai saat ini blogger belum menyedeiakan fasilitas langsung untuk berubah icon tersebut. namun kita bisa tetap dapat merubahnya dengan merubah atau mengganti sedikit kode HTML pada blog kita. berikut caranya

1. Tentunya terlebih dahulu Anda Login
2. Bila sudah pilih Rancangan dan Eddit HTML
3. Cari kode kurang lebih seperti di bawah ini
<b:include data='blog' name='all-head-content'/>
4. Hapus dan ganti kode di atas dengan yg di bawah ini
<link href='url gambar' rel='shortcut icon'/>
5. ganti yang berwarna Merah dengan URL milik anda
6. Simpan dan lihat hasilnya

Selamat Mencoba Semoga Berhasil Dan Bermanfaat

Baca juga : Cara membuat URL Gambar
                  Gambar Pada Blogspot





Membuat Ricent Post Dengan Fasilitas Feed

Membuat Recent Post sesuai Label atau membuat Recent Post terbaru melalui fasilitas yang telah tersedia pada blogger tak sesulit jika kita membuatnya dengan javascript
adapun fasilitasnya adalah dengan menambahkan Gadget dan memilih Elemen Feed. dengan menggunakan Feed kita hnya perlu menambahkan URL sesuai dengan yang kita inginkan Namun fasilitas ini memiliki kekurangan Karena posting yang ingin kita tampilkan hanya dibatasi 5 post terbaru saja. berikut selengkapnya :


  • Untuk Membuat Recent sesuai Label Masukan kode berikut

http://NamaBlog.com/feeds/posts/default/-/NamaLabel

1. NamaBlog yang berwarna Merah ganti dengan nama blog milik anda
2. NamaLabel yang berwarna Biru ganti dengan NamaLabel milik anda
>>Untuk NamaLabel yang menggunakan spasi penulisannya seperti berikut :
    Nama Blog penulisannya Nama%20Label%20
3. Klik Lanjutkan
4. Tentukan Jumlah post yang akan di tampilkan
5. Simpan dan selesai

  • Untuk Membuat Recent Post Terbaru/Utama/sesuai keinginan
Maksudnya adalah menampilkan Recent Post dengan elemen feed yang dapat meloncat atau mundur urutannya pada postingan yang ke 6,7,8 dan seterusnya dengan caranya dengan merubah parameter atau querinya.

http://NamaBlog.blogspot.com/feeds/posts/default/?start-index=5

1. Yang Berwarna Merah ganti adalah nama blog anda
2. yang berwarna Biru, angka 5 menunjukan awal post yang akan di tampilkan, bisa anda ganti sesuai
    keinginan
3. selebihnya seperti diatas klik Lanjutkan dan Simpan

Selamat mencoba semoga berhasil dan bermanfaat....

Baca juga : Membuat Artikel Terkait pada Sidebar



Artikel Terpopular (Most Popular Post) pada sidebar blogspot

Artikel Terpopular biasa digunakan untuk menampilkan halaman posting yang sering di baca. pada laman ini kita tidak bicara lebih jauh tentang definisi artikel tetapi lebih kepada bagaimana kita menampilkan artikel terpopular pada blogtepatnya pada sidebar.

sebenarnya untuk pengguna blogspot atau blogger sudah tersedia fasilitas untuk menampilkan artikel atau tulisan terpopular akan tetapi hanya di batasi sampai 10 post yang tayang. jadi saya lebih suka menggunakan beberapa kode script. berikut lebih jelasnya

1. Sebelumnya tentu anda login pada blogger
2. Pilih Rancangan, Elemen Laman
3. Pilih Gadget, tipe HTML/JavaScript
4. dan Silahkan CoPas kode di Bawah ini

<script language="javascript">
titlebold=false;
numposts=9999;
maxshowresult=10;
explanation="respon";
home_page="namabloganda.blogspot.com";
</script>
<script src="http://inikah-media.googlecode.com/files/inikahpopular.js">
</script>

Yang berwarna Merah : Ganti dengan nama blog anda
Yang berwarna Biru : Jumlah post yang ditampilkan (bisa di ubah)

5. Simpan, dan lihat hasilnya

Sekian, selamat mencoba, semoga berhasil dan bermanfaat




mengganti tampilan atau template pada blogspot

Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan atau template blog anda. dan bagi yang baru memiliki blog terkadang merasa kurang puas dengan tampilan blog karena biasanya merasa tidak sesuai dengan keinginan. dan tidak ada salahnya mencoba-coba jenis template yang banyak tersedia secara free atau gratis dengan salah satunya adalah btempaltes .namun yang perlu di ketahui jika kita mengganti template dengan template yang sudah tersedia pada blogger meski  tidak terlalu banyak pilihan dan mungkin tidak ada yang sesuai degnan keinginan, mengganti templates dengan yang telah terseida pada blogger memang lebih mudah dan minim resiko dari kesalahan karena tinggal pilih dan simpan. 

bagi anda yang meliki luang waktu berikut adalah cara yang saya ketahui untuk mengaganti tamplate. sebelum mengganti atau merubahnya kita download terlebih dahulu jenis template yang di inginkan. seperti yang saya katakan di awal ada beberapa layanan yang menyediakan jenis-jenis template secara free atau gratis, salah satunya btemplates

pertama, ada buka situ layanannya http://btemplates.com
dan tampilannya kurang lebih seperti di bawah ini
pada sisi kanan kita dapat memilih jenis kolom yang diinginkan sebelum kita memutuskan untuk memlih template yang di download. dan pada bagian bawah templates dapat langsung meng-klik download atau Demo untuk melihat tampilannya detailnya sebelum di putuskan akan di download. setelah yakin pada salah satu template, silahkan download dan sebagai perhatian jangan lupa tempat penyimpanan hasil download template anda.



pada hasil download biasanya berbentuk zip salah satu jenis file dalam bentuk zip seperti di atas. dan itu mungkin berbeda pada tiap komputer. kemudian zip tersebut harus di extract.

selanjutnya langkah-langkah untuk upload hasil download template pada blog.

login ke blogger /blog anda
pilih Rancangan, edit Html
sebelunya download template yang lama sebagai back jika template yang baru tidak jadi di gunakan.
lalu centang "Expand Template Widget"
klik tombol telusur atau browse (untuk mencari template yang baru di download)
pilih jenis filenya xml yang akan di upload ke dalam blog.
kurang seperti gambar berikut

klik tombol unggah atau upload
setelah selesai proses upload sebaiknya pratinjau terlebih dahulu untuk melihat hasil dan memutuskan untuk di saved
jika ingin membatalkan hapus centang "Expand Template Widget"

sampai disini proses untuk mengaganti template, mudah bukan... selamat mencoba dan semoga berhasil




Membuat Blog Di Blogspot

Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web. Media blog pertama kali dipopulerkan 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 sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.

Adapun manfaat dari blog sangat beragam, mulai dari membuat sebuah catatan harian, media publikasi, sampai dengan program-program media dan perusahaan-perusahaan. selain itu blog juga berfungsi sebagai 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 sebaliknya yang bersifat non-interaktif.

Salah satu penyedia blog gratis yang cukup populer saat ini adalah  blogspot atau blogger,  sub domain yang di berikan adalah blogspot, contoh : namablog.blogspot.com dan pada laman ini kita akan membahasw bagai mana memiliki blog melalui blogger.com. namun sebelumnya sekedar mengingatkan untuk memliki sebuah blog kita di wajibkan memiliki alamat email terlebih dahulu.

KLIK DISINI jika belum memiliki alamat email

Selanjutnya untuk mendaftar Silahkan kunjungi situs http://www.blogger.com

akan ada tampilan seperti di bawah ini


Silahkan isi akun dengan alamat email anda (gmail)

dan selanjutnya tampilna seperti di bawah ini

nama-blog

Isi nama judul blog serta alamat blog yang di inginkan. yang perlu di perhatikan adalah dalam membuat alamat blog akan meminta ketersediaan jika alamat yang di ajukan tidak tersedia maka diganti dengan nama lain. dan dalam penamaan alamat blog hendaknya di perhatikan karena bersifat permanen.

setelah berhasil lanjut kelangkah pemilihan template dengan meng-klik tombol "Lanjut" dan tampilan berikutnya seperti ini.

pilih template di blogger

pilih template sesuai keinginan dan kembali klik tombol "Lanjutkan" dan ada tampilan keterangan bahwa blog anda udah jadi

mulai blogging

untuk memulai bloging kili tombol "Mulai blogging"


jika ada yang di posting saved, dan terbitkan entri atau jika tidak ada langsung klik lihat blog di bagain kanan atas.

selesai dan selebihnya ada pelajari untuk membuat tampilan blog sesuai selera



Membuat Read More Secara Manual

Entah ini yang anda cari atau anda hanya sekedar berselancar di dunia maya. yang jelas pada laman ini saya ingin berbagi sedikit yang kiranya semoga bermanfaat untuk anda terutama bagi pemula seperti saya.

langsung saja sesuai topik judul di atas "Membuat Read More Secara Manual". dimana perlua di ketahui juga selain manual Readmore juga dapat dibuat secara otomatis tampil pada halaman posting anda. memang banyak cara untuk mengkreasikan atau sekedar membuat tampilan yang agak menarik bagi blog anda. tentunya sesuai selera masing-masing. yang dalam hal ini membuat tampilan posting anda dengan ReadMore yang agak menarik.

Langkah-langkanya sebagai berikut :
>> Silahkan Login Di Blogger
>> Pilih Rancangan jika ingin menepatkan ReadMora pada Widget HTML
>> Pilih Posting jiak ingin menempatkan ReadMore pada Entri atau Laman
>>Pilih Edit HTML dan Copas code di bawah ini

<div style="text-align: right;">
<a href="ALAMAT BLOG ANDA"><input name="element_counts" type="hidden" value="3" /> <input name="embed" type="hidden" value="forms" /><input type="submit" value="Read More" /></a></div>


Ket :
>> text-align : penempatana readmore (ubah sesuai keinginan : left, center, atau right
>> Alamat blog anda : links yang akan di tuju
>> Selebihnya kreasikan sendiri dan selamat mencoba

oya, jika ada pertanyaan atau ada pernyataan silahkan coment gajah... ups ajah hehehehe... atau klik di menu contact, sebelum dan sesudahnya terima kasih sudah berkunjung.


Blogging Nyok......!

Memasukan gambar pada blog bukanlah hal yang sulit bagi mereka yang suka blogging. tapi bagi yang newbe dan baru memlliki blog tentu bertanya-tanya bagaimana cara memasukan atau memposting tulisan yang disisipi dengan gambar. ada beberapa cara memasukan gambar ke dalam posting yang dalam hal ini adalah posting pada blogspot. yaitu melalui fasilitas yang memang sudah tersedia atau dengan beberapa kode dengan alamat url berikut tahapan caranya

Banyak cara yang dilakukan untuk membuat blog menjadi lebih cantik, diantaranya dengan menambah pernak pernik dan juga dengan mengganti tampilan atau template blog anda. dan bagi yang baru memiliki blog terkadang merasa kurang puas dengan tampilan blog karena biasanya merasa tidak sesuai dengan keinginan. dan tidak ada salahnya mencoba-coba jenis template.

Blog merupakan singkatan dari "web log" adalah bentuk aplikasi web. Media blog pertama kali dipopulerkan 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 sumber terbuka yang diperuntukkan kepada perkembangan para penulis blog tersebut.Adapun manfaat dari blog sangat beragam, mulai dari membuat sebuah catatan harian, media publikasi,
Entah ini yang anda cari atau anda hanya sekedar berselancar di dunia maya. yang jelas pada laman ini saya ingin berbagi sedikit yang kiranya semoga bermanfaat untuk anda terutama bagi pemula seperti saya.sesuai topik judul di atas "Membuat Read More Secara Manual". dimana perlua di ketahui juga selain manual Readmore juga dapat dibuat secara otomatis
Email atau dengan kata lain surat elektronik adalah sarana mengirim surat melalui jaringan komputer. adapun dalam halaman ini saya tidak sedang membahas lebih lanjut mengenai sejarah dan perkembangan penggunaan email. namun laman ini diperuntukan bagi yang benar-benar belum pernah memiliki email


Membuat Email Gmail

Email atau dengan kata lain surat elektronik adalah sarana mengirim surat melalui jaringan komputer. adapun dalam halaman ini saya tidak sedang membahas lebih lanjut mengenai sejarah dan perkembangan penggunaan email. namun laman ini diperuntukan bagi yang benar-benar belum pernah memiliki email dan ingin memiliki alamat email dan tidak tahu atau mungkin sedikit bingung bagaimana cara membuatnya.

Hari gini gak bisa buat email??? ups... gak perlu hawatir... gak masalah selagi ada kemauan dan usaha di situ ada jalan. lebih baik terlambat dari pada tidak bisa sama sekali. untuk memiliki alamat email kita dampat menggunakan Hotmail, Yahoo, Gmail Dll. dan yang menjadi rekomendasi saya adalah pembuatan email dengan Gmail kenapa??? karena selanjutanya yang akan di bahas adalah bagaimana memiliki blog melalui layanan blogspot dan yang kita butuhkan adalah email yang kita buat melalui Gmail

Pertama-tama tentunya ada buka tab baru dan masuk ke situsnya www.gmail.com maka akan ada tampilan seperti di bawah ini.



  • Klik Buat AKUN
  • dan akan ada tampilan seperti di bawah ini



  • Isi dengan lengkap



  • Jika berhasil maka akan ada tampilan seperti di bawah ini



  • Akun anda telah jadi dan anda dapat meng-klik "Tunjukan akkun saya" untuk masuk kehalaman email ada pada gmail. 

Cukup sekian tips berbagi dari saya semoga bermanfaat. selanjutnya klik disini untuk membuat alamat blog dengan mengunakan aku gmail anda




Gambar pada blogspot

Memasukan gambar pada blog bukanlah hal yang sulit bagi mereka yang suka blogging. tapi bagi yang newbe dan baru memlliki blog tentu bertanya-tanya bagaimana cara memasukan atau memposting tulisan yang disisipi dengan gambar. ada beberapa cara memasukan gambar ke dalam posting yang dalam hal ini adalah posting pada blogspot. yaitu melalui fasilitas yang memang sudah tersedia atau dengan beberapa kode dengan alamat url berikut tahapan caranya


1. Melalui fasilitas blogspot
  • tentunya ada login ke blogger
  • pilih Posting dan Entri Baru
  • pilih icon insert image, perhatikan gambar di bawah ini

  • klik simbol atau icon yang di tunjukan anak panah
  • dan tampilan selanjutnya seperti di bawah ini


  • sebelah kiri pada browser atau penelusuran untuk memasukan gambar yang tersimpan di file komputer
  • sebelah kata pada kotak url untuk memasukan gambar dengan  alamat url
  • bagian bawah pilihan untuk menentukan letak gambar dan ukuran gambar, selanjutnya pilih unggah atau upload

  • setelah proses unggah selesai akan muncul jendela tampilan seperti diatas
  • pilih selesai, dan lihat hasilnya

2. Dengan Alamat URL
  • untuk alamat url ini cukup dengan copas kode di bawah
  • bisa di tempatkan pada halaman posting atau memilih widget bertipe HTML


<div class="separator" style="clear: both; text-align: center;"><img src="http://img51.imageshack.us/img51/3548/goodpromosi.gif" /></div>

  • yang berwarna merah ganti dengan url anda
  • center adalah letak posisi gambar. bisa di ganti sesuai keinginan dengan left atau right
  • selamat mencoba semoga berhasil dan terima kasih telah berkunjung

Baca Juga : Url Gambar
                   icon Blogspot




Artikel atau Tulisan Terkait Pada Sidebar

Pada Awal memiliki Blog saya kurang membutuhkan Tampilan Artikel terkait. tapi seiring berjalannya waktu setelah beberapa posting saya buat baru lah terpikirkan untuk membuatnya. hingga saat sedang berpetualang saya nyasar di blognya Mas Doyok hingga akhirnya saya terhasut untuk mencobanya. berikut dampak positif mampir di blognya beliau :

Sebelumnya sedikit menerangkan artikel atau tulisan terkait, adalah hal yang mempermudah pembaca untuk melihat tulisan lainnya yang sekiranya terkait, ada beberapa cara untuk menampilakannya salah satunya adalah sebagai berikut :

1. Masuk ke blogger
2. Pilih Rancangan
3. Edit HTML, ( beri tanda centang expand widget )
4. Cari kode </head> (letakkan kode dibawah ini sebelum kode </head>)

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Selanjutnya Cari KOde kurang lebih seperti di bawah ini:

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if></span>
</div>
</b:if>

Dan sisipkan dengan kode berwarnan Merah (lihat di bawah ini)

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>
</b:loop></b:if></span>
</div>
</b:if>

Simpan template, Jika berhasil langsung aja ke Elemen Laman yang dulunya Tata Letak
Tambahkan Gadget >> pilih HTML/Javascript
Dan Masukan kode di bawah ini :

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Simpan dan Lihat hasilnya.

Catatan: untuk menampilkan Artikel Terkait hanya di laman posting tambahkan kode berikut

<b:if cond='data:blog.pageType == "item"'>
..............................................
</b:if>

contoh pada blog saya seperti berikut :

<b:widget id='HTML4' locked='false' title='Inikah Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Simpan, Selesai, Selamat Mencoba, Semoga Berhasil dan Bermanfaat

Keterangan : 
Jika Cara Di atas Menyulitkan Anda dapat menggunakan Fasilitas yang tersedia di blogger
Klik Disini


URL Gambar untuk posting pada Blogspot

Untuk saat ini banyak penyedia jasa untuk kita mendapatkan URL gambar secara Free alias Gretongan (baca: Gratis). di antaranya adalah pagesgoogle, photobucket, imgsrc.
atau dengan cara copypaste bila ada gambar yang kita sukai pada saat nge-Googling (cat:tapi yang satu ini saya tidak menganjurkannya loch... hehehehe). dari ketiga diatas saya lebih menyukai upload gambar untuk mendapatkan URL gambar melalui photobucket. kenapa???? ya.. karena suka aja.. :)

1. untuk mendapat akses mengupload anda registrasi terlebih dahulu klik disini
2. Klik Sign Up


selanjutnya akan muncul tampilan registrasi seperti di bawah ini, isi dengan lengkap dan klik Sign Me Up atau anda dapat registrasi melalui akun Facebook

3. Jika berhasil, silahkan ikuti instruksi selanjutnya
4. Pilih Upload Now, select photos and videos


5. pilih gambar yang akan di upload dan hasilnya sperti di bawah ini


Direct link : alamt urlnya, klik untuk mencopynya dan paste pada laman posting blog yang anda inginkan

Semoga Bermanfaat....

Baca juga : Gambar pada Blogspot
                  Icon Blogspot