Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Kamis, Februari 18, 2010

Published 09.43 by Android Flasher with 0 comment

Berbagi cinta, sharing and Bookmarking Widget For Blogger Posts

hi semua. sudah lama sekali saya diposting trik terbaru tentang bagaimana menambahkan tombol bookmark sosial untuk blogger
sejak bookmark sosial merupakan faktor yang sangat penting ketika datang ke blogger seo dan link building.
, hari ini aku akan melakukannya lagi tetapi aku akan menggunakan widget yang luar biasa, terlihat sangat stylish,
dan trik kami hari ini, akan dilakukan hanya dalam tiga langkah sederhana, untuk melihat demo untuk widget ini sebelum kita mulai, silakan klik di sini.
silakan gulir ke bawah ke pos bawah untuk melihat widget.
widget blogger ini pengunjung Anda akan dapat berbagi dan penunjuk posting Anda dengan jaringan berikut.

<ul>

<li class="single">Stumbleupon</li>

<li class="single">Reddit</li>

<li class="single">Delicious</li>

<li class="single">Yahoobuzz</li>

<li class="single">Blinklist</li>

<li class="single">Technorati</li>

<li class="single">Facebook</li>

<li class="single">Twitter</li>

<li class="single">Myspace</li>

<li class="single">Scriptstyle</li>

<li class="single">Designfloat</li>

<li class="single">Comfeed</li>

<li class="single">Newsvine</li>

<li class="single">Linkedin</li>

<li class="single">Google</li>

<li class="single">Friendfeed</li>

</ul>

Langkah 1

Pergi ke blogger.com dan sign in ke account blogger Anda, Dan pergi ke Dashboard>> Layout>> Edit html dan sebelum melakukan sesuatu,
pastikan untuk memeriksa
Expand Template Widget
Kemudian, cari kode berikut.

]]></b:skin>

dan sebelum itu, tambahkan kode berikutnya.

/* start share the love css by allblogtools.com

----------------------------------------------- */

div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}

div.sexy-bookmarks-expand{height:29px; overflow:hidden}

.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url('http://img31.imageshack.us/img31/176/sexytrans.png') !important; background-repeat:no-repeat}

div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}

div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}

div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}

div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}

div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}

div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}

.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url('http://www.mydatanest.com/files/allblogtools/41739_lujnj/sexysprite.png') no-repeat !important;border: 0;outline: none;}

.sexy-digg{background-position:-980px bottom !important}

.sexy-digg:hover{background-position:-980px top !important}

.sexy-reddit{background-position:-700px bottom !important}

.sexy-reddit:hover{background-position:-700px top !important}

.sexy-stumbleupon{background-position:-630px bottom !important}

.sexy-stumbleupon:hover{background-position:-630px top !important}

.sexy-delicious{background-position:-1190px bottom !important}

.sexy-delicious:hover{background-position:-1190px top !important}

.sexy-yahoobuzz{background-position:-1120px bottom !important}

.sexy-yahoobuzz:hover{background-position:-1120px top !important}

.sexy-blinklist{background-position:-1260px bottom !important}

.sexy-blinklist:hover{background-position:-1260px top !important}

.sexy-technorati{background-position:-560px bottom !important}

.sexy-technorati:hover{background-position:-560px top !important}

.sexy-myspace{background-position:-770px bottom !important}

.sexy-myspace:hover{background-position:-770px top !important}

.sexy-twitter{background-position:-490px bottom !important}

.sexy-twitter:hover{background-position:-490px top !important}

.sexy-facebook{background-position:-1330px bottom !important}

.sexy-facebook:hover{background-position:-1330px top !important}

.sexy-mixx{background-position:-840px bottom !important}

.sexy-mixx:hover{background-position:-840px top !important}

.sexy-scriptstyle{background-position:-280px bottom !important}

.sexy-scriptstyle:hover{background-position:-280px top !important}

.sexy-designfloat{background-position:-1050px bottom !important}

.sexy-designfloat:hover{background-position:-1050px top !important}

.sexy-newsvine{background-position:left bottom !important}

.sexy-newsvine:hover{background-position:left top !important}

.sexy-google{background-position:-210px bottom !important}

.sexy-google:hover{background-position:-210px top !important}

.sexy-comfeed{background-position:-420px bottom !important}

.sexy-comfeed:hover{background-position:-420px top !important}

.sexy-linkedin{background-position:-70px bottom !important}

