Tampilkan postingan dengan label Bloger. Tampilkan semua postingan

Selasa, 19 Maret 2013

kode warna transparan HTML

misalkan pada background adalah #ddd itu kan warna merah maka untuk menjadikannya warna transparan maka kode di background:#ddd;”> dikosongi menjadi background:#;”> atau kode tersebut di ganti menjadi "color; transparent;"

Rabu, 13 Maret 2013

Hapus Header Bar Blog / remove Header Bar Blog

Untuk mengapus / remove header bar adalah dengan menganti

]]></b:skin> dengan ...... seperti langkaah berikut

1.Login ke Blogmu untuk masuk
2.Pilih Template
3.Pilih Edit Html
4.Cari Di dalam template code berikut

]]></b:skin>

kemudian ganti dengan kode berikut

#navbar-iframe,#navbar { display: none !important; }
]]></b:skin>

5.Simpan / SaveTemplate.
Lihatlah hasilnya.....

Minggu, 03 Maret 2013

Cara Cepat buat email tanpa isi macam-macam.

Cara Cepat buat email tanpa isi macam-macam. adalah dengan menggunakan
Spamvert.com. Ketika masuk halaman halaman www.spamavert.com, maka Anda akan langsung mendapatkan email baru dengan cepat dan mudah tidak perlu memasukkkan data diri Anda. dan nama emailnya bisa Anda ubah sesuai dengan selera Anda

Ketika sudah selesai memasukkan nama emailnya (jika Anda ingin mengganti nama emailnya) kemudian klik READ.

Maka akan tampil seperti ini

Pesan akan masuk secara otomatis keadalam www.spamavert.com tanpa Anda meng Klik apapun,

Contoh tampilan pesan pada www.spamavert.com

Jumat, 01 Februari 2013

Email sub Domain

Ada 2 pilihan yaitu menggunakan domain add on atau membeli paket hosting terpisah, penjelasannya sebagai berikut:

1. Menggunakan Add On domain
Pilihlah misalnya pilih paket hosting yang mempunyai tambahan fitur domain add on lebih dari 1. Setelah itu Anda bisa menggunakan subdomain untuk email dengan menggunakan fitur domain add on tersebut.
tapi sebelum anda memasukan subdomain pada fasilitas domain add on, anda harus setting NS dari subdomain tersebut.
Cara setup NS untuk subdomain:

1. Masuk ke directadmin melalui client area baca panduan berikut

Untuk masuk ke Hosting Panel Directadmin anda bisa melalui client area tahapanya adalah sebagai berikut :

1. Login ke client area http://client.pusathosting.com/

2. Klik menu Produk

3. Klik salah satu produk anda dan Lihat Rincian

4. Klik tombol Login to Directadmin

Atau kalau anda sudah hapal user dan pasword Directadmin cukup akses www.domainanda.com:2222

Masuk ke DNS management
Buatlah entri pada record NS seperti ini
subdomain.namadomain.com. NS dns1.pusathosting.com
subdomain.namadomain.com. NS dns2.pusathosting.com
subdomain.namadomain.com. NS dns3.pusathosting.com
Selanjutnya baru masukkan subdomain pada menu Domain Setup – Add New Domain, panduannya bisa anda baca pada tautan ini. setting domain add on

Domain Setup pada directadmin merupakan salah satu menu yang menunjukkan informasi mengenai domain apa saja yang sedang terpasang di hosting panel anda.

Menunya ada dimana? perhatikan gambar dibwah

Detail dibawah

Terlihat bahwa terdapat tiga buah domain yang berada pada panel hosting ini, Untuk menambah cukup anda memilih menu Add Another Domain atau untuk merubah domain dengn tidak merubah data yang ada pada domain sebelumnya bisa dilakukan dengan menu Change a Domain Name.

Sistem ini disebut juga sebagai Add On domain artinya dalam satu panel hosting bisa anda isi lebih dari satu domain.

