Wednesday, March 7, 2012

Cara Membuat Read More Otomatis di Blog

Cara membuat Read More otomatis di Blogspot dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. Kenapa cara membuat read more di wordpress tidak dibahas juga? wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.

Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah  ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.
Langkah-langkah cara membuat Read More Otomatis di Blogspot
  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>



  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini



  •  Finish simpan template dan lihat hasilnya

Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. berikut ini adalah keterangannya data yang bisa dirubah :

  1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
  2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
  3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
  4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
  5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.

Sumber: http://www.bamz.us

Tuesday, March 6, 2012

Membuat Gambar Batman Berjalan Di Pinggir Blog

(Batman lagi jalan-jalan)
Penambahan gambar-gambar bergerak di blok akan menambah tampilan blog menjadi lebih indah dilihat, dan bisa menjadi ciri khas blog itu sendiri. Akan tetapi jangan terlalu banyak juga ya, yang ada pengunjung blog jadi ribet melihat tampilannya, dan juga penempatan gambar harus sesuai. 

Untuk membuat gambar Batman berjalan kita hanya perlu menambahkan alamat url gambar tesebut. Mungkin trik ini usang atau tidak berguna bagi para master dan para webmaster, tapi apa salahnya bagi pemula seperti saya yang awam ini, mungkin bagi sahabat bloger yang pengen tau caranya kita ikuti langkah - langkahnya  seperti dibawah ini:



Disini kita nggak perlu upload gambar lagi kok,,
1. Login ke blogger dengan ID anda 
2. Klik tata letak
3. Klik tambah gadget
4. Pilih HTML/Javascript 
5. Masukan kode dibawah ini:

 <div style="position: fixed; bottom: 25px; left: 20px;width:120px;height:135px;"><a href="http://zuazz.blogspot.com" title=""><img src="http://batman-project.googlecode.com/files/zuazz.gif.gif"/></a><small><center><a href="http://zuazz.blogspot.com" target="_blank"><span style="font-weight:bold;color:#00000;"> den zuaz </span></a></center></small></div>

Untuk kolom judul kosongin aja ya, dan untuk menentukan di sebelah mana gambar ditempatkan silahkan ganti kode berwarna merah (left / right).ganti kode berwarna biru dengan url anda sendiri atau dibiarkan saja juga tidak apa-apa kok.

6. Klik simpan dan lihat hasilnya.

Selamat mencoba...

Sumber: http://zuazz.blogspot.com

Background Sambaran Petir Di Blog


Bagi para pemula blogger contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Kali ini saya akan menulis artikel tentang 'Membuat Background Kilat Di Blog'.

Ikuti langkah berikut untuk membuat background blog :

1. login ke bloger dengan id anda
2. Lalu menuju ke 'design' -> edit HTML
3. Centang Expand Template Widget
3. Cari kode  body {
4. Tambahkan kode berikut di bawah kode ' body { ' 

background:#000000 url(http://petir-project.googlecode.com
/files/petir.gif) no-repeat center fixed; 

  • Kode ungu = Kode warna di belakang background 
  • Kode Biru  = Link/url background kilat / url background lain yang ingin dipasang 
  • Kode merah = Jika inginkan gambar berulang-ulang hilangkan saja

5. Lalu 'Save Template' dan lihat hasilnya.

Semoga bermanfaat ya,,,!!!

Sumber:http://zuazz.blogspot.com

Tulisan Berjalan Di Buku Tamu CBOX

Sedikit berbagi pengalaman pribadi lagi nih sob,, heheheheee,,,
pada saat melihat teman-teman blogger menulis di biku tamu CBOX saya kok bisa bergerak-gerak,, sedikit rasa penasaran dan mencoba dengan kode HTML,, tapi ternyata salah,, hehehe,, jadi malu nih sob,, maklumlah masih pemula,, dan akhirnya saya cari di mbah google dan akhinya ketemu juga nih,, setelah saya coba ternyata berhasil juga,, belajar dari kesalahan memang sangat bermanfaat walaupun agak malu juga ya sob,,

