Napi Blog-g Part 2

Minggu, 06 Oktober 2013

Cara Mengganti Tulisan Posting Baru, Beranda dan Posting Lama

cara menggganti tulisan posting baru, home, posting lama dengan gambar

Hai sobat blogger, kali ini saya dapat ilmu baru lagi nih. Seperti yang anda tahu semua blog pasti memiliki tulisan posting baru, beranda, dan posting lama atau dalam bahasa inggris, itu sudah wajar dimiliki oleh semua blog kecuali blog untuk bisnis, mungkin anda sangat bosan bukan?? melihat tulisan tersebut, dan tidak ada unik-uniknya, hanya tulisan berarah ke suatu tempat atau yang biasa disebut dengan kata "link" ,

mungkin anda ingin mengganti tulisan tersebut dengan gambar atau semacamnya, semuanya ada di sini, saya membuat cara ini di blog saya agar semua blogger mengetahui cara ini, cara memasangnya pun sangat mudah, hanya perlu sedikit mengganti kode html, mungkin jika anda blogger pemula akan sangat kebingungan, karena itu saya membuat cara ini dengan gambar, gambar hanya untuk mempermudah para blogger pemula untuk lebih jelas, dan widget ini pun hanya untuk memudahkan orang yang buta huruf agar memahaminya, walaupun tidak semuanya bergambar.

Nah sudah jelas kan penjelasan di atas, sekarang kita akan membahas cara memasangnya.

Ikuti langkah-langkah di bawah ini:

1. Masuk ke Dasbor

2. Klik Template

cara mengganti tulisan posting baru, posting lama, dan beranda dengan gambar sendiri

3. Klik Edit HTML

mengganti tulisan posting lama dan posting baru menjadi judul postingan

4. Klik Lanjutkan

cara mengganti tulisan posting lama dan posting baru

5. Centang kotak Expand Widget Templates seperti pada gambar

Mengganti tulisan posting baru
1. Cari kode di bawah ini

<data:newerPageTitle/>

2. Hapus dan ganti dengan

<img src='http://www.iconhot.com/icon/png/hand-drawing/128/left-10.png.png'/>

Mengganti tulisan beranda (home)
1. Cari kode di bawah ini

<data:homeMsg/>

2. Hapus dan ganti dengan

<img src='http://www.iconhot.com/icon/png/hand-drawing/128/home-89.png'/>

Mengganti tulisan posting lama
1. Cari kode di bawah ini

<data:olderPageTitle/>

2. Hapus dan ganti dengan

<img src='http://www.iconhot.com/icon/png/hand-drawing/128/right-9.png'/>

Cara mencarinya adalah menggunakan hotkey ctrl+f

.:Selesai:.

NB:

Bagi yang menemukan 2 kode yang sama hapus dan ganti dua-duanya.

Jangan lupa ya Komentarnyaa....

Cara Memasang Widget Animasi Burung Twitter Terbang Di Blog

Tak sengaja lagi pesbukan, tiba-tiba nemu blog yang ada animasi burug twitter yg sedang beterbangan di blog itu. Jadi tertarik ingin masang di blog sendiri deh, nah langsung aja ku cari tutornya dengan mbah gogel, ketemu deh, terus ko copas, tp tenang, tar aku cantumin sumbernya koq hehe... Kalo sobat novitik ingin pasang juga, silahkan nih kodenya. Tapi caranya udah tau kan? bagi yang belum, caranya begini:

________________________________________

1. Login dulu ke www.blogger.com
2. Setelah login, lalu klik RANCANGAN
3. Lalu klik Elemen halaman
4. Klik Tambah Gadget
5. Pilih dan klik HTML/JAVA SCRIPT
6. Copy Kode di bawah ini, dan paste di gadget HTML/JAVASCRIPT kalian.

<script type="text/javascript" src=" http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/twitter-mu";var tweetThisText = "Twitter - twitter-mu http://namablog-mu.blogspot.com/";tripleflapInit();</script>

Tapi, sebelum disave. ada beberapa yang harus kamu ganti, yaitu:

namablog-mu
Ganti dengan alamat blog-mu

twitter-mu
Ganti dengan nama/akun twitter-mu

http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png
Ganti alamat gambar tersebut dengan alamat gambar dengan warna yang kamu suka:

Merah:
http://i1013.photobucket.com/albums/af252/sleman234/red.png

Biru Tua:
http://i1013.photobucket.com/albums/af252/sleman234/Blue.png

Ungu:
http://i1013.photobucket.com/albums/af252/sleman234/purple.png

Cokelat:
http://i1013.photobucket.com/albums/af252/sleman234/brown.png

Hitam:
http://i1013.photobucket.com/albums/af252/sleman234/black.png

Hijau:
http://i1013.photobucket.com/albums/af252/sleman234/Green.png