Membeli Paket Hosting terpisah
Anda bisa menggunakan paket hosting terpisah agar anda dapat menggunakan subdomain untuk email, misalnya anda sudah memesan paket Hosting ph-Start untuk domain utama dan maka pesanlah satu paket hosting lagi untuk email pada subdomain. tapi sebelum itu anda juga harus melakukan setting DNS pada domain utama anda. bagaimana settingnya? sama seperti setting NS subdomain pada pengunaan domain add on.
Cara setup NS untuk subdomain:

Masuk ke directadmin melalui client area
Masuk ke DNS management
Buatlah entri pada record NS seperti ini
subdomain.namadomain.com. NS dns1.pusathosting.com
subdomain.namadomain.com. NS dns2.pusathosting.com
subdomain.namadomain.com. NS dns3.pusathosting.com
Selanjutnya Anda bisa memesan paket hosting baru khusus untuk subdomain anda.

Jadi agar anda bisa mendapatkan akun email pada subdomain maka penjelasan cara setting nya seperti diatas, Silahkan Anda pilih akan menggunakan opsi yang mana

Rabu, 30 Januari 2013

Daftar Search engine

Daftar Search engine Google :

http://www.google.com/addurl/

Cara mendaftarkan di google tinggal isi URL blog anda trus isi cooment yang berhubungan tentang blog anda dan isi code vertifikasinya kemudian tekan tombol Add URL beres dah.

Daftar Search engine Yahoo :
https://siteexplorer.search.yahoo.com/submitMendaftar di Yahoo ada persyaratan khusus yaitu sudah punya Account di Yahoo! jika belum punya diharapkan mendaftar dahulu. Jika sudah punya silahkan Log In dan anda akan sisuguhi Form yang harus anda isi yaitu Submit website dan Sumbit Site Feed.
Sumbit Website isi saja dengan URL blog anda misalnya punya gw http://pasanginfo.blogspot.com, Submit Site Feed isikan saja alamat feed anda atau anda bisa tambah dengan atom.xml misalnya http://pasanginfo.blogspot.com/atom.xml

Daftar Di MSN :

Daftar di MSN juga sama seperti di google mudah tinggal isi Form yang disediakan dan Submit URL.Ni alamatnya buat Daftar Di MSNhttp://search.msn.com/docs/submit.aspx?FORM=WSDD2

Daftar Menggunakan Bantuan Web Submitter :

Web Submitter membantu kita mendaftar Sekaligus banyak di search engine bisa 40 sampai 50 search engine sekaligus. Gimana anda mau coba... kan lumayan nggak menguras waktu betul gak ni kamu aku kasih tau.

http://freewebsubmission.com/

http://websitesubmit.hypermart.net/

http://www.submitexpress.com/

Sabtu, 22 Desember 2012

Create Category and Subcategory in Blogspot.com

1. Creating a label for posts.

You need to first add your own label posts. You can add labels by entering texts into the textbox which is located right at the bottom of the screen for writing or editing posts (Posting– Create or Posting– Edit Posts).
For example, I entered the label “simple-tutorial” for my post.
Next:
2. Creating a Page element category.
You can use Labels gadget or you can actually write your own HTML to add category links one at a time. Labels gadget is very simple to manipulate.
Adding Labels gadget to blog.
1. Go to Layout.
2. Click on Add Gadget.
3. Select Labels Gadget
4. Enter the title, choose to show all labels or only selected labels, sorting type. You can show the number of posts per label by just clicking on the check box and by displaying labels as a list or cloud.
Write your own HTML to add the category links.
If you want even more control, you can write your own HTML code. Your HTML with category list should look like this:
(a href=”/search/label/[LABEL]“>[TEXT][TEXT]Useful webssimple tutorial[TEXT]</a) " element.
Adding HTML or JavaScript to your blog.
Now, we just have to add this HTML code to your blog.
1. Go to Layout.
2. Click on Add Gadget.
3. Select HTML/JavaScript.
4. Enter the title "Categories" and copy and paste the HTML category list code in the content box with the replaced [LABEL] and [TEXT] elements. Save this and now you have your categories.
And regarding subcategories, as far as I know, there are no sub labels or subcategories. Good luck with your blog site. Hope this helps. If you have anymore questions, just go ahead and ask away. We'll try our best to answer any and all of them. God bless.