Nah bagi sobat yang belum tahu bagaimana caranya biar tidak salah kayak saya disini saya berbagi sedikit ilmu. Diantaranya membuat tulisan berjalan, Berwarna, bergaris bawah, tebal dan lain sebagainya.
Nah langsung saja kita bahas, untuk membuat tulisan pada CBOX lebih terlihat menarik silahkan ikuti langkah langkah berikut :

1. Membuat Teks Berjalan di CBOX
   Apit kata-kata yang ingin dibuat berjalan dengan [scroll] dan [/scroll]
   Contoh: [scroll] Salam kenal [/scroll] hasilnya

Salam kenal

2. Membuat Teks Berukuran Besar
   Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
   Contoh: [big] Salam kenal [/big] hasilnya adalah Salam kenal

3. Membuat Teks Miring
   Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
   Contoh: [i] Salam kenal [/i] hasilnya Salam kenal

4. Membuat Teks Tebal
   Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
   Contoh: [b] Salam kenal [/b] hasilnya adalah Salam kenal

5. Membuat Teks Bergaris Bawah
   Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
   Contoh: [u ]Salam kenal [/u] hasilnya adalah Salam kenal

6. Membuat Teks Bergaris Tengah
   Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
   Contoh: [s] Salam kenal [/s] hasilnya adalah Salam kenal

7. Membuat Tulisan Berukuran Kecil
   Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
   Contoh: [small] Salam kenal [/small] dan hasilnya adalah Salam kenal

8. Cara Membuat Tulisan Rata Tengah (Center)
   Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
   Contoh: [center] Salam kenal [/center]

9. Membuat Tulisan Berwarna
   Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
   Contoh: [color=red] Salam kenal [/color]  maka hasilnya adalah Salam kenal

