Rabu, 31 Oktober 2012

Cara Mengganti Link Readmore/Baca Selengkapnya dengan Gambar

Assalam Wr. Wb. nih sob ane ada cara buat bloger mania yang pengen tulisan READMOREnya diganti dengan gambar sesuka sobat semua. nih langsung aja z
1. Login Ke Blog kamu.
2. Pilih Rancangan > Edit HTML> jangan Lupa Centang Expand Widget Template.
3. Cari kode/ Tulisan READMOREdengan cara CTRL+F lalu ketik Read More

Misal :
<a expr:href='data:post.url'>Read More</a></span>

4. Untuk Cara Berikutnya Tinggal Hapus aja Tulisan Readmore tersebut dan Ganti dengan Link Gambar Sobat Sebagai Contoh seperti Punya ane ni :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_5-5-r8JoCfHQb00lGrF9dV52RhlWGYlxcmX3xigMOsDrFciKUMIs32SfHtFW2CwVTj6cUKarlfnAlL4TXdcNWquUTeX3zzA5cf05EozL-eZtitp57jSVR8xizB-solT3prbwjfma4TI/s1600/bacaselengkapnya.gif"/>

Kalo pengen ganti dengan gambar sobat sendiri tinggal ganti ja Tulisan yang berwarna MERAH
5. Selanjutnya seperti biaysa Simpan dan Lihat Hasilnya.

Selasa, 30 Oktober 2012

Cara Bikin Posting Di Dalam Kotak Terpisah

Hallow Sob Ni ane pas waktu lagi Edit Template biar Posting Ane Terpisah dalam kolom setelah muter dapet juga ni caranya : langsung aja za nih
  1. Login ke"Blogger" dengan user ID Anda
  2. Pilih "Tata Letak"
  3. Pilih "Edit HTML"
  4. Cari Kode berikut .post {
  5. Copy "kode dibawah" ini dan letakan dibawah kode tersebut

Padding:10px; /* Jarak text post dengan garis pinggir */
Border-top: 3px solid #084B8A; /* warna garis pinggir atas */
Border-bottom: 3px solid #084B8A; /* warna garis pinggir bawah */
Border-left: 3px solid #084B8A; /* warna garis pinggir kiri */
Border-right: 3px solid #084B8A;/* warna garis pinggir kanan */
Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */



Utk Warna garis yang saya gunakan adalah warna biru jadi sobat bisa ganti kode warna yang sobat suka. okay setelah selesai SIMPAN deh. dan Lihat Hasilnya.......... Terimakasih

Jumat, 12 Oktober 2012

Cara Agar Burung Twitter Terbang Kesana-Kemari Di Blog

Twitter, Mungkin tidak asing lagi di telinga sobat bloger, nah tapi disini ane mw kasih tau gimana caranya agar Follow Burung twitter Sobat bisa bergerak ksana kemari di blog sobat. langsung aja deh biyar g kelamaan nulisnya. pegel soalnya. hehehe

Ni Caranya :

1. Log In dulu ke Blog Sobat
2. Klik Layout > Add Gadget > Html/Javascript
3. Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWO_h9nJkjuRT13TL_FKWr0ucfL5cQa277KB8EpNC2FWMvduiJMqOggSbjPTG1RI5TIQlzT3ikTpoJjujFY4EO4I4mOtqQvnaiiNVKkUoidvxgEAiYy4nayVrmiA88arWDJ8P2ZD8j_A/s1600/burung+twitter+terbang.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/@Username";
var tweetThisText = "Twitter - UserID http://gondhengon.blogspot.com/";
tripleflapInit();
</script>
 
Untuk membuat warna burung twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhybssq89HPAtnC2KI57oiILRhFGwSfDo4KJNbPEr4ZyCNfYr5bdOiAzse9mDHM6TzAHyZW8qwOZItaqnYRsGudjSz3igzsjR5cEn_U45p8J9C80TzhGzT7Mz0az536Las45Pl8Hpxy1g/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZVOOvz4aYEgm_hGnyKHi-gjed-NU0guEe-H8ADJxWp4ZnEBNXk-8XJ0MsVYMKjdYa-mbQmf_TfdCiRnksrSPSatMMVk_zTkmIg_7rT8jCV3Ysrn8crRXio_8QXuexfpLQzfl8rHTVHg/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7yPWD4GtzADNKqCFQ5KikucftdPwtguSj2BUuGnc2wQnfs-8aWpdJrCFtyT91-ddrEYHY_b4dHEkjmK0YBB1YUZISZPWVHiB6icSooaeA9yLqqh419Ta0p-EnZDe1r4n4FEOVtoxt8g/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_xLiPCDYKWhN9Fzc6Pg1RmycRaACNoeMopEbV3d1SeL6QrJj5YKi-8x3rxEyoAwKSTAnjQ6PJfU51n-IoWccGubbr7cZgy5Ie9ciMUbIbuVDndKnl4LXOThkPNeQLvsDFcsWMi97puA/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYAmwAYkabgk5joZ6y2Gqd6tXFvDawmh7lnne2FfU78QgGsfCLbFnUrwyK4jYtLRqNutEjh3-WrOSvXstspa2XwRmt0oTlPhnNEiCtTpxs2uI1Yum9vZrCaJTP2Alk5XqIgudQugMHig/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD0Fv_fCpJG1EQn_ZO77wcQI_y_5h9UlV669el-akl_TK7A5HwkI-lj2usgasUrkVDTxeG2wGh61m5SfYf6XRiZnvZIWiCzopZHuKxoIrZZ8H_x7eNf08fFdhHl4LOGUdas_wLh8pmIw/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtgIWf96nZN-JH6DghDdFIqQazDHR9jNzW8IuQZz7bQOL5w5S2j7-cu39DwCBUBdmCeojTAXY7ex7K1xFEJ2f6PyuVa9fxrz_iHZdK_R1Wqi3TlTQQJbVbtS_XOcmAgf0JqxSc_lrA9g/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglobYkbQpcD6Jc2JusgsYYACNzUXJavs1EJwb76AS6MRMVyI_MoQcHsaVsJtksTh5BWlnRRCyCnJLOwGiDuHV_wJmHbajPKb_vFeTRzlp_VyJF-c7caHdmNKCs4Tm0Uy6P5mFpb1fImQ/s1600/red+bird.png

Dan terakhir jangan lupa disimpan

Cara Bikin Posting Terbaru/Recent Post Bergerak

Gini sob ane ada kabar baru tentang bagaimana cara agar Posting Terbaru Kita Bergerak di Samping Halaman Blog Kita Ataupun dimana aja sobat taruhnya. dan Fungsinya agar visitor lebih mudah melihat-lihat postingan melalui cuplikannya.
langsung aja deh g pake lama nih Carannya :

1. Log In Ke Blog Sobat
2. Pilih "Rancangan" atau "Design".
3. Pilih "Add gadget" pada bagian "Page elements" (Tata Letak) dan lalu pilih "html javascript".
4. Isikan judul widgetnya dan copas kode recent post di bawah ini ke kotak tersebut dan ganti tulisan
gondhengon.blogspot.com dengan alamat blog sobat.



Ini Scipnya :

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 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:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:12px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:12px;padding:4px;border:solid 1px #F68629;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="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://gondhengon.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Selesai dan Simpan