By the way, I changed some of the icons of the codes into "(" and ")" so they would be read by the computer as is. Otherwise they would've been read as codes. Just replace them with "” respectively.

sumber : http://seo-hacker.org/topic/create-category-subcategory-blogspotcom/

Selasa, 18 Desember 2012

Membuat Kode Tukaran Link

Sumber : http://anggaleoputra.blogspot.com/2009/02/membuat-kode-tukaran-link.html

Pertama-tama,anda tentunya harus membuat sebuah banner untuk blog anda.bisa menggunakan Photoshop atau software-software lainnya.Setelah banner blog sudah jadi,anda harus meng-uploadnya terlebih dahulu ke situs yang memberikan jasa penyimpanan online seperti photobucket.
Untuk photobucket sendiri,anda harus mendaftar dulu ( Mudah koq registrasinya..^^ ).
Tahap selanjutnya,login lah ke account blog anda,kemudian masuk ke TATA LETAK –> ADD GAGDET/Tambah Elemen halaman.
Masukkan kode di bawah ini ke bagian halaman yang ingin anda taruh kode tukaran link.

<p align=”center”><a><img src=”URLBanner“/></a>
<p align=”center”><textarea rows=”3″ cols=”20″ name=”code”> <a href=”http://NamaBlogAnda.Blogspot.com“><img border=”0″ alt=”http://NamaBlogAnda.blogspot.com” src=”URLBanner“/></a></textarea></p>

Ganti tulisan berwarna biru dengan alamat url banner yang telah anda upload tadi.. cth: http://i730.photobucket.com/albums/ww306/gozhilaq/Bannermini-leo.jpg.
Ganti tulisan berwarna merah dengan alamat blog anda.cth: http://anggaleoputra.blogspot.com.
Selesai..,Sekarang yang perlu anda lakukan hanyalah mencari teman-teman blogger sebanyak-banyaknya.. Mungkin ingin menjadikan blog ini sebagai teman anda? dengan senang hati.. Tinggalkan pesan anda,dan saya akan segera melink back blog anda..

Best Free Website Analytics Tools

Posted by Henry Jones on Jul 30, 2009

http://webdesignledger.com/tools/best-free-website-analytics-tools

Web designers are often website owners. If you fall into this category, you have probably already realized the
importance of knowing and understanding who is coming to your site and what they are doing while they’re there. Whether you are running a blog or an e-commerce site, this information is vital. That’s why it’s key to have a good set of tools providing you with website analytics. There are lots of tools out there, all with different features and different prices. In this post, I’m showing you the best free analytics tools available.

Clicky

Clicky prides itself on providing real time analytics. The UI is very clean and functional, and there is also a dedicated iPhone version.

Google Analytics

Google Analytics is probably the most popular free analytics tool available. One of my favorite features is it’s custom reporting.

Reinvigorate

Reinvigorate also provides real-time stat tracking and can alert you when a visitor performs a particular action on your site. It also features heat map technology that lets you see where visitors are clicking.

Piwik

Piwik is open source and is built with PHP and MySQL. To use it, you have to install it on your own server, which is a simple process and only takes about 5 minutes.

Yahoo! Web Analytics

Yahoo! Web Analytics is a free full featured enterprise analytics solution with powerful and flexible dashboards, segmentation tools, and campaign management features.

WordPress.com Stats

If your site runs on WordPress and your not crazy about being overwhelmed with too many features, then WordPress.com Stats might be right for you.

Woopra

Woopra claims to be the world’s most comprehensive, information rich, easy to use, real-time Web tracking and analysis application. Judging by the quality of it’s user interface, they might be right.

FireStats

FireStats doesn’t feature a lot of fancy graphs and charts, but some may find this refreshing.

GoingUp

With an AJAX-rich interface, GoingUp! combines powerful web-analytics with top notch SEO tools.

Mint

Okay, Mint isn’t exactly free. However, for only a flat fee of $30 dollars and considering all of it’s features, it might as well be free.

Blog Tracker

Blog Tracker is a light weight analytics tool for blogs.

http://digsitevalue.net/

IFrame

