Showing posts with label di blog. Show all posts

membuat Search Box / Kotak pencarian di blog

membuat Search Box / Kotak pencarian di blog, ada beberapa cara yaitu:

Cara 1
1. Login ke akun Blogger
2. Klik Menu Layout
3. Klik Tab Page Element
4. Klik Pada Add a Gadget
5. Lalu Pilih "Kotak Penelusuran"
6. Ada beberapa pilihan, silahkan pilih sesuaikan dengan keinginan.

Memasang Form Komentar Facebook Di Blog

Memasang Form Komentar Facebook Di Blog? Jika ya, silakan ikuti langkah-langkah berikut.

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Cari kode <div class='comments' id='comments'> dan masukan kode berikut tepat di bawah kode<div class='comments' id='comments'>. (# Jika terdapat 2 kode di atas, pilih yang kedua)

Membuat Widget Yahoo Messenger di Blog (Yahoo Messenger)

Membuat Artikel Terkait di Bawah Postingan

Membuat atau Memasang Artikel Terkait (Related Post) di blog valid HTML5 dan CSS3 fungsinya untuk membuat pengunjung membaca artikel kita yang lainnya dan tentunya yang masih berhubungan dengan berita yang mereka baca sebelumnya, ini sangat membantu visitor/pengunjung untuk lebih leluasa membaca artikel lain yang mungkin bermanfaat untuk diketahui. Cara membuat artikel terkait di bawah postingan ini bisa dibilang adalah Sebuah Link atau Url yang di kelompokan dan saling berkaitan atau berhubungan dan bahkan bisa satu topik, makanya di dalam script artikel terkait tidak akan bisa bekerja jika postingan Anda belum Anda kasih Label. dan tentunya artikel terkait yang akan di buat ini sudah valid HTML5 dan CSS3.

Menampilkan Jumlah Komentar dan Postingan di Blog

hasilnya nanti seperti dibawah ini :

Naahhh ingin sekali membuatnya bukan? Yuk ikuti tutorial dibawah ini :

Cara Memasang Breadcrumb di Blog

Artikel saya kali ini akan membahas tentang fitur navigasi yang terletak di atas atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan nama breadchumb. Pengertianbreadcrumb sendiri kurang lebihnya adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol menuju home (halaman depan blog).

Cara Membuat Iklan/Banner Melayang (Popup) di Blog

Oleh Muhammad Farhan

TULISKAN.com - sobat pastinya tahukan mengenai gambar melayang di blog, sekarang ini di blog-blog banyak yang memakai gambar melayang untuk mempromosikan iklan, animasi, Facebook, dan Twitter Page. karena cara ini dianggap efektif sobat, untuk memasang iklan karena banner ini berada di depan layar jadi otomatis pengunjung pasti melihat banner/gambar ini.

Hari ini sobat, TULISKAN.com akan nge-share tentang cara membuatgambar/banner melayang di blog/web. pasti kedengaranya menarik kan sobat. kita bisa kok sobat mengganti-ganti posisi banner/gambar melayang ini bisa di atas (top), di bawah (bottom), di kanan (right), di kiri (left), tergantung keinginan sobat. pasti sobat udah gak sabar kan, ini dia langkah-langkahnya.

Cara Membuat Iklan/Banner Melayang (Popup) di Blog

1. Login ke Blogger.

2. Masuk Dashboard.

3. Pilih Template.

4. Pilih Edit HTML.

5. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode berikut ini tepat diatsnya.

#tuliskancom-popup {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Keterangan:

0 = Jarak Iklan Melayang dari bawah Layar
0 = Jarak Iklan Melayang dari kiri layar

7. Sekarang pergi ke halaman Tata Letak/Layout.

8. Klik "Add/Tambahkan" gadget".

9. Pilih HTML/JavaScript.

<div id='tuliskancom-popup'>
<a href='http://www.tuliskan.com'>
<img border='0' src='http://www.linuxhpc.org/images/samples/468x60.gif'/></a>
</div>

Keterangan:

Ganti kode yang berwarna merah dengan URL tujuan iklan
Ganti kode yang berwarna biru dengan URL Banner/Gambar iklan

10. Klik "Save" dan selesai.

Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Iklan/Banner Melayang (Popup) di Blog, semoga bermanfaat, dan selamat mencoba.

memasang Pop-up Iklan di blog

Multi Paste - Anda ingin memasang Pop-up Iklan di blog..? caranya cukup mudah, tetapi sebelum kita membahas Cara Buat Pop-up Iklan di Blog ada baiknya jika kita memahami apa sebenarnya yang dimaksud dengan Pou-up. Pop-up adalah jendela yang muncul secara otomatis tanpa permisi, tanpa anda merasa telah membukanya. Ukuran jendela bervariasi namun biasanya tidak menutup keseluruhan layar. Sebagian pop-up tampil pada bagian atas jendela aktif browser, sementara yang lain muncul di bawah jendela aktif browser.

Iklan ini cukup menarik karena tampil di atas blog, jika diklik, maka iklan akan bergeser ke atas dan akhirnya menghilang, untuk memasang Pop-up iklan ini anda cukup meng-copy script di bawah ini dan memasukkannnya ke dalam gadget type HTML/Javascript, detailnya bisa anda ikuti langkah di bawah ini.

Jika sudah berhasil login klik link Nama Blog Anda >> Layout >> Add a Gadget lihat artikel Cara Menambahkan Gadget di Blog

Pilih type Gadget HTLM/Javasript pada kotak Title tidak perlu memasukkan judul gadget lalu copy kode di bawah ini dan paste pada kotak Content selanjutnya klik button Save untuk menyimpannya.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, -1500) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5: 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close]:.
</a>
</div>
<center>