.sexy-linkedin:hover{background-position:-70px top !important}

.sexy-friendfeed{background-position:-1750px bottom !important}

.sexy-friendfeed:hover{background-position:-1750px top !important}

.sexy-link{ margin-left:25px; float:left}

.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}

/* end share the love css by allblogtools.com

----------------------------------------------- */

Langkah 2

Cari kode berikut

Cari kode berikut

jQuery(document).ready(function() {

// xhtml 1.0 strict way of using target _blank

jQuery('.sexy-bookmarks a.external').attr("target", "_blank");

// this block sets the auto vertical expand when there are more than

// one row of bookmarks.

var sexyBaseHeight=jQuery('.sexy-bookmarks').height();

var sexyFullHeight=jQuery('.sexy-bookmarks ul.socials').height();

if (sexyFullHeight>sexyBaseHeight) {

jQuery('.sexy-bookmarks-expand').hover(

function() {

jQuery(this).animate({

height: sexyFullHeight+'px'

}, {duration: 400, queue: false});

function() {

jQuery(this).animate({

height: sexyBaseHeight+'px'

}, {duration: 400, queue: false});

}

);

}

// autocentering

if (jQuery('.sexy-bookmarks-center')) {

var sexyFullWidth=jQuery('.sexy-bookmarks').width();

var sexyBookmarkWidth=jQuery('.sexy-bookmarks:first ul.socials li').width();

var sexyBookmarkCount=jQuery('.sexy-bookmarks:first ul.socials li').length;

var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);

var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;

var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;

jQuery('.sexy-bookmarks-center').css('margin-left', sexyLeftMargin+'px');

}

});

</script>

Langkah 3

Ini adalah langkah terakhir, kita akan melakukannya.
Cari kode ini

<data:post.body/>

jika Anda tidak dapat menemukan kode ini, silakan cek pada Expand Template Widget dan Anda akan menemukannya.

dan setelah itu, tambahkan kode berikut.

<li class='sexy-delicious'><a class='external' expr:href='"http://del.icio.us/post?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'>Share this on del.icio.us</a></li>

<li class='sexy-stumbleupon'><a class='external' expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble upon something good? Share it on StumbleUpon</a></li>

<li class='sexy-reddit'><a class='external' expr:href='"http://reddit.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Reddit'>Share this on Reddit</a></li>

<li class='sexy-google'><a class='external' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Add this to Google Bookmarks'>Add this to Google Bookmarks</a></li>

<li class='sexy-twitter'><a class='external' expr:href='"http://twitter.com/home?status=Reading: " + data:blog.title + " - " + data:post.url + " (@NAME)"' rel='nofollow' title='Tweet This!'>Tweet This!</a></li>

<li class='sexy-facebook'><a class='external' expr:href='"http://www.facebook.com/share.php?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Facebook'>Share this on Facebook</a></li>

<li class='sexy-mixx'><a class='external' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url' rel='nofollow' title='Share this on Mixx'>Share this on Mixx</a></li>

<li class='sexy-comfeed'><a class='external' expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' title='Subscribe'>Subscribe</a></li>

<li class='sexy-linkedin'><a class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Linkedin'>Share this on Linkedin</a></li>

<li class='sexy-designfloat'><a class='external' expr:href='"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to DesignFloat'>Submit this to DesignFloat</a></li>

<li class='sexy-technorati'><a class='external' expr:href='"http://technorati.com/faves?add="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Technorati'>Share this on Technorati</a></li>

<li class='sexy-scriptstyle'><a class='external' expr:href='"http://scriptandstyle.com/submit?url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Submit this to Script & Style'>Submit this to Script & Style</a></li>

<li class='sexy-myspace'><a class='external' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u=http"+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Post this to MySpace'>Post this to MySpace</a></li>

<li class='sexy-blinklist'><a class='external' expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Blinklist'>Share this on Blinklist</a></li>

<li class='sexy-friendfeed'><a class='external' expr:href='"http://friendfeed.com/?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on FriendFeed'>Share this on FriendFeed</a></li>

<li class='sexy-newsvine'><a class='external' expr:href='"http://www.newsvine.com/_tools/seed&save?u="+ data:post.url + "&title=" + data:post.title' rel='nofollow' title='Seed this on Newsvine'>Seed this on Newsvine</a></li>

</ul>

</div>