Frames, mungkin mendengar kata-kata ini anda akan berfikir frame adalah sebuah bingkai seperti yang anda
lihat didinding rumah anda (kalo ada fotonya juga sih), oke, kita dapat mengibaratkan frame sebagai sebuah bingkai foto anda yang dipajang didinding, disini frame diperumpamakan sebagai bingkai, situs sebagai foto dan page browser anda sebagai dinding. Mudeng gak?? gini loh, dengan frame kita dapat memajang beberapa website sekaligus kedalam 1 halaman web saja. Caranya? Baca dulu ya ampe selesai…
A. Tag <frame> dan Tag <frameset>
Kedua tag ini digunakan secara bersamaan untuk menyusun sebuah frame, Tag <frameset> digunakan untuk mendeklerasikan sebuah frameset, sedangkan Tag <frame> digunakan untuk membuat frame-frame yang kita butuhkan. Untuk lebih jelasnya perhatikan contoh berikut :
Code :
<html>
<head>
<title>
CobaLihatSaja Tutorial
</title>
</head>
<body>
<frameset cols=”25%,50%,25%”>
<frame src=”http://www.cobalihatsaja.com” />
<frame src=”http://www.4-mall.com” />
<frame src=”http://awansusanto.4-mall.com” />
</frameset>
</body>
</html>
Hasil :

Penjelasan :
Pada contoh diatas kita bertujuan untuk menampilkan 3 buah website sekaligus kedalam sebuah halaman, situs tersebut adalah : http://www.cobalihatsaja.com , http://www.4-mall.com dan http://awaansusanto.4-mall.com . Untuk melakukannya, kita memulainya dengan membuat sebuah frameset dengan menggunakan tag <frameset> dan membaginya kedalam tiga bagian dengan menggunakan atribut “cols” , disini kita membaginya menjadi 25%, 50% dan 25%. setelah itu untuk mengisi kolom-kolom frameset yang sudah kita buat sebelumnya kita gunakan tag <frame> dan tambahkan alamat situs-situs tersebut kedalam tag frame dengan menggunakan atribut “src”.
B. Tag <noframe>
Tag ini digunakan untuk fungsi portability, yang artinya jika website kita dijalankan pada semua browser, makan website kita akan tetap menampilkan informasi yang benar. Nah, pada beberapa browser fungsi tag <frame> tidak didukung, sehingga halaman kita tidak akan menampilkan apapun jika dibuka, tentu pengunjung akan bingung dengan keadaan seperti ini. Untuk menyiasati kejadian seperti ini, kita dapat memanfaatkan tag <noframe> ini, sehingga apabila dideteksi browser pengunjung tidak mendukung fungsi frame, maka akan ditampilkan pesan error atau kesalaha. Cara penggunaanya pun simple, lihat kode dibawah ini :
Code :
<html>
<head>
<title>
CobaLihatSaja Tutorial
</title>
</head>
<body>
<frameset cols=”25%,50%,25%”>
<frame src=”http://www.cobalihatsaja.com” />
<frame src=”http://www.4-mall.com” />
<frame src=”http://awansusanto.4-mall.com” />
<noframes>
Maaf, browser yang anda gunakan tidak dapat menampilkan frame, coba buka dengan browser lain!
</noframes>
</frameset>
</body>
</html>
C. Tag <iframe>
Jika tag <frame> digunakan untuk membagi webpage menjadi beberapa bagian, tag <iframe> memiliki fungsi yang sedikit berbeda, yaitu frame yang kita buat terletak didalam webpage atau dokumen yang kita buat tanpa membagi halaman browser seperti yang dilakukan oleh tag <frame>, bingung? Liat ini aja deh…
Code :
<html>
<head>
<title>
CobaLihatSaja Tutorial
</title>
</head>
<body>
<iframe src=”http://www.4-mall.com” width=”50%” height=”50%”/>
</body>
</html>
Hasil :

Penjelasan :
Lihat pada frame yang kita buat kali ini, frame tersebut kita buat dengan tinggi dan lebar 50% dari webpage. Seperti anda lihat, penggunaan tag <iframe> sangat simple, anda cukup memberikan nilai pada atribut “src” dan beberapa atribut lainnya yang bersifat optional , berikut daftar atribut-atribut yang dapat anda coba untuk membuat perbedaan pada iframe anda :
Atribut <iframe>

