Home » Posts filed under Blogspot Tutorial
Showing posts with label Blogspot Tutorial. Show all posts
Showing posts with label Blogspot Tutorial. Show all posts
Tool parse code html
Sekedar info bagi para blogger. Bagi teman2 yang kerjaannya suka memparse alias mengkonver kode HTML, karena pihak google sendiri sudah menyediakan fasilitas ini untuk para blogger jadi coba saja.
Contoh tampilan form parsing code
Contoh tampilan form parsing code
Widget SMS Gratis pada Blogspot
bagaimana cara memasang widget sms gratis pada blogspot...barusan uprek uprek google eh dapet caranya pasang sms gratis....
sapa tau bermanfaat
langsung saja neh caranya :
1.masuk ke dashboard blogspot.com anda, klik add gadget
2. Pilih HTML/Javascript

3. Pada JUDUL isi misalnya : SMS GRATIS
kemudian copy paste kode di bawah ini

4. pilih save

langsung saja neh caranya :
1.masuk ke dashboard blogspot.com anda, klik add gadget
2. Pilih HTML/Javascript

3. Pada JUDUL isi misalnya : SMS GRATIS
kemudian copy paste kode di bawah ini
<iframe name="I2" src="http://sms-online.web.id/widget"
width="270" height="350"> not support
</iframe>
width="270" height="350"> not support
</iframe>

4. pilih save
Free Blogger Template at wooowtemplate.blogspot.com
do you search beautifull blogger template or wordpress theme, now you can get it at woowtemplate.blogspot.com, there all free.
Cara buat sendiri blogger template

Siapa bilang ngedesain template sendiri itu sulit? cukup berbekal Blogger Template Generator dibawah ini kita sudah bisa kok membuat Template dinamis secara instan tanpa harus menguasai bahasa pemrograman seperti HTML, XML dan CSS. Disini yang kita butuhkan hanya sedikit kreatifitas saja, selebihnya imajinasi kita sendiri yang menentukan hasil akhir dari desain template.
Pimp-My-Profile
Template generator ini tampil menggunakan tab menu sederhana, kita dapat memulai membuat template dengan memilih beberapa fasilitas yang sudah disediakan. Sebelum mencoba tools ini pastikan kita menggunakan browser versi IE6 atau versi diatasnya, Firefox dan Opera.

PsycHo - psychogenesis
Kita dapat merancang blogger template sendiri mulai dari header hingga sampai ke footer. Yang jelas kita tidak harus memiliki pengetahuan lebih tetang HTML, cukup mengaturnya langsung melalui beberapa setting yang tesedia. Seperti yang dikatakan pembuatnya, waktu yang kita habiskan untuk mendesain sebuah template kurang lebih hanya 10 menit.

Page Column Layout Generator
Generator ini menyediakan berbagai macam pililhan column, mulai dari generator untuk template 1 coloums bahkan sampai 5 Column juga tersedia. Beberapa fitur lain diantarnya:
- Liquid design, no tables, no javascript, pure layers and css.
- Visual layout and backgroud color design, WYSIWYG
- Cross browser compatibility
- Compact CSS code, reduce 25% of length

Trix Blogspot Template Generator TrixTG v1 adalah tool untuk membantu kita mendesain template untuk Blogspot. Memang antarmuka tidak sebagus yang kita harapkan, tetapi fungsionalitas yang disediakan oleh generator template ini sangat baik.

Selamat mencoba aja :)
Source: o-om.com
Membuat Buku Tamu Tersembunyi
Langkah Pertama :
# Pada kode di atas, cari kode dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
# Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
# Selamat mencoba!
- Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
- Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
- Copy-paste kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDAyJoMQukVeppcxGHWprw3t6fbN2BDxXdONOfvh-A2CNuBoYWyhxoViWcVrIDgULi5jVDFeX_h7Un0MPk4cYuTrYytYrCBjcfTi8BjZyxCXizxRYuUauDX0tIdJbC5NHt-oEbja_S43d/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : 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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
Mau seperti ini?<br/>
Click aja disinih.....:
<a href="http://warnetcyber.blogspot.com/2009/10/membuat-buku-tamu-tersembunyi.html">
tutorial news info
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
# Pada kode di atas, cari kode dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
# Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
# Selamat mencoba!
sumber : http://aladdingrup.blogspot.com
Subscribe to:
Posts (Atom)