<div class='sexy-link'> <font size='1px'>Widget by <a href='http://www.cssreflex.com/' title='Web Design Blog, Blogger Hacks and Blogger templates'>Css Reflex </a>|<a href='http://www.tutzone.org/' title='Tutorials, Rare Downloads, Link Heaven, Tips Tricks, Hacks, Make How, Blogger Tricks And Tutorials, Internet, News, And Many More'> TutZone</a> | Brought to you by : </font><a href='http://www.allblogtools.com' target='_blank' title='Blogger templates'><font size='2'>AllBlogTools.com</font></a></div>

Sekarang anda selesai, Klik SAVE TEMPLATE

Tutorial

Selasa, Februari 16, 2010

Published 14.37 by Android Flasher with 0 comment

Disable klik kanan pada blogger blogspot

Anda akan belajar blogger baru trik untuk menonaktifkanklik kanan pada halaman blog Anda.Blogger trik dan hacks
Klik kanan pada browser Internet manapun unsur yang sangat penting.dan kita harus menggunakannya ketika datang ke menyalin atau mengedit teks dan sebagainya.dan itu sangat penting ketika datang ke webmaster juga.
tetapi beberapa orang mungkin menggunakannya dalam cara yang buruk, dan Anda mungkin ingin membuat cacat klik kanan di blog Anda.untuk melindungi Anda teks, link dan gambar dll ....
jadi semua apa yang harus Anda lakukan adalah hanya langkah sederhana.Anda harus menambahkan html / javascript elemen tata letak Anda.sekarang pergi ke account blogger Anda.arahkan ke Layout>> Tambah GadGet>> dan pilih html / javascript
kemudian salin kode berikutnya dan masa lalu di dalam html / javascript kotak teks area

<script language="JavaScript">
<!--
 
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
 
var message="Function Disabled!";
 
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function("alert(message);return false")
 
// --> 
</script>

kemudian simpan html / javascript. dan melihat blog Anda.
ketika Anda mencoba untuk melakukan klik kanan. pesan akan mengatakan kepada Anda bahwa "Fungsi cacat"
dan jika Anda ingin mengubah kata-kata ini "Fungsi Cacat"
menemukan baris berikutnya dalam kode

Tutorial

Published 14.15 by Android Flasher with 1 comment

Cara Tambah Avatars Untuk Custom Blogger Templates

tutorial Yang saya tulis ini tentang cara menambahkan avatar blogspot template jika Anda tidak mendukung atau menampilkannya.

template Anda bertindak seperti itu karena template yang disesuaikan, dan untuk menambahkan avatar ke komentar Anda harus mengikuti langkah-langkah dalam tutorial ini, jangan khawatir itu terlalu mudah.
Hanya dua langkah

Log in ke account blogger Anda dan pergi ke,
Dashboard>> Layout>> Edit html
maka pastikan untuk mencentang "Expand widget template" kotak
Dan cari kode berikut,

<dl id='comments-block'>

Sekarang, bukan kode ini melewati kode berikutnya.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Catatan: tergantung pada template yang Anda dapat menemukan kode diatas dengan div Bukannya dl

jika Anda menemukannya di dalam template Anda dengan div

maka Anda harus menggantinya dengan div juga. sehingga Anda akan menambahkan kode berikutnya.

<div expr:class='data:post.avatarIndentClass' id='comments-block'>

STEP 2:
Sekarang cari kode ini.

<a expr:name='data:comment.anchorName'/>

dan persis sebelum menambahkan kode berikutnya.

<a expr:name='data:comment.anchorName'/>

dan persis sebelum menambahkan kode berikutnya.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

sekarang anda selesai.
Terakhir, klik Simpan Template
Dan sekarang anda selesai,

Tutorial

Minggu, Mei 31, 2009

Published 11.41 by Android Flasher with 0 comment

Mengubah Status Blog dari Nofollow Jadi Dofollow

Banyak blogger di dunia menggunakan cara ini, yaitu menggunakan sistim dofollow pada setiap komentarnya. Istilah luarnya adalah U Comment I Follow.
Dengan blog dofollow, orang lain yang berkomentar akan mendapatkan linkback dari blog dofollow tersebut. dengan kata lain, link yang memberi komentar otomatis akan terindeks oleh mesin pencari. Dan dengan demikian si pemberi komentar secara tidak langsung sudah mempromosikan blognya pada mesin pencari.