align → atribut ini digunakan untuk menentukan bagaimana align dengan text pada webpage, adapun nilai-nilainya adalah : left, right, top, middle dan bottom.
frameborde → digunakan untuk memberikan border pada iframe, jika anda ingin menggunakan border, beri nilai 1 kedalam atribut ini, jika tidak beri nilai 0.
height → digunakan untuk menentukan tinggi dari iframe.
width – digunakan untuk menentukan lebar dari iframe.
src → digunakan untuk menentukan kontent sumber website yang ingin kita tampilkan.

Ok, selamat mencoba…. dan tetap Semangat…

Link Otomatis Terbuka Tanpa Di Klik

sumber http://id.haryantoblog.com/2010/05/link-otomatis-terbuka-tanpa-di-klik/

Masih seputaran Link ni,, kayaknya dari kemaren udah bikin 3 postingan berturut turut mengenai link dari
mulai Link dengan tampil Pop Up dan Membuat Satu link untuk dua halaman , dan kini yang akan saya bahas mengenai Link yang tanpa perlu di clik namun terbuka secara otomatis.
Link ini sebetulnya gak jauh beda dengan yang sudah sudah saya tulis, hanya mengganti onclick dengan onmouseover saja, jika onclik maka link akan terbuka setelah di klik, namun jika menggunakan onmouseover maka link akan terbuka ketika mouse di dekatkan ke link, artinya gak perlu di klik udah terbuka sendiri.
Beriukut ini adalah contoh link nya.
Download
Kode nya seperti ini

 <a href="http://download.pastianto.com"
onmouseover="window.open(this.href)">Download</a>

Atau jika anda ingin menentukan ukuran lebar dan atribut lainnya bisa di tambahkan seperti di bawah ini

<a href="http://download.pastianto.com" target="_blank"
onmouseover=
  "window.open(this.href,'',' scrollbars=yes, menubar=no, width=800,resizable=yes, toolbar=no,  location=no, status=no')">
Download</a>

Dan Hasilnya akan seperti ini
Download
perbedaannya hanya pada penambahan seperti width, menubar dll,
Intinya sih anda bisa menggabungkan sendiri cara – cara yang udah saya tulis seperti Link dengan tampil Pop Up dan Membuat Satu link untuk dua halaman , nantinya anda bisa membuatnya lebih baik dari yang di atas,
Jika link di atas sudah anda dekatkan mouse namun tidak terbuka maka kemungkinan browser anda memiliki scurity untuk popup kalau anda menggunakan Mozila firefox biasanya akan muncul tombol optiont di pojok kanan atas, tombolnya akan seperti ini.
Link Otomatis Terbuka Tanpa Di Klik

Jika anda klik tombol option maka akan muncul pilihan seperti ini
Link Otomatis Terbuka Tanpa Di Klik

namun hal ini hanya akan terjadi sekali saja untuk satu situs, jika anda sudah mengizinkan browsernya untuk menampilkan popup dari situs tersebut maka link akan terbuka secara otomatis, yaitu dengan mendekatkan mose anda di link yang di maksud.Semoga bermanfaat ya…

Memperpendek URL Profil Google+

Di Facebook ada fitur username untuk merubah ID menjadi nama yang kita inginkan seperti
http://facebook.com/musaamin sehingga kita lebih mudah mengingat dan menshare URL profil tanpa harus login Facebook hanya untuk sekedar mengcopy alamat URL profil kita. Pada Google+ jejaring sosial buatan Google saya sudah mencari fitur ini tapi belum ada, wajar saja fitur username belum ada pada Google+ karena masih dalam proses pengembangan. Untuk memperpendek URL Google+ ada satu website yang memberikan layanan untuk memperpendek URL Google+ namanya gplus.to.
Berikut cara menggunakan gplus.to :