10. Cara Membuat Teks yang Ber Link
   Apit kata-kata yang ingin diberi link dengan [url=alamaURL] dan [/url]
   Contoh: [url=http://zuazz.blogspot.com/] Zuaz'Z [/url] maka hasilnya adalah Zuaz'Z

Selamat mencoba ya sob,,

Sumber: http://www.thob.org

Emoticon Gundam

Nah di sini saya hanya sedikit share hasil karya dari sobat blogger CHRISTIANTATELU yaitu Emoticon Gundam Keren, barang kali di antara teman-teman yang lain ingin mendapatkan emoticon keren ini.

  :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: 


Cara Memasang Emoticon Gundam di Kotak Komentar Blog

Mungkin sobat sudah sering membaca judul yang mirip dengan judul dalam postingan ini, karena apa?? di blog ini hampir semua emoticon sudah saya posting, mulai dari emoticon skype, emoticon kaskus, emoticon onion, emoticon emo girl dan emo boy dan saat ini kita membahas cara memasang emoticon gundam di komentar blogger.

Silahkan ikuti tutorial berikut jika sobat tertarik membuat emoticon gundam di komentar blog.

Emoticon Gundam di atas Kotak Komentar Blog

1. Log in ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak Expand template widget.
3. Letakkan kode berikut di atas kode </body>


4. Cari kode merah seperti di bawah ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Bila sudah ketemu letakkan kode emoticon gundam di bawah ini tepat di bawah kode <p class='comment-footer'>


5. Klik save dan lihat hasilnya...

Sumber: http://christiantatelu.blogspot.com

Membuat Widget Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Memasang Burung Twitter Terbang di Blogspot. Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget menarik ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat.

Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
  • Pertama-tama silahkan login di Blogger
  • Klik Design > Page Element > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://zuazz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJu7eQWJV1lQGorwI9SLpsAfPnO0atjLsIY9_LjRdoZwMFRzBYmwpZprw1fJJv_tn-j27P4A7aiAC_J-HxzTqqqj5hDOHFHNMd4Uz_PUsXGBl3Ibd-IlhBwGvtCZ7RNJZvvHFx43EmbM/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/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://zuazz.blogspot.com/";
tripleflapInit();
</script>

  • Ganti kode yang berwarna biru dengan akun Twitter sobat
  • Ganti kode warna merah bila ingin mengganti warna burung twitter dengan kode yang telah disediakan dibawah
  • Simpan dan lihat hasilnya.
 Warna Pilihan Burung Twitter


 Warna Kuning
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6k2KHM0fARrVaL9kkCRRuBn4tGe12JmqxN_ACZ2D8e9tCsxkCqzh8z_bWTCodmP5j_3B7Wp3iqyYEWDm8xUzXuUGEBQSx711ZZtnA01-u8fRd4uaXYIIwmKCrCCWBiX_Fkd03FgHsumY/s1600/yellow+bird.png
Warna Hitam
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTmjeD-F_AWaNGSItn1-iVjN27P_vGATHj3WulS6IRXOipVWdPJMhxFps_DlbJW9oTx0xJl2BJ2VYgMSRceh6MVKfejPGOipXZLQk_leeDdQpCY8peYXhqmh7ToCvlH8tg1rj7wWobt7U/s1600/black+bird.png
Warna Biru
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTQBYaOYCP27k6SM4pE39Y36c_SIEfgPn_1t9U-EbAkD5TSV_bP008mO_M_G8l9j8_T30nUPvutkMC1BspZkQDbhW9ioxlWTLFN9opvVfvvsLaeVBEzUc4AC5PmGNqp9XRPX_OLBQqISY/s1600/Blue+bird.png
Warna Coklat
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvaTGbtN2FsYHT53op-8ot2-c-qTKTY6D4LTj11OtUd783xdc2zXtAdCbXu0JcfnRYSn6uEb5wvPl1Y-oU2gDHxu6tE_XnK7fvX0EWB9wKdnaks9OEv-43yqUyYydfbYC8_xQjLPjwvL0/s1600/brown+bird.png
Warna Hijau
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrr4ZBPwhyQol7kZZNrzEeyQb5Lya5i4UHGB20oL-ccXMdHFf2uMvcheCmIL_2VaVLjCUt9RWgQxw58tpIEbl1vDWAiQOkbaofgOjtaIZLxjFvp29TaNNt8FkFINbjJ_0ESJoiK2AxWWE/s1600/Green+bird.png
Warna Ungu
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPKjmlGrybN4yJXMGMZ-FWiFoUNfzPh7yNdMQlvtfN-nCoas44PlM_tmYLWruUBgBsodf6WrQzslp7eBaiJd6hFLs0j9AumLehla7FtJgOnQQ9csrEkSYKlYFQug7dHWBkoNWjDGCB2Q/s1600/purple+bird.png
Warna Putih
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtE8sf-HKLu0V4Qa3lUqTifE9J7xWqChfb3PHyG4zzfSEktQfX9m9i8xXONNahOdZu2ktggdeCaw6_AJA10y9dNUEYCsQkcn-iTu-cZ2x7bHX3ZWJXjipWSxzvO1wEgsKHwn-hJetLIYY/s1600/white+bird.png
Warna Merah
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMW6xRT16iIGBeJtrMcCUopUfA7UBG65F4YT8Pb5usxzJ-CPcDMWQpcgpWyiXj1Uc46dEZ1Lr7TMFGbPsiwgT2pftJPwf4ICXMuhHzty5THUqaMqhYKdPgtG2_YAj19q9Hb3-ZZSI3b4k/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!!!!

Sumber: http://bloggerpeer.blogspot.com

Elf Bowling The Last Insult Full Version

Sudah sekian lama tidak memposting Game dan banyak juga dari pada Sobat BAGAS31 yang ingin dipostingkan tentang Game, maka terkabulah. Elf Bowling The Last Insult merupakan menu saya kali ini, merupakan game bertema Olahraga Bowling namun dengan sensasi yang berbeda. Biasanya jika bemain Bowling yang menjadi Target adalah Anak-anak Pin Bowling, namun pada Elf Bowling The Last Insult ini adalah para Kurcaci Santa yang menjadi Pin-nya. Untuk memainkannya pun tidaklah sulit, hanya cukup dengan menekan Mouse dan mengarahkannya.

Screenshot
Download :
Selamat Bermain dan Semoga Bermanfaat

Sunday, March 4, 2012

Aleo Flash Intro Banner Maker 3.8 Full Patch

Aleo Flash Intro Banner Maker merupakan software yang dapat kita gunakan untuk membuat Flash dengan mudah dan sangat cepat, berbeda dengan Adobe Flash Professional yang harus menata manual semua Frame yang dibutuhkan, namun Aleo Flash Intro Banner Maker dapat mengerjakannya secara cepat tanpa mempunyai pengetahuan lanjut tentang Flash. Cara kerja Aleo Flash Intro Banner Maker ini bisa dibilang mirip dengan Easy GIF Animator, tapi kan kalau Easy GIF Animator untuk .GIF. hehe. Aleo Flash Intro Banner Maker ini memungkinkan kita untuk membuat Flash Slideshow, Flash Banner, dll.

Screenshot
Download :
Semoga Bermanfaat

Saturday, March 3, 2012

PESedit PES 2012 Patch 3.0


Sudah sekian lama tidak memposting karena kesibukan mengupload sesuatu dulu HeHe. Sambil menunggu , saya ingin membagi Patch PES 2012 yang terbaru . Siapa yang tidak kenal dengan pesedit ? PESedit sudah terkenal dari dulu dengan edit-edit PES atau bahasa gaulnya Mod Haha. Memang , setiap versi PESedit berbeda dan tentunya memiliki banyak update-an yang berbeda juga . Simak dan download HeHe.


New Features :
  • New ball: adidas Comoequa
  • New boots: adidas adipower Predator, adidas adizero F50, adidas adiPure 11Pro, adidas Copa Mundial, Diadora DD Eleven GX 14, Joma Total Fit, Lotto Fuerzapura II L100, Lotto Futura 100, Nike CTR360 II Elite, Nike MV Superfly III, Nike Tiempo Legend IV Elite, Puma Powercat 1.12, Puma v1.11 i, Puma King Finale
  • New faces: More than 450 new faces added in faceserver, in total more than 1100 faces in faceserver
  • New kits: Austria, Brazil, Chile, Classic England, Classic Germany, Classic Netherlands, Czech, Denmark, England, France, Germany, Greece, Las Palmas, Manchester City, Middlesbrough, M�nchengladbach, Murcia, Netherlands, Olympiacos, Poland, Portugal, Russia, Serbia, Slovakia, Spain, Switzerland, Ukraine, Wales
  • New scorebaords: ESPN12, Lig TV
  • New team: Zambia
  • Selector: Updated switches slightly, now possible to add own stadiums and scoreboards to it
  • Transfers: Even more tranfers completed
  • Updated European national teams' squads
ScreenShot :



Link Download :
Cara Install :
  • Delete Folder Kitserver kemudian jalankan setup.exe.
Status :
  • Tested By Me ( PES 2012 Windows 7 Professional )
Semoga Bermanfaat .

Link Exchange

Indahnya Kebersamaan,,!!!!
Bertukar link atau banner merupakan suatu hal yang sangat menyenangkan bagi para blogger pemula seperti saya, dengan media bertukar link para blogger bisa saling mengenal, suatu hal yang mengembirakan bisa berteman walau hanya di dunia maya. Toh dunia ini tidak sempit, jikalau, bila mana, andai kata kita bertemu disuatu tempat pasti bisa lebih akrab.

Bagi sobat yang berkenan untuk bertukar link dengan blog KTB Silakan masukan kode dibawah ini untuk memasang link blog KTB di blog sobat.

Text Link KTB

Banner Link KTB

Dan jangan lupa konfirmasi seteleh meletakkan link saya ya, silakan agan konfirmasikan pada kolom komentar dimana (URL) link blog ini agan letakkan.

NB: Bagi sobat yang hanya memasang link saya saat pertama konfimasi saja dan selanjutnya menhapus link saya, mohon maaf apabila saya juga menghapus link anda.





Daftar Banner Sahabat:
Banner Zuaz'Z

Banner Zuaz'Z

 Reskia'z

Salam,,,