CARA-CARA MEMODIFIKASI BLOG

1.cara membuat animasi populer post dengan mudah

Design sebuah blog berperan penting dalam memberikan kesan pertama untuk pengunjung. Kesan pertama yang baik akan membuat pengunjung betah dan akan berkunjung kembali.

Nah, sekarang saya ingin berbagi dengan sobat yang ingin membuat populer post yang berupa animasi. Berikut cara membuat animasi populer post dengan mudah.

DEMO

1. Setelah sobat login ke blogger

2. Masuk ke menu Rancangan

3. kemudian sobat klik Add Gadget >> pilihHTML/JavaScript

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnixfDXCqG__3XEYV_Bmg1WlCoV8WE3iC7OcriqcXvjbtVW1rFTAbn8nzbmB7spav9fLusyW_79uGAfs63i4y7H4Kd4PTlgsgSx2Ad7C3eO2jL65Nsf19NKm5wYpB9PQJER1lWPoYbvbA/s320/htmljavascript.png

4. Script berikut :

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[1] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[2] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[3] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[4] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://masterendi.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='http://masterendi.googlecode.com/files/animasi%20recentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://www.masterendi.com/2011/11/bagaimana-cara-membuat-animasi-populer.html" target="_blank">Dapatkan Widget Ini</a></small>

Keterangan :

· Perhatikan kode berwarna merah http://masterendi.com, ganti dengan url blog sobat

· Kemudian warna pink boxwidth = 255; bisa sobat rubah angka lebar sesuai dengan lebar sidebar blog sobat misal 300

· Untuk borderColor = "#232c35"; (warna garis).bgTD = "#000000"; (warna background) bisa diganti dengan warna lain. Kode warna bisa dilihat disini.

5. Pastekan di dalam kotak script tadi

6. SAVE

Demikian cara membuat animasi populer post dengan mudah. Happy blogging..

2.Setting Domain di co.cc

Kendhin

Domain Hosting

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau"http"//namadomain.wordpress.com" (dll) menjadi"http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrolDNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

· Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")

· Untuk option "TTL" biarkan saja, gak perlu dirubah2

· Pada option "Type" pilih yang "CNAME"

· Untuk kolom "Value" isikan "ghs.google.com"

Sehingga akan seperti pada gamabr dibawah ini:

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6oDwATCMMpTNsiHVoYhgB4jmw5IfWzNGB5j5RTtKhhL3gXmsvUoek6p9toRPiIcoyh03PzzsHp-uHHkLaVhQEHeuI9NzODifiMUNIRXw7KW5yAzYOl_wauP_2jZH-DlA8-6bSl3A8dgbD/s320/zonerecord.gif

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

· Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"

· Kemudian pilih "Switch to: • Custom Domain

· Setelah itu klik pada "Already own a domain? Switch to advanced settings"

· Kemudian isikan nama domain kamu yang baru pada kolom"Your Domain".

· Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3.Cara Pasang Flash di Blog

Kendhin

Pernak-Pernik

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

Contoh :

* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

4.Pasang Widget Translator

Kendhin

Pernak-Pernik, Widgets

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

5. Kemudian simpan.

5.Cara Mudah Membuat Banner

Kendhin

Pernak-Pernik

Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Cara membuatnya sangat mudah, yaitu:
1. Buka situs http://cooltext.com
2. Disana nanti akan langsung terpampang macam-macam banner yang disediakan. Kamu tinggal pilih baner yang kamu suka.
3. Setelah itu akan muncul fomr untuk menstting banner yang telah km pilih tadi. Kamu bisa mensetting textnya, warna text, warna background, ukuran, effect, dll.
4. Kalo sudah merasa cocok lalu klik tombol "Rander Logo"
5. Tunggu sebentar sampai proses rendering selesai.
6. Maka bannermu akan langsung jadi, km bisa mengambilnya dengan mengklik link "Download Image". dan simpan banner kamu.
7. Biasanya file bannernya akan berupa file gif.