Masukan kode iklan atau gambar di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Jangan lupa untuk menganti tulisan yang berwarna merah dengan kode iklan anda.

Periksa blog anda sekarang, lihat hasilnya jika berhasil ucapkan Alhamudilillah

memasang Pop-up Iklan di blog

Jika sudah berhasil login klik link Nama Blog Anda >> Layout >> Add a Gadget lihat artikel Cara Menambahkan Gadget di Blog

Pilih type Gadget HTLM/Javasript pada kotak Title tidak perlu memasukkan judul gadget lalu copy kode di bawah ini dan paste pada kotak Content selanjutnya klik button Save untuk menyimpannya.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, -1500) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5: 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close]:.
</a>
</div>
<center>

Masukan kode iklan atau gambar di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Jangan lupa untuk menganti tulisan yang berwarna merah dengan kode iklan anda.

Periksa blog anda sekarang, lihat hasilnya jika berhasil ucapkan Alhamudilillah

memasang Pop-up Iklan di blog

Jika sudah berhasil login klik link Nama Blog Anda >> Layout >> Add a Gadget lihat artikel Cara Menambahkan Gadget di Blog

Pilih type Gadget HTLM/Javasript pada kotak Title tidak perlu memasukkan judul gadget lalu copy kode di bawah ini dan paste pada kotak Content selanjutnya klik button Save untuk menyimpannya.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, -1500) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5: 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close]:.
</a>
</div>
<center>

Masukan kode iklan atau gambar di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Jangan lupa untuk menganti tulisan yang berwarna merah dengan kode iklan anda.

Periksa blog anda sekarang, lihat hasilnya jika berhasil ucapkan Alhamudilillah

JASA PEMBUATAN WEBSITE

Laman

membuat Search Box / Kotak pencarian di blog

Memasang Form Komentar Facebook Di Blog

Membuat Widget Yahoo Messenger di Blog (Yahoo Messenger)

Memasang Artikel Terkait (Related Post) di blog

Menampilkan Jumlah Komentar dan Postingan di Blog

Cara Memasang Breadcrumb di Blog