Kuning:
http://i1013.photobucket.com/albums/af252/sleman234/yellow.png

Putih:
http://i1013.photobucket.com/albums/af252/sleman234/white.png

Biru Muda (Standard):
http://i1013.photobucket.com/albums/af252/sleman234/bluetwit.png

7. Nah setelah kamu ganti gambar animasi burung twitternya
8. Klik Simpan/Save yang ada di kanan atas
9. Silahkan buka di browser anda.
10. Selamat mencoba

NB : Ganti tulisan berwarna Hijau dengan URL warna diatas

Atau klik Di Sini

NEW!!! Animasi Widget Twitter di Blog

Siang - siang gini enaknya minum Es Kelapa Muda dengan atau tanpa gula jawa :D HEHEHE... Okeh kali ini ane bakal ngasih tau cara minum es kelapa muda *lho?* maksud ane ngasih tau pengganti animasi burung terbang di Blog menjadi berbagai macam animasi mau tau? Cekidott...

Bagi kalian yang belom tau cara untuk memasangnya liat DISINI
Selanjutnya kalian tau kan harus bagaimana? karena ane sudah cape nulis :D
Okeh bagi Kalian yang udah ga sabar silahkan sedoott...

Pilihan Animasi

Burung Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoXIQRZa-F2Pn1zMmBY2sVYrzStTgo4-HjRtukGpCUh3FN9sa9jqcUQw-6wrXm7wZrWwTDU9ieaoPf1RDI1z9jPurgRtkNY8tHphJYt_HfHeb-9jQ7CU9z23TP5jsVVzvfzyTODnuH9c/s1600/birdsprite.png

Stickman Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMt8Si1RiqlZCVUMfis5ViTXMF3mLmAorX6P7t3G7tZ-fYFCQpzZu55YoXygpeWUSGQ2quXUzpLdbot5Yr55kJWprPwz6bxdFQ8sexT0DSEMnUzyRYxE604JlqgGCFHVxcAkzHKHp_UXE/s1600/birdsprite_MonozCore_Stickman.png

Star Scream Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiESXPUKJ8-bCo9hWHewa8Cxt98NJ4YXNi7IS9sUgEZw0lJFIbTyP_dBK1Svt2wCcQTV4THOjCiCv5SD_4VEni8Z9_P1mwgteCcEs_rl3EAkAJITU0wvk9aSaec3pxTMI6jXWgYGgJYw5Q/s1600/StarScream.png

Bat Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJFx08kCEYwtacKTLlBuMidnX98KRxJQck_qiI_20W25dnanF7pAqEYxXDucN6buRpAYrnHg9OujHXCxGIKON7k5CMyD-rVRnch_imACkbeI-ZyrvS7yi0FTQ-MuPQubjTqLgJ323docQ/s800/MonozCore.blogspot.com_BatTwitter.png

SantaBird Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixH8OfZFz3LNujYXs5RAmHfP3MQE1JaDIfAd5KjWanD6oXcQlbIgyahyphenhyphenjksxDhwlMN6xj0fiKGtfdlSzw5CEJZK0o67QnQXY_TRvam2__-pm1F_xaFFWh1vixXWLwbVO2650Zee0KLpFQ/s800/MonozCore.blogspot.com_SantaBirdTwitter.png

Dragon Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQKjf_x7utZhI-VOq_P2_-n5yAaIkT4i0xZNjOPJUSzgcpWoGOQ1ZeOr4OP12ZKt0HjfjOchsiZE0HgOF3ooeFGJbA8n9bpTalPjLyJ0g8DGi3MauhH73EfqGddcSakp4B5AbgM3dlTI/s800/MonozCore.blogspot.com_Dragon_Twitter.png

DBZ Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxU4IHubHTrrk5AONs2LVGPgTluoFqZC2IVI7K6Twepo_UY-T8dB2djk8jgucqjsf7KyqMDVqhIlGPoC1mhTJs6iPGc-BUvyIkUiZy2awYTztcQKAg5_CTsVDsgJKZdS7VGiHNsKcR_Yw/s800/MonozCore.blogspot.com_DBZ_Twitter.png

Dracula Twitter

Gunakan Kode :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqRkmsc1gibbu8uEO9PpVNqlb-jirFt6-aDE1Lcri-ikIvfuuA75H0qZO6uKPpH-zjoeoz91DGfQUlaPragE3jHHLG0mFf168v5xGf1MdcEcZR69a3KfBbf5gxX6nkEkwnbFBtu-0DT8dZ/s800/Drakula.png

Bagi yang ingin memberikan saran, kritik dan komentarnya ane persilakan, ga perlu malu sebab ane sudah siapkan kolom khusus di bawah postingan ini.

:: Semoga Bermanfaat ::

Cara Menambahkan Animasi Hewan Mengikuti Kursor/Mouse di BLOG

