Bagaimana Menampilkan Blog Lain dengan IFrame

Jika anda punya lebih dari satu blog, pernahkah terpikir untuk menampilkan blog anda yang lain secara utuh (bukan sekedar konten atau feed nya saja) ke dalam blog utama anda? Contohnya, aku ingin menampilkan blog tentang ptc ke dalam halaman tersendiri dalam blog belajar internet ini. Untuk keperluan ini, aku menggunakan IFrame. Bagaimana menggunakan IFrame?

Sebelum menjelaskan cara menampilkan blog atau website lain dalam blog kita, ada baiknya lihat contoh pemakaiannya. Silakan lihat halaman bisnis modal klik di mana aku menggunakan kode IFrame untuk menapilkan blog Bisnis Modal Klik dalam halaman khusus di blog ini. Atau Lihat screenshotnya berikut ini.



Sudah punya gambaran tentang apa itu IFrame kan ? Kalau sudah, dan berminat menggunakan IFrame, mari simak cara penggunaan IFrame.

Perintah dasar dari iframe adalah sebagai berikut :
<iframe> .... isi dari iframe .... </iframe>

Beberapa atribut yang sering di pasang dalam iframe adalah :

ALIGN="left/right" --> Untuk mengatur posisi iframe
WIDTH="lebar" -->: Mengatur lebar IFRAME dalam pixel atau persen
HEIGHT="tinggi" --> Untuk mengatur tinggi dari iframe dalam pixel atau persen
FRAMEBORDER="garis pembatas" --> Untuk memberi garis pembatas
SCROLLING="auto/yes/no" --> Untuk memberi atau tidak memberi scrolling pada iframe
SRC="url yg ingin di tampilkan" --> alamat sumber yang ingin di tampilkan pada iframe

Adapun kode yang aku gunakan untuk menampilkan seperti dalam contoh di atas adalah:


<iframe frameborder="0" height="2000" scrolling="auto" src="http://bisnismodalklik.blogspot.com/" width="100%">
Your browser does not support iFrames or enable your javascript.
</iframe>


Tulisan berwarna merah aku gunakan untuk berjaga-jaga seandainya alamat blog yang ingin aku tampilkan tidak bisa muncul, sehingga halaman kita tidak jadi kosong.

Read more »

Tips Blogspot: Mengganti Author Name

Dalam satu akun blogger, kita dibolehkan untuk mempunyai banyak blog sekaligus. Secara default, author name atau nama penulis ini akan sama untuk semua blog. Aku pribadi merasa kurang sreg jika semua blogku mempunyai tampilan nama penulis yang sama. Untuk itu, aku mencari tahu bagaimana cara mengganti nama penulis atau author name pada blogspot. Berikut ini hasilnya.

Jika anda belum paham apa itu author name atau nama penulis, lihat gambar berikut:



Nah, bagaimana cara mengganti author name, sehingga masing-masing blog punya author name yang berbeda? Jika anda ingin mengganti author name, silakan ikuti tutorial berikut ini.

1. Login ke blogger
2. Pada menu Design -> Edit HTML
3. Beri tanda centang pada "Expand Widget Templates"
4. Cari kode dibawah ini

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>

Ganti tulisan yang dicetak merah dengan nama yang ingin anda gunakan. Contohnya

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>Cah Pekalongan
</b:if>

5. Kalau sudah klik Save Template.

6. Selesai. Silahkan lihat hasilnya.

Read more »

Cara Membuat Halaman Statis pada Blogspot

Salah satu menu yang tidak dipunyai oleh Blogger tapi dipunyai oleh Wordpress adalah halaman statis. Halaman statis ini merupakan bagian dari blog yang tidak termasuk dalam postingan. Biasanya halaman statis ini digunakan untuk menampilkan halaman kontak, daftar isi, profil, dan sebagainya. Namun, kini menu pembuatan halaman statis sudah tersedia pada blogspot, dan cara pembuatannya pun cukup gampang. Bagaimana membuat halaman statis di blogspot?

Berikut adalah panduan bagaimana cara membuat halaman statis atau page di blogger blogspot.

1. Login ke dashboard blogger dan masuk ke menu Posting.
2. Klik tab Edit Pages (atau Edit Laman)