Oleh karena alasan diatas, banyak blogger di dunia menganut sistim dofollow. Karena selain senang ada respon terhadap artikelnya, kita juga bisa memberi mereka imbalan, dengan mempromosikan blog mereka.
Lalu bagamana dengan anda? silakan pilih sendiri. Karena pilihan bebas di tangan anda. Sebagai tambahan, blog ini berstatus Dofollow ;),

Nah sekarang bagamana cara merubah status blog anda? Dari nofollow ke dofollow? Karena biasanya blog kita secara default masih dalam keadaan nofollow.

Caranya silakan ikuti langkah-langkah berikut :
Masuk ke blogger – Tata Letak – Edit HTML (cek list tanda ‘Expand Template Widget’)
Sebelumnya biasakan untuk terlebih dahulu membackup tempelate anda agar tidak terjadi hal-hal yang tidak diharapkan.

Cari kode di bawah ini :

"data:comment.authorUrl" rel="nofollow">

Kalau tidak ditemukan, coba cari kode berikut : :x

'data:comment.authorUrl' rel='nofollow'>

kalau sudah ditemukan, ganti kode tersebut dengan kode berikut

'data:comment.authorUrl'>

Atau, jika proses men-save data gagal maka ganti dengan kode berikut.
:@
"data:comment.authorUrl">

Simpan dan selasai.

Tutorial

Jumat, Mei 29, 2009

Published 23.42 by Android Flasher with 0 comment

Cara Menghilangkan Navbar

navbar blogger
Seperti yang kita tahu bahwa hanya navbar di blog gratis, namun blog telah dibayarkan secara otomatis hilang. Seperti apakah navbar? Navbar adalah menu yang paling atas ada tuh kan. Menu bagi beberapa orang dianggap dianggap kurang baik. Tapi Anda tahu bahwa menu navbar melanggar aturan TOS ini. Karena kita dianggap identitas yang blogger. Membuat blog gratis yang (seperti blog saya) mungkin berpikir dua kali untuk menghapus menu ini, hanya karena ingin lebih menarik dalam blog risiko dilarang blog. Berbeda lagi jika sudah ada teman-teman mereka sendiri domain kustom saya kira tidak akan ada masalah untuk menghapus menu ini.

Sebenarnya ada cara untuk mengakali yang tidak melanggar TOS, dengan auto-menyembunyikan navbar. Pointeri Sehingga ketika mouse tidak diarahkan ke bagian atas blog teman-teman, teman menu navbar tidak muncul, dan sebaliknya jika diarahkan akan muncul. Tetapi untuk menyembunyikan navbar secara otomatis akan saya jelaskan pada posting selanjutnya. Tapi saya akan memberikan satu contoh navbar auto sembunyikan, klik di sini tapi jangan lupa untuk menavigasi pointer mouse pada header.

Cara untuk menghapus navbar di Blogger:

1. Login ke account blogger

2. Pergi ke menu Layout dan Edit HTML (jangan lupa untuk men-download penuh untuk menyelesaikan template jika terjadi kesalahan, anda dapat mengembalikannya seperti aslinya)

3. Cari kode: / * CSS to hid navigation bar * /
# navbar (
height: 10px;
visibility: hidden;
display: none;
)

Tutorial

Selasa, April 21, 2009

Published 21.32 by Android Flasher with 0 comment

Cara Membuat Huruf besar di awal kalimat

Huruf besar di awal kalimat

Membuat huruf besar di awal kalimat mungkin bisa menjadi ciri khas tersendiri,
Pertama, buka halaman Edit HTML anda kemudian cari code CSS dibawah ini

.post-body {
.....
}

Jika sudah ketemu, tambahkan kode dibawah ini dibawah kode diatas (pastikan dibawahnya, bukan diantaranya)

.post bt {

float:left; color:

$headerBgColor;

font-size:100px;

line-height:80px;

padding-top:1px;

padding-right:5px; }

Cara menggunakannya :
Ketika anda menulis di halaman posting pastikan pada awal kalimat tambahkan

Contoh :

sumber : Kang rohm an

Tutorial

Jumat, April 17, 2009

Published 15.28 by Android Flasher with 0 comment

CARA MEMBUAT BUKU TAMU

hai sob..aq mau berbagi ilmu sedikit pada anda ..disini kita akan membahas tentan cara membuat buku tamu..Apa itu buku Tamu?? buku tamu adalah dimana Tempat Para pengunjung blog kita untuk meninggalkan pesan dan saran..

