cara buat kod tukar link pada blog

Bagi menaikkan ranking blog kita ,terdapat berbagai yang kita boleh lakukan.salah satu daripadanya adalah dengan saling bertukar link atau link exchange.Oleh itu bertukar tukar link adalah menguntungkan .oleh itu kenapa kita tidak cuba pasang kod tukaran link di blog kita dan bertukar link dengan blogger lain.untuk bertukar link seelok eloknya hendaklah dari kategori yang sama.kalau blog tutorial,tukar lah dengan blog tutorial yang lain.Sekiranya membuat banner utk tukaran link pula,janganlah terlalu besar.Kerana tidak semua blog mempunyai ruang yang besar.

Berikut adalah cara untuk membuatnya:

Pertama sekali kita perlu sediakan banner terlebih dahulu.Boleh gunakan photoshop atau gunakan kemudahan banner online pada internet.Kemudian upload imej tersebut ke Imageshack,Photobucket dan sebagainya.
Setelah upload dapatkan url imej tersebut:

contohnya Url imej adalah seperti ini yang saya upload ke image shack:

<img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot ">

Bahagian yg berwarna merah adalah alamat imej yg kita upload.Sekarang kita ambil bahagian teks berwarna merah dan letakkan pada kod dibawah.

<a href="http://teknikbuat.blogspot.com" target="_blank"><img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot "></a>
 

Tukar teks hijau dengan nama blog anda dan biru keterangan berkaiatan imej.Alamat/url imej tadi berada pada teks berwarna merah.
Langkah seterusnya :

1. Login ke Blogger
2. Pilih Tata Letak.
3. Klik Add page element
4. Klik Add Gadget --> pilih yang HTML/Java Script.
5. Kemudian masukkan kode tukaran link di bawah ini :

Kod diatas tadi(yg berrwarna hijau) dimasukkan bersama dengan kod untuk text area(yg akan memaparkan kod untuk tukar link untuk dicopy oleh pengunjung)

<textarea name="code" rows="4" cols="30><a href="http://teknikbuat.blogspot.com" target="_blank"><img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot "></a>

</textarea>

Nota:kod warna hijau perlu diencode terlebih terlebih dahulu menggunakan tool yang ada diblog ini iaitu encode html pada side bar
Hasilnya:
     
<img src=" http://img194.imageshack.us/img194/5621/belajarbuatblog.gif " border="0" alt=" Tutorial Blogspot " ></a><br>

Untuk paparkan imej bersama dengan text area seperti diatas cuma masukkan kod url gambar contoh sperti ini:
<a href="http://teknikbuatblog.blogspot.com/"><img alt="teknik buat blog" src="http://img194.imageshack.us/img194/5621/belajarbuatblog.gif" /></a>
jadi akan muncul imej setelah kod diletakkan

*Masukkan url imej untuk paparkan imej diatas

Kemudian klik save
Selamat mencuba

Cara letak border disekeliling posting

Membuat  border disekeliling posting ini selain dari menambahkan seri pada posting juga sebagai pemisah diantara posting.Pada kebanyakan template sekarang sudah ada border ini.Bagaimanapun template yang berwarna putih jarang jarang menggunakan border terpisah ini.Untuk contohnya boleh dilihat garisan biru disekeliling posting pada blog ini.

Cara membuatnya:

1.Log in ke blogger
2.pilih Design--->>Edit HTML









3.Cari kod ini:

.post {

Lebih mudah gunakan Ctrl + F untuk mencari kod

* diatas adalah kod yang telah ditambah pada template saya.

Kemudian letak kod berikut dibawahnya:

border: 1px solid #000000;

jika inginkan border yang berlainan gunakan kod ini:

border-top: 1px solid #000000; border-bottom: 2px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000;

Border boleh ditukar dari solid kepada dotted,dashed,outset,inset,groove,double dan ridge
Kod: #000000 adalah untuk warna hitam,boleh tukarkan dengan warna yang diinginkan.Begitu juga dengan ketebalan border .
Jika hendak letak warna latar belakang pada posting tambah kan kod berikut pada bahagian bawah kod tadi:

background: #000000;

atau nak letak imej sebagai background masukkan kod ini:

background:url (url image anda disini);

Cuma tukarkan kod warna yang sesuai supaya tampilan lebih menarik


Kemudian save template anda
Selamat mencuba.

cara letak posting lama di halaman pertama

Mungkin dalam banyak posting yang ada pada blog ada posting lama yang ingin kita tampilkan semula pada halaman utama.Posting ini tentunya mendapat sambutan seperti mempunyai jumlah komen yang tinggi dan masih lagi sesuai untuk berada dihalaman utama.Jika ingin meletakkan semula dihalaman pertama berikut adalah caranya.

1.Masuk ke blogger,pada dashboard pilih edit posts .

2.Pada paparan edit posts,pilih posting yang dikehendakki dan klik pada edit.

 

3.Seterusnya pilih post options

4.Kemudian ubah tarikh posting tersebut pada tarikh yang baru.

**kalau nak buat sticky post pun boleh guna cara ini.

Banduan 650 - Dr. Aafia Siddiqui

Dr. Aafia dalam tahanan menunjukkan penderitaan yang dialami
Tahukah anda banduan 650 adalah satu-satunya banduan wanita yang ditahan dipenjara Bagram di Afghanistan di mana penjara ini adalah khusus untuk banduan lelaki? Inilah hakikatnya yang dialami oleh banduan 650 yang bernama Dr. Aafia Siddiqui. Beliau diculik pihak FBI Amerika pada 30 Mac 2003 di Pakistan atas tuduhan mempunyai hubungan erat dengan Al-Qaeda di mana sehingga sekarang tiada bukti dapat ditunjukkan oleh pihak FBI tentang hubungan yang dikatakan itu.

Siapa Dr. Aafia Siddiqui? Tiada siapa kenal baik masyarkat Malaysia dan Islam diseluruh dunia dan tiada media di mana-mana kerajaan negara Islam yang ingin mengambil tahu tentang Dr.Aafia ini kerana apa? kerana diri kita ditimpa penyakit wahan dan assobiyah dan otak kita sudah diprogram untuk tidak menganggap umat Islam yang lain sebagai saudara. Buktinya, kita hanya simpati tapi tiada empati. Orang barat pula menganggap nyawa umat Islam tiada nilai. Jika seorang wanita barat diculik oleh orang Islam setiap hari media di seluruh dunia termasuk negara Islam akan mencanang cerita penculikan itu kerana apa? kerana otak kita diprogram akan kasta orang barat sangat tinggi. Aku mengambil inisiatif sebagai satu tanggungjawab seorang Islam untuk disampaikan kepada masyarakat akan cerita wanita yang difitnah oleh pihak Amerika dan sekutu kuatnya Pakistan yang bangsat lagi bacul.

Dr. Aafia Siddiqui dilahirkan di Pakistan. Beliau belajar di Amerika dan memperolehi PHD dari Universiti Brandeis,Massachusetts dalam bidang sains neurologi pada tahun 2001. Sebelum itu beliau belajar Universiti Houstan selama tiga semester kemudian bertukar ke MIT dan major dalam bidang biologi, antropologi dan arkeologi dan mendapat sarjana muda dalam bidang biologi. Beliau banyak melibatkan diri dalam kerja-kerja amal Islam semasa berada di sana. Di kalangan rakan-rakannya beliau dikenali sebagai seorang baik, kuat beragama dan lemah-lembut dalam berbicara.

Ini ceramah beliau


Beliau diculik bersama 3 orang anak kecilnya selama 5 tahun tanpa khabar berita sehinggalah 4 orang tahanan Bagram yang berjaya melarikan diri mendedahkannya tentang banduan 650 yang tidak ketahui namanya. Mereka hanya mengetahui dia adalah seorang wanita Pakistan dan seorang ibu yang dipisahkan dari anak-anaknya dan setiap hari mereka akan mendengar wanita tersebut menjerit akibat diseksa. Seterusnya Yvonne Ridley seorang wartawan Britain mendedahkannya secara besar-besaran di sidang wartawan tentang siapa sebenar banduan 650. Sejak dari itu seluruh dunia ingin tahu apa yang telah terjadi kepada Dr. Aafia dalam tempoh 5 tahun tersebut dari 2003-2008 dan apa kesalahan beliau dan kenapa tidak dibicarakan. Penipuan Amerika tentang tiadanya banduan wanita di penjara Bagram akhirnya terbongkar bersama skrip-skrip bodoh untuk meyelamatkan maruah FBI Amerika.

Semasa di dalam tahanan di Bagram beliau diseksa dan dirogol setiap hari dan dinafikan haknya sebagai seorang wanita. Dipaksa menggunakan tandas lelaki dan bilik mandi yang terdedah dan boleh dilihat oleh pengawal-pengawal penjara. Situasi beliau sepanjang penahanan tersebut amat meyedihkan sehingga beliau hilang ingatan. Nasib anak-anaknya selama 5 tahun tersebut juga tidak diketahui oleh sesiapa sehingga sekarang.

Sehingga kini tiada dakwaan tentang kegiatan beliau bersama Al-Qaeda oleh pihak Amerika hanya melainkan dakwaan cubaan membunuh seorang askar Amerika dan FBI semasa di dalam tahanan di Afghanistan. Amat pelik apabila perbicaraan ini dilakukan di Amerika sedangkan kesalahan tersebut dilakukan di Afghnistan. Juga tiada bukti yang beliau melakukan cubaan bunuh melainkan beliau ditembak di perutnya semasa di dalam tahanan oleh askar Amerika kononnya untuk keselamatan diri.

Bukan sahaja Dr.Aafia tetapi ramai lagi wanita Islam yang diculik oleh FBI dan sekutunya tanpa diketahui dan dibicara dan akhirnya kita hanya didedahkan wanita-wanita ini didera secara seksual seperti di penjara Abu Gharib, Iraq. Biarlah Dr. Aafia menjadi pemangkin pembebasan untuk wanita-wanita Islam yang ditindas di penjara-penjara Amerika seluruh dunia.

Tiada apa yang dapat aku sumbangkan melainkan doa, menyebarkan kisahnya di blog dan sain petisyen untuk pembebasan beliau. Jika ada yang terbaca silalah klik di link Laman Menarik sebelah kanan sebagai sokongan kepada wanita genius yang tidak bersalah ini. Juga jangan lupa boikot produk Amerika!! inilah cara jihad yang mampu kita buat di bumi Malaysia. Allah tidak memandang kesannya tetapi memandang usaha kita. Jika di akhirat nanti Allah bertanya apa yang aku telah lakukan untuk saudara-saudara Islam yang tertindas insya Allah aku mampu menjawabnya. Adioss!!!

Dengar kisah lebih terperinci tentang apa yang berlaku pada Dr. Aafia oleh bekas tahanan Taliban Yvonne Ridley. Beliau sekuat mungkin memperjuangkan pembebasan Dr. Aafia

membuat jumlah pembaca artikel pada blog

Mungkin anda ingin mengetahui jumlah pengunjung yang membaca atau membuka artikel artikel anda pada setiap hari.Bagaimana kita boleh mengetahui berapa orang yang mengklik artikel yang dibuat?.artikel kali ini akan memperkatakan tentang cara membuat post views counter pada setiap posting anda.Page Hits Counter ini adalah menggunakan khidmat tools secara percuma oleh putchoice.com
 Untuk makluman:
#Buat masa ini widget ini tidak berfungsi#

Untuk membuatnya:

1.Masuk ke blogger.com pilih edit HTML klik pada expand template widget

2.Kemudian cari kod : <div class='post-header-line-1'/>  kalau tiada  cari  kod ini: <data:post.body/>

3.Jika dah jumpa letakkan kod dibawah ini dibawah salah satu kod tadi.Jika ada dua kod,simpan pada kod yang pertama.

Page view dengan imej:

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='left'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvhA8S818kH5GCX47ZU2T5jpLFuIX01Ps-lbpOn1ZR-tszmSP2nQHsM_ohGzkc-6sR_sRGEOPuSCz-qYr7omy9-KEe4RX72y54q4TSLzKDCTlKDlYLsA_NaOT3iJ2FMJCgxxCcl6TA_Qa8/'/><b><font size='2'><script src='http://www.putchoice.com/stats.php?p=stats' type='text/javascript'/> <b>Views</b>
</font></b></div></b:if>

* pada Views boleh ditukar dengan perkataan yang dinginkan

4.Seterusnya masukkan kod reciprocal verify  pada pada mana bahagian sidebar blog

 Masuk ke design--Pilih Page elements dan klik pada add a Gadget
 Pilih HTML/Javascript dan masukkan kod ini:

<a href="http://www.putchoice.com/">
<img border="0" src="http://www.putchoice.com/picture.php?type=png" alt="Page Hits Counter"/></a>

4.Kemudian save template anda.

Keluar dari blog anda  dan refresh 3 kali atau keluar masuk blog kali dan paparannya akan muncul

Jika anda anda memasang read more,ia akan terpapar setelah read more di klik.

Update:
5 Feb 2011..gunakan kod dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='hit-counter'>
&lt;a href=&#39;http://csharpdotnetfreak.blogspot.com&#39; rel=&#39;follow&#39;&gt;
<script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/> &lt;/a&gt;
</div></b:if>

sumber:
http://csharpdotnetfreak.blogspot.com/

Cara pasang menu scroll pada blog

Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya  mengikut langkah dibawah ini.

1.Masuk ke dashboard,
kemudian pilih Layout-->>add gadget

2.HTML/JAVASCRIPT

Masukkan kod berikut:

<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 170px;">

masukkan teks atau apa apa kod yang hendak dipaparkan disini atau

</div>

Saiz kotak scroll boleh ditukar pada width(lebar)dan height)tinggi pada kod diatas