Setelah km mendapatkan bannernya maka langkah selanjutnya supaya bannernya bisa kamu pasang yaitu dengan menguyplaod file tadi ke webhosting. Kamu bisa menguplaodnya di photobucket.com. disanan nanti kamu akan mendapat link untuk banner kamu.

Trus untuk memasang supaya bisa menjadi seperti yang ada dibawah ini, maka ikutilah langkah TUTORIAL INI

Skrip :

6.Cara Membackup Blog

Kendhin

Pernak-Pernik

Setelah mengalami kejadian hilangya blog yang kemarin itu, ternyata baru tahu betapa pentingnya untuk membackup blog kita. Setelah mutar-mutar akhirnya nemu juga layanan untuk membackup blog kita, yaitu di blogbackuponline. Dengan layanan ini kita bisa dengan mudah membackup blog kita disana secara gratis. Tapi layanan ini hanya memberikan space sebesar 5 MB (kok sedikit ya).Tapi jangan khawatir walopun cuma 5 MB tapi aku rasa cukup untuk membackup data-data blog kita. Jika kita memposting rata-rata perpostingan itu 1000 karakter, maka itu cukup untuk membackup sampai 5000 postingan, lumayan kan. Tapi untuk yang versi FREE alias gratis kita tidak bisa membackup data berupa gambar dan video. Kita hanya bisa membackup artikel-artikel postingan kita saja.

Gimana? tertarik untuk membackup datamu? Caranya cukup mudah, yaitu:

1. Buka website https://www.blogbackuponline.com dan daftarkan diri kamu disana. Setelah mendaftar kamu akan mendapatkan kiriman email untuk mengaktifkan account km.
2. Kalo sudah aktif login ke website tersebut. Setelah login maka segera registrasikan alamat blogmu yaitu dengan cara mengklik tombol "Start Registering Your Blog".
3. Masukkan alamat blog km dalam kotak yang disediakan, kemudian klik tombol "Register Blog"
4. Setelah itu maka tunggulah proses backupnya. setelah itu pilih tombol "Start Full Backup", Selesai deh.

Trus caranya mengembalikan data kita gimana?
Untuk yang versi bayar, sangat mudah dan bisa dilakukan secara otomatis dengan memencet menu restore. Tapi untuk yang versi GRATIS, kita hanya bisa mendapatkan data-data postingan kita. Caranya masuk ke "Dashboard" trus klik tombol "Manage" setelah itu pilih menu "Content". Nha disitulah semua data-data postinganmu berada. Giamna lumayan kan, daripada harus mengetik ulang ampe membuat tangan gempor mending tinggal copy paste aja. Lagian apa kita ingat semua isi postingan kita? ya to?

OK Selamat Mencoba..........

7.Cara Menampilkan Recent Post (Postingan Terbaru)

Kendhin

Pernak-Pernik

Kamu pingin nampilin postingan terbaru (Recent Post) kamu di side bar?
Kalo pingin, beginilah caranya :

1. Login to Blogger kemuduan pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy kode berikut ini dan taruh dalam kotak "content".

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Recent Post" yang ditampilkan, kamu bisa menggantinya
6. Terus Simpan.

Nha coba lihat blog kamu, udah nongol kan "Recent Post" kamu...
Good..good..good

8.Cara Menuliskan Script/Kode Dalam Artikel Blog

Kendhin

Pernak-Pernik

Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode<head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini <head>. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode	Kode Pengganti
<	<
>	>
"	"

- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Piye? Gampang to? gitu aja kok repot.....

9.Melacak Jejak Pengunjung Blog Dengan Google Analytics

Kendhin

Pernak-Pernik

