Pages


Cara Membuat Recent Post Berjalan
hai sobat selamat malam .di sini saya mempostegkan sebuh widget  Tapi saya tidak memasangnya dikarenakan membuat loading blog menjadi lelet, kasian kan yang tidak pakai speedy. Oke langsung aja, gimana sih cara bikin recent post yang bisa berjalan itu ?

1. log in ke akun blogger mu
2. Pilih tata letak
3. Tambah Gadget
4. Lalu pilih HTML Javascript
5.  lalu pastekan kode ini :

<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">
    #rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}
    #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
    #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
    #rp_plus_img li{height:85px;padding:0px;list-style:none;}
    #rp_plus_img a{color: #000000;}
    #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}
    #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:95px;height:55px;}
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
    </script>
    <script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    var speed = 1000;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img"><script>
    var numposts = 20;
    var numchars = 45;
    </script> <script src=http://kodokita.blogspot.com//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
    </script> </ul>
    </center></td></tr></tbody></table></center>

6. Klik simpan,

Keterangan :
- http://kodokita.blogspot.com/ ganti dengan link blog kamu
- dan angka 20, ganti dengan jumlah posting yang mau kamu tampilkan

Sekian dulu info dari saya, wassalamu'alaikum wr. wb


Cara Membuat Read More Yang Simple Di Blog
hai sobat di sini saya menemukan cara membuat read more.yak meskipun kali ni saya melihat dari post orang lain tapi alangkah baik nya coba saja dach.....pasti tertarik

Cara Menambahkan Read More Dalam Mode Compose :
1. Buatlah sebuah postingan seperti biasanya
2. lalu tempatkan kursor mu di tempat dimana kata-katanya dipotong,
3. Dan klik ikon jump break diatas, lihat gambar dibawah ini :



Selain dengan Mode Compose kamu juga bisa dengan mode HTML.
Cara Menambahkan Read More Dalam Mode HTML :
1. Buatlah postingan seperti biasanya, dan ketik dahulu sampai selesai.
2. lalu klik mode html
3. Tempatkan kursormu pada kalimat yang ingin dipotong (seperti tadi)
4. Lalu tambahkan script ini

<!--more-->

5. dan publikasikan artikel mu seperti biasanya. Mudah bukan ? hehe. Lihat gambar di bawah ini :


Mudah bukan ? Silahkan dicoba mana yang cocok. Semoga Bermanfaat :)

Cara Membuat Pesan Di Kolom Komentar Blog
       selamat sore teman ,,, Pernahkah Anda melihat pesan-pesan khusus di dekat area formulir komentar saat ingin berkomentar di suatu blog? Apakah Anda tertarik juga untuk membuat pesan tersebut pada blog Anda? Tidak sulit untuk membuat pesan pada formulir komentar dan tidak perlu mengedit HTML template blog karena Blogger telah menyediakan fasilitas tersebut. Kita tinggal mengetikkan kalimat-kalimat pesan saja sesuai keinginan.


Langkah-langkahnya adalah :
1. log in ke akun blogger anda
2. masuk ke setelan, dan pilih komentar
3. lalu pilih Pesan Formulir Komentar
4. dan isikan pesanya sesuai kemauan anda :)


Cara Membuat Menu Horizontal Di Blog


Assalamualaikum gan, kali ini ane mau ngajarin  gimane caranye bikin menu yang kayak di blog ana ini. Kebetulan ana dapat informasi dari tetangga sebelah haha. Oke langsung aja ya check this out.


Langkah-langkah Membuatnya :

1. Baca bismilah dulu teman kalok perlu baca surat yasin wkwkwkkw
2. Sholat dulu teman
J
3. log in aj kebloger anda
4. nah pilih tab rancangan > add gadget > HTML/JAVASCRIPT
5. masukkin kode ini gan :


<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>                     
</div>
6. klik simpan
7. tarik gadget ini ke atas di tab header, maka akan muncul diatas seperti blog saya hehe
Catatan :
ganti tanda pagar ( # ) pada kode <a href='#'> dengan link yang teman inginkan, bisa link label, postingan, atau link yang mengarah kesitus lain. Silakan ganti tulisan Menu 1 - Menu 5 dengan nama menu yang teman inginkan.


Cara Membuat Link Di Sidebar Blog Sendiri
Selamat pagi teman -teman  blogger :) kalo kamu Belajar SEO pastinya harus mengerti kan giman caranya membuat link di sidebar kamu sendiri. Nah untuk itu dalam postingan saya kali ini akan membahas gimana sih caranya membuat link di sidebar blog sendiri.


Pada dasarnya ini nih kode dasar untuk membuat link, silahkan di coba terlebih dahulu :

<a href="alamat_link">kata yang di jadikan link</a>

1. Alamat link : Kamu isi alamat postingan kamu, contohnya :
http://kodokita.blogspot.com/2012/04/daftar-tempat-hangout-di-surabaya.html

2. Kata Yang Dijadikan link itu judul postinganmu, contohnya : Daftar Tempat Hangout di Surabaya

Jadi link yang harus dibuat adalah seperti ini contohnya :

<a href="
http://kodokita.blogspot.com/2012/04/daftar-tempat-hangout-di-surabaya.html ">Daftar Tempat Hangout di Surabaya</a>

Maka akan jadi seperti ini :
Daftar Tempat Hangout di Surabaya

Mudah bukan ? hehe. Sekarang giman caranya naruh link kamu di side bar blog. Caranya adalah sebagai berikut :

1. Log in ke akun blogger kamu,
2. Pilih tata letak
3. dan klik tambah gadget > html/Javascript
4. Masukkan kode yang telah kamu buat tadi contohnya :

<a href="
http://kodokita.blogspot.com/2012/04/daftar-tempat-hangout-di-surabaya.html ">Daftar Tempat Hangout di Surabaya</a>

5. Setelah itu klik simpan.


Cara Memasang Widget Bulan Ramadhan di Blog
                       
                   Allah berfirman (yang artinya): “(Beberapa hari yang ditentukan itu ialah) bulan Ramadhan, bulan yang di dalamnya diturunkan (permulaan) Al-Qur'an sebagai petunjuk bagi manusia dan penjelasan-penjelasan mengenai petunjuk itu dan pembeda (antara yang hak dan yang bathil). Karena itu, barangsiapa di antara kamu hadir (di negeri tempat tinggalnya) di bulan itu, maka hendaklah ia berpuasa pada bulan itu, dan barangsiapa sakit atau dalam perjalanan (lalu ia berbuka), maka (wajiblah baginya berpuasa), sebanyak hari yang ditinggalkannya, pada hari-hari yang lain. Allah menghendaki kemudahan bagimu, dan tidak menghendaki kesukaran bagimu. Dan hendaklah kamu mencukupkan bilangannya, dan hendaklah kamu mengagungkan Allah atas petunjuk-Nya yang diberikan kepadamu, supaya kamu bersyukur" [Al-Baqarah : 185]

HALOO ramadan sudah selesai nih tapi di sina saya mengasih info tentag mengingat ramadan dengan memasang widget ramadan yang menarik,
dan tak usah panjang lebar dengan semuanya kita langsung saja dengan langkah yang pertama

Langkah-langkah :

 
Free Website templatesSEO Web Design AgencyMusic Videos Onlinefreethemes4all.comFree Blog TemplatesLast NewsFree CMS TemplatesFree CSS TemplatesFree Soccer VideosFree Wordpress ThemesFree Web Templates