Browsing http://gplus.to
Pada Nick Name masukkan username yang ingin dipakai, misalnya saya ingin memakai musaamin
Pada Your Google+ ID masukkan ID Google+, misalnya URL lengkap profil Google+ saya https://plus.google.com/108631090017817994181/ jadi ID yang dimasukkan 108631090017817994181
Terakhir klik tombol add, URL pendek Google+ sudah jadi http://gplus.to/musaamin

==========
URL adalah perpendekan dari kata Uniform Resource Locators yang berarti suatu “pathname” untuk mengidentifikasi sebuah dokumen di web. Atau lebih mudahnya URL adalah alamat folder sebuah dokumen/file.
Kalau URL untuk domain utama blog, akan lebih mudah di ingat. Misalnya saja domain http://www.ingateros.com. Tapi bagaimana jika URL untuk postingan, semisal http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html Pasti akan kesulitan untuk mengingatnya bukan?
Apa sih pentingnya memperpendek URL/link?

Lebih mudah di ingat. Dengan URL yang pendek, sebuah URL postingan/domain lebih mudah untuk di ingat bukan? bukaaan *tabokContoh URL link postingan :
- sebelum dipendekin : http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html
- setelah di pendekin : http://www.ingateros.com/kjb
Menyembunyikan link affiliasi/refferal. Ini yang paling penting untuk anda yang bergelut dalam bisnis online affiliasi. Calon referer tidak akan mengira jika link URL tersebut adalah link affiliasi.Contoh link referal/affiliasi :
- sebelum dipendekin : http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id
- setelah dipendekin : http://www.ingateros.com/go/hostgator

Cara memperpendek URL

Pakai web URL Shorter (web untuk memperpendek URL). Misalnya http://Bit.ly, http://ambil.info, dsb.Contoh di pendekin dengan web URL Shorter :
- sebelum dipendekin : http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html
- setelah dipendekin : http://bit.ly/kontes-jb
Efektifkah pakai Bit.ly, ambil.info, dsb? Menurut saya tidak sama sekali. Karena bila URL tersebut dipakai untuk komentar di blog.
Memakai forward subdomain blog
Contoh pendekin URL pakai forward subdomain :
- sebelum dipendekin : http://www.ingateros.com/2010/03/kontes-berhadiah-mobil-motor-laptop-dll.html
- sesudah dipendekin : http://kjb.ingateros.com
Efektifkah pakai forward subdomain? sungguh sangat2 tidak efektif. Hanya untuk memendekkan sebuah link mesti harus login cPanel. Selain itu database dan folder domain di hosting menumpuk jadi sampah bukan?
Menggunakan plugin Pretty Link

Hennah memakai plugin Pretty Link ini yang paling efektif menurut saya. Dengan mengistal plugin ini di blog WordPress, kita bisa memperpendek URL link. Dan bisa memakainya untuk posting di FB, Twitter, dsb. Sehingga nama blog kita bisa lebih dikenal.
Hennah sudah jelas bukan bagaimana cara memperpendek URL. Dari ketiga tersebut saya sangat menyarankan cara terakhir yang paling menurut saya paling efektif. Tapi bagi kita pengguna blogspot bisa menggunakan cara pertama. So, sekarang atau rencananya mau pakai yang mana nih?

JNE Tracking dengan Iframe

JNE Tracking Number Script

January 20, 2012 ·jasa pembuatan website ·By website company profile

Untuk website yang menjual barang dan memakai TIKI JNE sebagai jasa pengiriman, kita dapat menambahkan suatu script untuk mengecek pengiriman yang telah dilakukan. Script ini bisa kita tambahkan di website kita untuk membantu kita dan pelanggan mengecek sampai di mana pengiriman barang yang telah dilakukan. Script ini disebut JNE Tracking Number script.
Informasi yang ditampilkan dari script ini masuk ke website JNE. Website JNE akan teelihat dengan jelas. Tetapi supaya pengunjung website tetap berada di website kita kita dapat meletakkan website JNE Tracking Number Script dalam sebuah frame. Untuk itu ada 2 file utama :

