Membuat Tombol Show/Hidden Pada Postingan

Sebelum ane menjelaskan kepada agan bagaimana cara membuat tombol show/hidden pada postingan, ane mengucapkan selamat datang di blog ane dan semoga informasi yang ane sampaikan bermanfaat bagi agan semua.

baiklah ane gak kan banyak basa basi kita langsung saja ke pokok permasalahan yaitu bagaimana cara membuat tombol/hidden pada postingan blog.

Caranya sangatlah mudah yaitu agan tinggal mengkopikan scrip yang ada dibawah ini!

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Letakkan Tulisan Atau Gambar agan Disini

</div></div></div>

Kemudian pastekan pada saat agan melakukan postingan. Letakkan postingan agan seperti pada tulisan berwarna biru. Sedangkan teks yang berwarna merah bisa agan ganti tulisannya sesuai dengan selera agan, misalkan click to show atau apapun yang agan mau.

Sekian dari saya tgentang bagaimana cara membuat tombol show/hidden pada postingan blog dan semoga bermanfaat dan jangan lupa tinggalkan komentarnya.
Selengkapnya...

Membuat Readmore Pada Blog

Pada postingan sebelumnya ane telah membahas tentang cara membuat tombol show/hidden pada postingan blog maka sekarang ane mau mosting bagaimana cara membuat readmore agar lebih mneghemat tempat postingan agan.

Caranya sama seperti biasanya agan harus login dulu ke blog kemudian agan pilih Design dan pilih Edit HTML dan jangan lupa agan mencentang Expand Tamplate Widget

Kemudian cari kode <data:post.body/> untuk lebih mudahnya agan gunakan Ctrl+F pada keyboard.

Setelah ketemu agan hapus kode tersebut dan agan ganti dengan kode dibawah ini!

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Kemudian agan save tamplatenya tapi tugas agan belum selesai sampai disini.
Langkah selanjutnya agan pilih Setting kemudian agan pilih formatting dan agan cari Tamplate Posting,lalu agan tuliskan kode dibawah ini

<span class="fullpost">
</span>

Setelah itu simpan dan selesai sudah tugas agan.

Untuk cara penulisannya agan bisa lihat dibawah ini:

Belajar Membuat Blog
<span class="fullpost">
cara membuat readmore
</span>

dan hasilnya akan nampak seperti:

Belajar Membuat Blog
Selengkapnya...
Selengkapnya...

Pemain Bola Sexy Gan

spoiler

spoiler

spoiler

spoiler

Selengkapnya...

Cynthia-Model Sexy Berwajah Cantik

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

 

Selengkapnya...

Artis Korea Sexy

Foto artis korea Lee Soo Jung sexy

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

 

Selengkapnya...

Model Sexy Lovelyluna

Model Yang Satu Ini Gak Kalah Imut Gan

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Selengkapnya...

Model Sexy Cheverly Amalia

Inilah foto model sexy Cheverly Amalia

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Klik show untuk melihat

Selengkapnya...

Memasang Iklan Otomatis Dibawah Postingan

selamat malam agan dan sista semua...
kali ini ane mencoba memposting bagaimana cara memasang iklan secara otomatis dibawah postingan blog..
ok,langsung saja kita pada pokok permasalahan dari pada agan dan sista keburu kabur karena  mendengarkan clotehan saya..

Sebelumnya agan butuh MEMPHRASE kode iklan agan dulu, caranya:
1. Agan kunjungi www.centricle.com
2. Hapus saja teks Ampersands & angle brackets need to be encoded
3. Kopikan scrip iklan agan pada kotak tersebut
4. Klik encode
5. Tunggu beberapa saat sehingga muncul hasilnya.

Setelah selesai agan tinggall memasang iklan agan pada blog, ini caranya:
1. login dulu ke blogger.com
2. Pilih Design dan kemudian pilih Edit HTML
3. Jangan Lupa agan centang Expand Template Widget
4. Agan Cari kode >data:post.body/< agar lebih gampang tekan Ctrl+F
5. Kopikan kode iklan yang telah agan PRHASE tepat dibawah kode no5
6. Save dan agan tinggal lihat hasilnya.

Sekian dulu dari ane tentang bagaimana cara memasang iklan secara otomatis di bawah postingan dan semoga bermanfaat..ettss jangan lupa agan tinggalkan komentarnya.
Selengkapnya...

Qnet Diakui Microsoft

Qnet terus membuktikan dirinya sebagai perintis pemasaran jaringan dan penjualan langsung secara online dan sebagai salah satu dari pengadopsi awal e-commerce yang diakui oleh Microsoft. Sejak saat itu senantiasa menjadi yang terdepan dalam teknologi informasi. Sistem Informasi teknologi canggih merupakan bagian yang tak terpisahkan untuk mendukung dan meningkatkan bisnis Qnet.

Hal ini dilakukan dengan menyediakan layanan TI yang stabil dengan memberikan solusi aplikasi yang efektif dan teknologi mutakhir yang dirancang untuk membantu dan meningkatkan serta menumbuhkan bisnis IR. Ini menjadi salah satu bukti bahwa Qnet bukan perusahaan sembarangan dan Qnet selalu mengembangkan kemajuannya dalam bidang teknologi diseluruh dunia.

Sumber: qnetbisnisluarbiasa
Selengkapnya...

Qnet Bukanlah Program Cepat Kaya

Qnet bukanlah sebuah program cepat kaya. Sering kali bagi para IR Qnet menganggap bahwa bisnis Qnet adalah suatu bisnis yang dapat membuat agan kaya, iru salah besar. Kenapa? karena orang yang mau kaya dan orang yang mau sukses harus berusaha semaksimal mungkin agar dapat mencapai tujuan masa depannya. Qnet hanyalah sebuah jalan atau jembatan saja sebagai langkah awal agan untuk meraih kesuksesan.

Bukanlah suatu hal yang mustahil jika anda pantang menyerah, selalu berdoa, selalu belajar serta berusaha pasti anda bisa sukses di Qnet. Semuanya harus merasakan kesusahan dulu dalam membangun sebuah bisnis, begitu juga di Qnet akan terasa hasilnya jika agan mempunyai komitmen, maju terus pantang mundur, tanpa melihat apapun yang akan terjadi disekeliling agan. Asalkan agan berada di jalan yang benar, pasti apa yang selama ini agan mimpikan akan terwujud.

Mudah-mudahan postingan tentang Qnet bukanlah sebuah program cepat kaya dapat memotivasi agan dalam menjalankan bisnis Qnet. so, tetaplah positif thinking dan sukses selalu.

Sumber:qnetbisnisluarbiasa

Selengkapnya...

Membuat Recent Post Berjalan

Dah lama gak posting neh..kali ane akan mencoba berbagi informasi tentang bagaimana membuat recent post berjalan..emang sih sudah banyak yang membuat tapi ane cuma mau berbagi informasi...

baiklah langsung saja ane jelaskan
1. login dulu ke blog agan
2. add gadget HTML/java script
3. kopikan kode yang ada dibawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 30;
home_page = "http://blazerracing.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

Catatan:

yang berwarna merah ganti dengan alamat blog agan
numposts adalah jumlah recent post yg akan ditampilkan Selengkapnya...