Memasang scroll bar pada blog tujuannya yang utama adalah bagi menjimat kan ruangan.Cara membuat nya amat mudah dengan hanya  mengikut langkah dibawah ini.

Untuk membuat menu scroll :

kod nya adalah seperti dibawah ini :

<div class="widget-content">
<ul style="width: 145px; height: 150px; background-color: #FFEAEA;  font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 2px ridge #52FF20; overflow: auto;">

<li><a href="http://teknikbuatblog.blogspot.com/2010/03/cara-membuat-blog.html" target="_blank">Cara membuat blog</a></li>
masukkan link seterusnya....

</li></ul></div>
 
Jika hendak letakkan nombor dihadapan senarai gantikan ul  kepada ol
ul akan memaparkan bullet dihadapan

Kod warna oren untuk kod scroll
Kod warna hijau adalah link artikel dan warna biru tajuk artikel yang hendak paparkan
Scroll akan muncul bila kandungan pada list melebihi ketinggian yang diletakkan pada kod(overflow:auto).Jadi ubahkan ketinggian pada height.

3.kemudian save untuk melihat hasilnya.

update 20/6/2013

Cara letak ikon disebelah tajuk posting

Penambahan ikon disebelah tajuk posting adalah merupakan satu daya penarik ,selain dari tajuk posting itu sendiri.Bagi tujuan itu gambar yang dimasukkan hendaklah adalah bersaiz 32x32
Untuk membuatnya ikuti  langkah ini:

 Masuk ke design--->> EDIT HTML Kemudian cari kod berikut ini:

.post h3 {

margin:.5em 0;

padding:30px 0px 0px 45px;

font-size:120%;

font-style:italic;

line-height:1.3em;

color:#333;

background:url(letak url gambar disini ) no-repeat left center;}

• kod berwarna hijau ini adalah kod yang perlu ditambah

Jika tidak jumpa kod seperti diatas cuba pula kod ini :

<a expr:href='data:post.url'><data:post.title/></a>

Nota: jika terdapat lebih dari satu kod ini,masukkan pada kod yang pertama.
Letakkan kod url gambar (warna hijau)diantara kod dibawah antara kod seperti ini:

<a expr:href='data:post.url'><img src="url gambar"/>  <data:post.title/></a>

contoh kod pada template

Kemudian preview terlebih dahulu untuk mengetahui tiada apa apa error.
Jika telah berpuas hati  klik save template