Form dan IFrame
<form method=”POST” action=”hasil.php” target=”jne”>
Kode Tracking: <input type=”text” size=”12″ name=”kode”>
<input type=”submit” value=”Cek Status” name=”submit”><br />
</form><iframe name=”jne” width=”1000″ height=”500″/>Untuk coding lengkapnya (index.html):
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>JNE Tracking Number Script</title>
</head>
<body>
<b>CEK STATUS PENGIRIMAN TIKI JNE</b>
<br />
<form method=”POST” action=”hasil.php” target=”jne”>
Kode Tracking: <input type=”text” size=”12″ name=”kode”>
<input type=”submit” value=”Cek Status” name=”submit”><br />
</form>
<iframe name=”jne” width=”1000″ height=”500″/>
</body>
</html>
Hasil (hasil.php)
<?php
$kode = $_POST["kode"];
if ($kode!=””)
{
header(“Location: http://www.jne.co.id/index.php?mib=tracking.detail&awb=$kode&awb_list=$kode,”);
}
?>

Membuat Breadcrumb di Blogspot

Langsung saja tutorialnya

Masuk ke Blogger Anda > Rancangan > edit HTML > klik Expand Template Widget
Cari Kode berikut:

Kode diatas tidak ketemu?
Cari Kode di bawah ini:

Kalau saya yang ketemu kode berikut:

Masukan kode dibawah ini tepatnya di bawah post hentry atau post henty uncustomized

<!– Breadcrumb FZB –>
<b:if cond=’data:blog.homepageUrl == data:blog.url’> <b:else/> <b:if cond=’data:blog.pageType == "item"’> <div class=’breadcrumbs’> <span itemscope=’http://data-vocabulary.org/Breadcrumb’ itemtype=’http://data-vocabulary.org/Breadcrumb’> <a expr:href=’data:blog.homepageUrl’ itemprop=’url’><span itemprop=’title’>Fajar Zikri Blog</span></a> » </span><span itemscope=’http://data-vocabulary.org/Breadcrumb’ itemtype=’http://data-vocabulary.org/Breadcrumb’><b:if cond=’data:post.labels’><b:loop values=’data:post.labels’ var=’label’> <a expr:href=’data:label.url’ itemprop=’url’><span itemprop=’title’><data:label.name/></span></a> <b:if cond=’data:label.isLast != "true"’> , </b:if> </b:loop> </b:if> » </span><span itemscope=’http://data-vocabulary.org/Breadcrumb’ itemtype=’http://data-vocabulary.org/Breadcrumb’><span itemprop=’title’><data:post.title/> </span></span><hr/></div> </b:if></b:if>
<!– End Breadcrumb FZB –>

dan masukan kode berikut tepatnya di atas kode </b:skin>

<!– CSS Breadcrumb –>
.breadcrumbs{padding:5px 5px 5px 0px;margin:0px 0px 15px 0px;font-size:95%;line-height:1.4em;}
<!– End CSS Breadcrumb –>

Semoga Berhasil, demo ada di blog ini, bagian atas postingan
Fajar Zikri Blog ganti dengan nama Blog Anda sendiri

sumber : http://fajarzikri.blogspot.com

Cara Membuat Daftar Isi Pada sidebar Blog

Sebenarnya daftar isi yang dibuat berikut ini bukan hanya untuk sidbar blog saja, tapi juga bisa diletakkan pada postingan blog. Jadi, langsung saja menuju cara membuatnya daftar isi pada blog berikut ini :

Cara Membuat Daftar Menu/Isi Di Sidebar Blog :
1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript)
3. Copy script dibawah ini dan paste pada gadget.
<div style=”background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF;height:310px; overflow:auto; padding:10px; width:260px;”><div id=”cl_option”>Loading… </div><div id=”cl_content_list”></div><script type=”text/javascript”>var jumlah_kata_dalam_ringkasan = 250;</script><script src=”http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js”></script><script src=”http://ketikwww.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500″></script></div>
4. Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.
5. Save / Simpan.
Demikianlah cara membuat daftar isi pada sidebar blog. Semoga bermanfaat!

Sumber : http://ketikwww.blogspot.com/2012/03/cara-membuat-daftar-isi-pada-sidebar.html

membuat toko online di blogspot

tambahkan pada
Template ==>>> Setelan ==>>> Pos Komentar
tambahkan pada post entri kode berikut :