Apa sobat pernah melihat Gadget seperti itu..Ya kita langsung aja ke pembahasan
Untuk membuat Shout Mix..atau di kenal dengan bahasa Awam Buku Tama yang Pertama yanag Anda lakukan adalah silakakn Login dahulu di Shoutbook
Kemudian silakan Sobat Daftar dulu jika belum punya Acoun nya dan ikuti petunjuknya klu yang uda daftar tinggal Login aja..
sesudah Sobat Login Silakah pilih "CREATED YOUR SHOUTBOX NOW" kemudian anda akan berada pada pendaftaran shotbox dan silahkan isi sesuai dengan keinginan anda
dan pilih Countinue kemudian pilih Jenis ShotBox yang anda inginkan.Kemudian Tekan Countinue..dan selanjutnya Go to my control panel now>> jika sudah selesai kemudian silahkan buka Get Code kemudian Silah kan Copy Kode tadi dan di simpan di notbox/yang lainnya..

Untuk memasang di Blog sobat ..silahkan sobat login ke blog sobat kemudian silahkan sobat pilih Tata Letak>>>> trus Elemen halan >>tambah gadget >>>pilih Tulisan HTML/JavaScript dan silahkan Paste kode HTML yang sobat copy tadi untuk terakhir jangan lupa disimpan. selesaideh..

Tutorial

Senin, April 13, 2009

Published 12.43 by Android Flasher with 1 comment

menghilangkan Icon Obeng

Halo sobat sekarang saya akan membahas tentang cara menghilang kan icon obeng...
menurut para bloger icon ini membuat blog kita tidak enak di lihat apalagi dengan adanya hal seperti ini seperti pada gambar berikut ini..

quick-edit

Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

adapun kode yang harus anda pasang untuk menghilang kan icon obeng tersebut adalah seperti ini kodenya.

.quickedit{
display:none;
}

masih bingung dimana cara meletakkannya...baiklah ayao kita mulai

1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

5. Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6. Klik tombol Simpan template.

7. Selesai.

Tutorial

Published 12.21 by Android Flasher with 0 comment

pasang Tab Menu 10

Pernah melihat menu navigasi yang seperti di samping ini?

Tertarik untuk memasang menu ini di blognya?
Silahkan baca tutorial lengkapnya di :
http://css-lybrary.blogspot.com/2007/12/horizontal-tab-menu-10.html
Selamat bereksperimen ria!

Tutorial

Published 12.15 by Android Flasher with 0 comment

MEMASANG KALENDER DI BLOG

Free Blog Calendar

Untuk Template baru
Free Blog Calendar
untuk memulai membuat kalender silakan sing in terlebih dahulu di http://www.free-blog-content.com/ setelah anda masuk ada beberapa contoh kalender silakan pilih salah satu kemudian silakan sobat Kopy Kode HTML nya kemudian simpan di notepad milik sobat kemudian silakan :

1. Sign in di blogger dengan id sobat
2. Klik menu layout
3. Klik menu Elemen Halaman
4. Klik tulisan Tambahkan sebuah elemen halaman
5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
6. Copy kode yang tadi telah ada di notepad lalu paste pada kolom yang di sediakan
7. Klik tombol SIMPAN PERUBAHAN
8. Pindahkan elemen yang baru di buat pada tempat yang sobat inginkan, lalu klik tombol SIMPAN

Tutorial

Senin, April 06, 2009

Published 18.01 by Android Flasher with 0 comment

PASANG BUKU TAMU

Pasang Buku Tamu di Sidebar

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.

2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda

3. Pada kolom yang berjudul Style, klik menu appearance.

4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.

5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start

6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan

7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda

8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.

9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda

2. Klik menu Template

3. Klik Edit HTML

4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan

5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.

6. Klik tombol Preview untuk melihat perubahan yang kita buat.

7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes

8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda

2. Klik menu Layout

3. Klik Page Element

4. Klik Add a Page Element

5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript

6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka

7. Copy paste kode HTML shoutbox anda di dalam form Content

8. Klik tombol Save Changes

9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai

10. Tekan tombol Save

11. Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

1. http://oggix.com">http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Tutorial

Published 17.53 by Android Flasher with 0 comment

Cara membuat Translate

cara membuat translate di bloger blog spot....langsung aja

Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4.

Klik Tambah Gadget

tambahgadget

5. Klik tanda plus (+) untuk HTML/Javascript

html

6.Copy paste kode google translate berikut ini ke dalam kolom yang tersedia