Bagi sebagian pemilik blog, mungkin terramat suangat uingin swekali mengetahui data-data dari para pengunjung blognya. Hal tersebut dijuntukkan dengan adanya bermacam-macam pernak-pernik yang ada di blognya, seperti misalnya "Hit Counter", "Site Track Meter", "Alat pendeteksi jumlah pengunjung", "Alat pendeteksi Tsunami (eh, yg ini nggak deng)", dll. Nah buat kamu yang termasuk kedalam golongan umat ini, ada sebuah layanan masyarakat dari Pak Dhe "Google", namanya Google Analytics. Bagi yang sering bergentayangan di dunia maya mungkin tahu apa ituGoogle Analytics, tapi bagi yang masih Newbe ato masih O-On :p (jangan marah ya dikatakan o'on) pasti belum tahu atao tahu tapi dikit. Nha.. disini akan coba saya terangkan tentang Google Analytics. Simaklah dengan cermat penjelasan berikut ini:

deng..deng..deng..
Google Analytics berbeda dengan Hit Counter. Hit Counter biasanya hanya menghitung jumlah pengunjung yang datang untuk menjenguk (emangnya sakit). Sedangkan Google Analytics, beliau tidak hanya menghitung jumlah para pengunjung tapi juga data-data yang lainnya, misalnya tentang:

· Berapa pengunjung yang datang tiap harinya

· Berapa lama mereka nognkrong di blog kamu

· Browser apa yang mereka gunakan

· Dengan cara apa mereka datang, misalnya naik angkot ato jalan kaki (maksudnya lewat search engine, lewat situs orang lain atao langsung datang mak pedunduk).

· Dari negara mana mereka datang

· Dari kota mana

· umurnya berapa

· Anaknya siapa

· Udah punya pacar apa belum

· Ortunya galak ga, dll

NB: Tiga poin terakhir bo'ong.

Nah, pengen gak tuh? kalo pengen daftar disinihttp://google.com/analytics
Tapi syarat daftarnya sangat berat, yaitu kamu harus punya account di google. Nah berat banget kan? (berat bagi yang gak bisa baca ngetik). Kalo udah daftar nanti kamu tinggal ngisi form yang disodorkan, tapi sante aja cara ngisinya gampang kok gak kayak di SPMB, diantaranya yaitu ngisi alamt webblog kamu, trus jangan lupa nge-set "Time Zone" tapi harus beli coin dulu (emangnya time zone yang ada di mall2). Trus setelah itu kamu nanti akan dikasih kode/script sama Pak Dhe Google (jangan lupa bilang terima kasih). Selesai??? belooommmmm... masih ada lagi..
Nha setelah itu kopi kode/script tersebut, trus login ke blogger KlikTemplat -->> Edit HTML. Paste kode/script yang udah dikopi kedalam tag HTML yaitu sebelum tag </body> jangan lupa disimpan. Selesai??? Belooommm...
Kembali lagi ke google.com/analytics, kamu harus mengklikCheck Status dulu (Dicek apakah kamu masih single atau doble). Kalo udah berhasil maka akan ada tandanya, kalo belum ya dicoba lagi.
Datanya baru akan muncul satu hari kemudian, jadi ini bukan seperti hit conter yang datanya akan langsung berubah tiap detik tapi data-data google.com/analytics ini akan muncul tiap ganti hari. OK Selamt mencobaaaaa....

10.Cara Memasang Tombol Google+ di Blogger

Saya yakin pembaca setia blog ini tidak kesulitan untukmemasang tombol Google+ (G+), tapi tidak semua juga mengerti caranya, terlebih yang baru belajar ngeblog. Selain itu disini saya juga mencoba menjelaskan secara rinci dari beberapa masalah yang kadang membuat tombol Google+ tidak bekerja sebagaimana mestinya. Jadi silahkan luangkan waktu sejenak untuk belajar tutorialnya dibawah ini:

Langkah memasang tombol G+ sangat mudah silahkan ikuti tutorial dibawah ini

Silahkan memasang Script dibawah ini atas Tag </body>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Kemudian anda bisa memasang tombol G+ dimana saja dengan menambahkan kode dibawah ini.

<g:plusone size="small"></g:plusone>

Cara memasang tombol G+ diatas sebenarnya sudah selesai, tapi jika anda ingin menambahkan kode yang lebih rinci anda bisa mencoba beberapa script dibawah ini:

Tombol G+ dengan ukuran Standar (24 piksel)

<g:plusone></g:plusone>

Tombol G+ dengan ukuran Kecil (15 piksel)

<g:plusone size="small"></g:plusone>

Tombol G+ dengan ukuran Sedang (20 piksel)

<g:plusone size="medium"></g:plusone>

Tombol G+ dengan ukuran Tinggi (60 piksel)

<g:plusone size="tall"></g:plusone>

Tombol G+ Untuk HTML5

<div class="g-plusone" data-size="standard" data-count="true"></div>

Anda juga dapat membuat custom tombol G+ sendiri

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

  {"parsetags": "explicit"}

</script>

<script type="text/javascript">

  function renderPlusone() {

    gapi.plusone.render("plusone-div");

</script>

<body>

  <a href="#" onClick="renderPlusone();">Render the +1 button</a>

  <div id="plusone-div"></div>

</body>

Custom Tombol G+ dengan URL khusus

<!-- customized for a specific address -->

<g:plusone href="https://plus.google.com/108442421331149025926"></g:plusone>

Untuk customize tombol G+ saya menyarankan anda memasukan url dari Google+ profile atau halaman (page) G+ yang sudah ada buat, lihat tutorialnya disini

Cara pasang Tombol G+ disebelah Tombol Facebook (dalam halaman posting)

Kode standar Google+ tidak bekerja pada postingan dalam lingkup halaman home (index).

Pada halaman Posting dengan menggunakan kode <G:Plusone/> biasanya tidak terjadi masalah, tapi saat kalian mencoba memasang tombol G+ yang ditujukan pada halaman post yang letaknya berada dalam halaman utama ini biasanya bermasalah karena G+ setahu saya tetap akan mendeteksi sebagai halaman index bukan sebagai halaman post. Untuk mengatasi masalah ini silahkan mencoba menggunakan kode ini <g:plusone expr:href='data:post.url'/>

Sebenarnya G+ sendiri sudah menyedian Custom Badge yang bisa anda coba langsung di alamat ini disini atau anda bisa melihat informasi Full API selengkapnya disini

11.Cara Menghilangkan Link Posting Lama

Sebagaiman anda ketahui bahwa saat sekarang ini blogger.com masih menggunakan template dengan dua versi, yaitu versi Template Klasik serta versi Template baru. Salah satu perbedaan antara keduanya adalah versi klasik tidak mempunyai fasilitas link “Posting Lama” atau “Older Posts”, dengan di tambahkannya fasilitas tersebut pada template versi baru maka akan lebih mempermudah para pembaca untuk menemukan artikel yang sudah tidak tampil di halaman depan.

Ternyata memang “lain orang lain juga keinginan”. Di kala orang lain senang dengan kehadiran fasilitas tersebut, ternyata ada juga yang ingin menghilangkannya, apakah itu anda? pertanyaan selanjutnya apakah fasilitas tersebut bisa di hilangkan atau tidak? jawaban singkat “Bisa”, dan caranya pun terbilang sangat mudah.

Sebelumnya perlu di ketahui bahwa fasilitas link tersebut ada 3 yaitu “Posting baru” atau “Newer Posts”, “Home” atau “Halaman Muka”, serta “Posting Lama” atau “Older Posts”. Mana yang mau anda hilangkan, atau mau semuanya? tentu saja bisa. Untuk menghilangkannya anda hanya menambahkan sedikit kode pada CSS template anda.

Untuk menghilangkan “Posting baru” atau “Newer Posts” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager-newer-link {

float: left;

Ganti kodenya jadi seperti ini :

#blog-pager-newer-link {

display:none;

Jangan lupa untuk menyimpan template anda

Untuk menghilangkan “Posting Lama” atau “Newer Posts” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager-older-link {

float:right;

padding-right:5px;

Ganti kodenya jadi seperti ini :

#blog-pager-older-link {

display:none;

Jangan lupa untuk menyimpan template anda

Untuk menghilangkan “Home” atau “Halaman Muka” :

Cari kode yang mirip seperti ini pada template anda :

#blog-pager {

text-align: center;

Ganti kodenya jadi seperti ini :

#blog-pager {

display:none;

Jangan lupa untuk menyimpan template anda

Mudah sekali bukan? atau anda masih merasa bingung? OK, kang Rohman ladenin deh kalau begitu. Berikut langkah lengkapnya ;

1. Login ke blogger dengan ID anda.

2. Klik Tata Letak.

3. Klik tab Edit HTML

4. Klik Download Template Lengkap. silahkan save dulu template anda sebagai backup.

5. Cari kode yang mirip dengan kode di bawah :

#blog-pager-newer-link {

float: left;

#blog-pager-older-link {

float:right;

padding-right:5px;

#blog-pager {

text-align: center;

6. Hapus kode di atas, lalu ganti dengan kode di bawah ini :

7.  #blog-pager-newer-link {

8.  display:none;

9.  }

10.#blog-pager-older-link {

11.display:none;

12.}

13.#blog-pager {

14.display:none;

15. Klik tombol SIMPAN TEMPLATE.

16. Selesai. Ucapkan dadah padanya.

Selamat deh bagi yang benci akan kehadiran fasilitas “Older Posts”, karena dia akan enggan untuk menampakkan diri lagi di blog anda.

12.Cara Membuat Kotak Link Exchange

Kendhin

Widgets

Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh :p
Kalo kita mau tukeran link biasanya ada kotak seperti ini :

Nha trus gimana cara buat kotak tersebut?
gini lho,
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:

piye? wes mudeng rung?
Guampang tho?

13.Pasang SMS Di Blog Mu

Cara nya ikuti saja perintah dibawah ini:

Script : <iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>

5.Kemudian Simpan.

Selesai Dehhhhh !!!!

14.Pasang Icon Pisang Joget-Joget,,heee

.Boneka joget

Description: http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif

Cara nya ikuti saja perintah dibawah ini:

<div style="position: fixed; bottom: 0px; middle: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5.Kemudian Simpan.

Selesai Dehhhhh !!!!

15.Pasang Icon Berjalan ,,,Welcome

Cara nya ikuti saja perintah dibawah ini:

<marquee behavior="scroll"

direction="right"> DEAR GOD </marquee>

5.Kemudian Simpan.

16.Pasang Dholpin blue ( Icon Ikan )

.Lumba-lumba

Cara nya ikuti saja perintah dibawah ini:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

17.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakankode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

18.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

19.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

3.Tuyul ketawa

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

20.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

.Boneka joget

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

21.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

5. Panda main bola

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

22.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

6. Tuyul baring

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

23.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

. Panda biru

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

24.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

8. Panah

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

25.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

10.Anjing laut

Cara nya ikuti saja perintah dibawah ini:

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

5.Kemudian Simpan.

Siibbb Kann !!!!

BowBow

Bentuk Jam

Selasa, 06 Desember 2011

2.Setting Domain di co.cc

3.Cara Pasang Flash di Blog

4.Pasang Widget Translator

5.Cara Mudah Membuat Banner

6.Cara Membackup Blog

7.Cara Menampilkan Recent Post (Postingan Terbaru)

8.Cara Menuliskan Script/Kode Dalam Artikel Blog

9.Melacak Jejak Pengunjung Blog Dengan Google Analytics

10.Cara Memasang Tombol Google+ di Blogger

11.Cara Menghilangkan Link Posting Lama

12.Cara Membuat Kotak Link Exchange

13.Pasang SMS Di Blog Mu

14.Pasang Icon Pisang Joget-Joget,,heee

15.Pasang Icon Berjalan ,,,Welcome

16.Pasang Dholpin blue ( Icon Ikan )

.Lumba-lumba

17.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

18.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

19.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

20.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

21.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

22.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

23.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

24.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

25.Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

Tidak ada komentar:

Posting Komentar

Mengenai Saya

Arsip Blog