<center><table border=”0″ style=”width: 500px;”><tbody>
<tr> <td align=”center”><table border=”0″ style=”width: 250px;”><tbody>
<tr> <td align=”center”><a href=”http://alamat%20website%201%20yang%20dituju/” target=”_blank” title=”NAMA WIDGET 1″><img height=”200″ src=”http://blog.gadgethelpline.com/wp-content/uploads/2011/01/Apple-iPad.jpg” width=”178″ /></a>
</td> </tr>
</tbody></table>
<table border=”0″ style=”width: 250px;”><tbody>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Nama Product</b></th>   <td style=”background-color: #c27ba0;”>Product Name Goes here!</td> </tr>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Harga</b></th>   <td style=”background-color: #c27ba0;”><b>Rp 75.000</b></td> </tr>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Description</b></th>   <td style=”background-color: #c27ba0;”>Your product description here!</td> </tr>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Available Stock</b></th>   <td style=”background-color: #c27ba0;”>Stock count here!</td> </tr>
</tbody></table>
<table border=”0″ style=”width: 250px;”><tbody>
<tr> <td align=”center”><div style=”clear: both; text-align: center;”>
<a href=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHkVeuGU_GZUm6m5yMa6ZkBL9StWeZPE8EhEqMeKM4CGymRvvlEIKjtpGtEpNr1X22a_UUVJRImayf_Wvj2sGfNQEZwNizY2srTpUyrY-iyVU_qSN_OdzoIWoW9Rr-Vi98yftqY2pwuEW3/s1600/tombolz.jpg” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ height=”46″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHkVeuGU_GZUm6m5yMa6ZkBL9StWeZPE8EhEqMeKM4CGymRvvlEIKjtpGtEpNr1X22a_UUVJRImayf_Wvj2sGfNQEZwNizY2srTpUyrY-iyVU_qSN_OdzoIWoW9Rr-Vi98yftqY2pwuEW3/s200/tombolz.jpg” width=”200″ /></a></div>
</td> </tr>
</tbody></table>
</td> <td align=”center”><table border=”0″ style=”width: 250px;”><tbody>
<tr> <td align=”center”><a href=”http://alamat%20website%201%20yang%20dituju/” target=”_blank” title=”NAMA WIDGET 1″><img height=”200″ src=”http://tokoeasy.blogdetik.com/files/2009/02/fbk371.jpg” width=”178″ /></a>
</td> </tr>
</tbody></table>
<table border=”0″ style=”width: 250px;”><tbody>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Nama Product</b></th>   <td style=”background-color: #c27ba0;”>Product Name Goes here!</td> </tr>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Harga</b></th>   <td style=”background-color: #c27ba0;”><b>Rp 75.000</b></td> </tr>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Description</b></th>   <td style=”background-color: #c27ba0;”>Your product description here!</td> </tr>
<tr>   <th style=”background-color: orange; text-align: left;”><b>Available Stock</b></th>   <td style=”background-color: #c27ba0;”>Stock count here!</td> </tr>
</tbody></table>
<table border=”0″ style=”width: 250px;”><tbody>
<tr> <td align=”center”><div style=”clear: both; text-align: center;”>
<a href=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHkVeuGU_GZUm6m5yMa6ZkBL9StWeZPE8EhEqMeKM4CGymRvvlEIKjtpGtEpNr1X22a_UUVJRImayf_Wvj2sGfNQEZwNizY2srTpUyrY-iyVU_qSN_OdzoIWoW9Rr-Vi98yftqY2pwuEW3/s1600/tombolz.jpg” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ height=”46″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHkVeuGU_GZUm6m5yMa6ZkBL9StWeZPE8EhEqMeKM4CGymRvvlEIKjtpGtEpNr1X22a_UUVJRImayf_Wvj2sGfNQEZwNizY2srTpUyrY-iyVU_qSN_OdzoIWoW9Rr-Vi98yftqY2pwuEW3/s200/tombolz.jpg” width=”200″ /></a></div>
</td> </tr>
</tbody></table>
</td> </tr>
</tbody></table>
</center>
kemudian Simpan yang sebenarnya adalah mengatur layout posting