3. Klik tombol New Page (Laman Baru) yang berwarna biru untuk mulai membuat halaman statis baru. Pembuatan halaman statis ini sama dengan pembuatan posting biasa. Anda perlu menekan Publish page (Tayangkan Laman) jika sudah selesai.

4. Semoga bermanfaat.

Read more »

Tips Blogspot: Membuat Ucapan Selamat Datang

Adanya tulisan yang menyapa nama pengunjung blog kita tentu merupakan nilai tambah, karena pengunjung akan merasa "akrab" dengan blog kita dan mungkin betah berada di dalamnya (tentunya jika blog kita diisi dengan tulisan yang bermanfaat). Pada tulisan kali ini aku akan jelaskan cara membuat ucapan selamat datang kepada pengunjung, seperti yang bisa anda lihat pada bagian atas artikel di blog ini.

Panduan membuat ucapan sapaan kepada pengunjung ini menggunakan javascript. Anda dapat menggunakan file javascript yang diupload diserver sendiri (atau mungkin file punya orang lain), namun kelemahannya jika file tersebut telah melebihi kuota bandwidth, atau mungkin hilang karena sesuatu dan lain hal, tentu saja kode yang kita pasang tidak akan berfungsi.

Untuk menghindari hal tersebut, anda bisa menggunakan cara seperti yang aku pakai, yakni "menyimpan" (host) file javascript langsung di blogspot. keunggulannya tentu saja unlimited bandwidth, tidak bakal hilang selama blog kita masih ada, dan tentu saja gratis.

Tanpa berpanjang kata, mari langsung saja kita praktekkan membuat ucapan selamat datang kepada pengunjung.

1. Login ke dashboard blogspot
2. cari kode </head>
3. Kopi kode berikut dan letakkan DI ATAS kode </head>


<!-- js welcome visitor -->
<script type='text/javascript'>
<!-- *****************http://www.bewegaleri.com*****Nov,2010****************** -->

//<![CDATA[

function getname(){
//this is the name of the function
var thiscookie=document.cookie;
//this retrieves the cookie
var location=thiscookie.indexOf("surfername=");
//this is the location of where the information starts
var endlocation=thiscookie.indexOf(":");
//this is the location of the end of the information
if (location != -1){
//this checks to see if the cookie exists
var begin=location+11;
//this gets the location of the begining of the surfer's name
var yourname=thiscookie.substring(begin, endlocation);
//this grabs the value from the cookie
yourname = unescape(yourname);
//this unencodes the surfer's name
return yourname;
//this returns the surfer's name
}
else{
var yourname = prompt("Welcome, please enter in your name.",'');
//this asks for the name
document.cookie = "surfername=" + escape(yourname)+":" + "expires=Fri Dec 10 11:00:00 PST 1999";
// the above line sets the cookie with a name=value pair of surfername=value
// you may modify the expiration date by changing the expires=
}
return yourname; //this returns the surfer's name
}

//]]>

</script>


3. Pada menu Tata Letak, pilih kembali sub menu Elemen Halaman. Klik link menu Add Gadget pada bagian di mana tulisan selamat datang akan ditempatkan. Pilih gadget HTML/JavaScript. Jika anda ingin menambahkan tulisan tersebut di atas artikel (seperti blog ini), namun tidak ada menu Add Gadget pada bagian atas artikel, anda bisa menambahkannya dari sidebar, kemudian seret (drag) ke tempat yang anda inginkan. Jangan lupa menyimpan.

4. Copy kode dibawah ini kedalam kotak isian HTML/JavaScript tersebut :


<script>
document.write("Selamat Datang di Blogku, " + getname() + "!");
</script>


Anda bisa mengganti tulisan "Selamat Datang di Blogku" dengan tulisan lain yang Anda inginkan.

5. Simpan pekerjaan anda.

Note :
kode script di atas akan memunculkan popup agar pengunjung mengetikkan nama. Bagi sebagian orang mungkin hal ini membuat kurang nyaman. Kita bisa mengganti " + getname() + " dengan sapaan, misalnya "kawan", "teman", "bro", atau yang lainnya.

Read more »