Akhirnya setelah susah payah mencari kesana kemari akhirnya dapet juga yang saya cari yaitu Animasi Hewan Mengikuti Kursor/Mouse di Blog langsung aja ke TeeeKaPee...

Step :
1. Log In ke Blog
2. Klik Tata Letak
2. Lalu klik tambah Tambah gadget / add gadget , setelah di klik akan muncul banyak pilihan ..

pilih HTML/JAVA SCRIPT

lalu copy pastekan script-script berikut ini ( sebaiknya jangan di beri judul )

Silahkan COPAST HTML dibawah ini

1. Hamster

2. Laba - Laba

3. Anjing

4. Pinguin

5. Pinball

6. Ikan Pari

7. Bandul

8. Kura - Kura

.: SELESAI :.

JANGAN LUPA KOMENTARNYA YAA..

Angry Birds Template untuk Blog!!

Name : Angry Birds Template

Author : AllBlogTools.com

DOWNLOAD TEMPLATES

Kumpulan Animasi Sponge Bob Di Pojok Blog!!!

Kali ini ane bakal posting dan nge-share animasi di pojok blog terbaru buat kalian hehe :D
Langsung aja cekidott..

Caranya :
1. Buka Tata Letak
2. Tambah Gadget
3. Copy Link

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://bukanakgo.blogspot.com/" target="_blank"><img border="0" src="
http://animationsa2z.com/attachments/Image/spongebob/spongebob10.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://bukanakgo.blogspot.com/2012/09/kumpulan-animasi-sponge-bob-di-pojok.html" target="_blank" title="Cara Memasang Widget Animasi Sponge bob di Pojok Blog">Animasi SpongeBob</a></center></small></div>

Link yang berwarna merah bisa anda ganti dengan kode dibawah ini

http://animationsa2z.com/attachments/Image/spongebob/spongebob13.gif

http://animationsa2z.com/attachments/Image/spongebob/spongebob8.gif

http://animationsa2z.com/attachments/Image/spongebob/spongebob10.gif

http://animationsa2z.com/attachments/Image/spongebob/spongebob9.gif

http://animationsa2z.com/attachments/Image/spongebob/spongebob4.gif

http://animationsa2z.com/attachments/Image/spongebob/spongebob5.gif

http://animationsa2z.com/attachments/Image/spongebob/spongebob6.gif

http://animationsa2z.com/attachments/Image/spongebob/spongebob1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6SKZyTs8rtlPn_AP5xylF9THZAFBJMZ3AJ3LdLfqDuHR_md3bpFkbtOlLCET6MZsXzA-WrhrmQaQ_0aRWzyP-rOuOYlPTVMzw00ITLq4wbeP_MHQy8IvTwYVcLwjqSvB6YTPzrqCC-mje/ .:JANGAN LUPA KOMENTARNYA:.

Mau LIKE box melayang

Mau LIKE box melayang ? Itu Mah Masalah Kecil Mau Tau Caranya ? Langsung Aja Ke TKPEEE!

1.cara login dulu ke BLOGGER
2.lalu kepos ===:> tekan Buat entri baru
3. masukan kode di bawah ini:
<style type="text/css">
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<br />
<div id="box-message">


<br />
<center>
<a class="murub" href="http://www.blogger.com/blogger.g?blogID=118481095838686026">Jangan Lupa Like ya</a></center>
<center>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Ostsagblogspotcom/566380840078098?hc_location=stream&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=371524026202784" style="border: none; height: 258px; overflow: hidden; width: 292px;"></iframe>
</center>


<br />
<div class="twitter">
 <iframe class="twitterx-follow-button" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&%20align=&button=blue&id=twitter_tweet_button_0&%20lang=ID&link_color=&screen_name=carahanapi&show_count=&%20show_screen_name=&text_color=" style="height: 20px; width: 250px;" title=""></iframe> </div>
<a class="close" href="http://www.blogger.com/blogger.g?blogID=118481095838686026#">×</a>
</div>
yang warna merah ganti dengan nama twitter anda
yang warna biru ganti dengan URL halaman facebook anda

Pages

Napi Blog-g Part 2

Ads 468x60px

Labels

Featured Posts

Minggu, 06 Oktober 2013

Cara Mengganti Tulisan Posting Baru, Beranda dan Posting Lama

Cara Memasang Widget Animasi Burung Twitter Terbang Di Blog

NEW!!! Animasi Widget Twitter di Blog

Cara Menambahkan Animasi Hewan Mengikuti Kursor/Mouse di BLOG

Angry Birds Template untuk Blog!!

Angry Birds Template untuk Blog!!

Kumpulan Animasi Sponge Bob Di Pojok Blog!!!

Mau LIKE box melayang

Popular Posts

Sample text

About Me

Blog Archive

Followers