Tutorial Membuat Auto Read More di Blog

Posted by Alimuddin Muhammad Sunday, February 26, 2012 0 comments



Auto Read More merupakan Read More otomatis dengan fungsi yang canggih. Kenapa canggih? Karena Auto Read More dilengkapi dengan pengaturan jumlah karakter yang tampil pada home page blog Anda. Ada 2 pengaturan jumlah karakter yaitu jumlah karakter Read More dengan gambar dan jumlah karakter Read More tanpa gambar.

Kecanggihan yang lain yaitu Read More ini memiliki image thumbnail yang menampilkan gambar pertama pada postingan blog Anda dan memunculkannya pada awal paragraf.


Jika Anda belum mengetahui apa itu Auto Read More, Anda bisa melihat read more pada home page dari blog Kumpulan Tutorial Ngeblog. Itu merupakan Auto Readmore dengan image thumbnail.

Udah ngga sabar nih menunggu tutorial cara membuat auto read more?? Hehehehehe...

Silakan Anda simak cara membuat auto read more berikut ini

Langkah Pertama

Kita Login ke akun Blogger milik anda > Tata Letak > Edit HTML. Klik Download Full Template untuk membackup template blog Anda.

Beri tanda centang pada "Expand widget template" kemudian CoPas kode berikut ini di atas kode </head> (tekan Ctrl+F untuk mempermudah dalam pencarian kode)
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
******************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Anda bisa memodifikasi kode berikut ini
var thumbnail_mode = "float"; 
summary_noimg = 250; 
summary_img = 250; 
img_thumb_height = 120;
img_thumb_width = 120; 
Ganti angka summary_noimg untuk mengatur jumlah karakter yang tampil pada kutipan artikel tanpa gambar.
Ganti angka summary_img untuk mengatur jumlah karakter yang tampil pada kutipan artikel dengan gambar.

Ganti angka img_thumb_height untuk mengatur tinggi gambar yang tampil pada kutipan artikel.

Ganti angka img_thumb_width untuk mengatur lebar gambar yang tampil pada kutipan artikel.

Langkah Ke 2

Cari kode <data:post.body/> lalu ganti dengan kode berikut ini


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Ganti kata yang berwarna biru dengan left untuk menampilkan link readmore di bagian kiri dan right untuk menampilkan link readmore di bagian kanan. 

Ganti kata yang berwarna merah dengan kata yang Anda suka. Misalnya Baca Selengkapnya atau Baca Selanjutnya.

Langkah Ke 3

Klik tombol Preview untuk melihat hasil. Jika hasil sudah sesuai, klik tombol Simpan.




terima kasih telah datang di blog saya semoga tutorial ini dapat membatu, bermanfaat dan menambah ilmu untuk anda 

Baca Selengkapnya ....

Belajar Memposting Di Blog

Posted by Alimuddin Muhammad Saturday, February 25, 2012 0 comments
mungkin ini sudah sering di tanyakan oleh seseorang yang baru membuat blog, dan bingung mau nulis apa tapi tidak tahu caranya. di sini saya akan mengajarkan kepada kalian yang baru mengenal atau awam blog.
berhubung blogger sudah mempercantik dashboard blogger yang User Friendly, biar lama - lama kita ke to the point aja.

  • Pertama kita buka blogger.com otomatis kita masuk di dashboard blog kita
  • Setelah itu kita klik create new post seperti gambar di bawah



  • lalu kita akan masuk ke halaman untuk membuat posting seperti gambar di bawah



  • setelah mengisi judul, dan isi posting kita klik publish untuk mempublish ke blog kita
  • setelah itu lihat home blog kamu sudah ada postinganya

selamat mencoba semoga ilmu yang saya share bermanfaat untuk anda dan menambah ilmu anda

Baca Selengkapnya ....

Membuat Blog Menggunakan Blogger

Posted by Alimuddin Muhammad Friday, February 24, 2012 0 comments
karena blogger sudah mengupdate semua dashboard lebih mudah alias Friendly untuk meng otak atik isi blog, maka sekarang aku mau memposting gimana sih cara membuat blog yang baru di blogger?? karena ada juga permintaan dari teman saya yang lagi butuh saya buatin aja biar mereka bisa belajar. ok ga usah lama - lama to the point aja.


  • Pertama kita harus mempunyai e-mail, usahakan menggunakan account gmail supaya lebih gampang karena gmail satu produk dengan blogger. kalau belum punya accountnya klik disini
  • Kalau sudah punya / membuat account gmail/email kita buka blogger.com pada address bar di browser anda. lalu isi formulir pendaftaran lalu klik lanjutkan.
  • setelah itu otomatis masuk ke dashboard blog kamu lalu klik new blog


  • akan muncul pop-up seperti gambar yang ada di bawah lalu isikan Judul blog, alamat blog, dan pilih template sesuai selera selesai klik Buat Blog!

  • lalu kita klik view blog / lihat blog untuk melihat blog yang telah kita buat.


  • kira - hasilnya kalian klik link ini



semoga terbantu jangan lupa tinggalin posting ya

Baca Selengkapnya ....

Multimedia

Posted by Alimuddin Muhammad Thursday, February 23, 2012 0 comments

dah lama aku ga mosting di blog ku ini, yang semakin hari semakin sepi. tapi tak apalah yang penting aku bisa berbagi informasi sesama silent reader, blogger atau sekedar blog walking walaupun informasi itu sebagian ada yang copas dari blog/forum orang tapi aku masih ngasih credit buat mereka dengan cara mencantumkan sumbernya.

sekarang aku mosting tentang artikel multimedia, ini tugasku smk waktu semester 6 sekarang, setelah ngumpulin info-info, ya jadi artikelku seperti berikut... walaupun sekedar copas
Ikuti ya....

Multimedia sering digunakan dalam dunia hiburan dan di adopsi oleh dunia game. Selain itu, multimedia juga dimanfaatkan dalam dunia pendidikan dan bisnis. Di dunia pendidikan, multimedia digunakan sebagai media pengajaran. Di dunia bisnis, multimedia digunakan sebagai media profil, profil produk, dan pelatihan dalam sistem e-learning.

Awalnya multimedia hanya meliputi media yang mencakup indra penglihatan (gambar diam, teks, gambar gerak video) dan indra pendengaran (suara). Dalam perkembangannya multimedia mencakup juga gerak dan bau yang merupakan bagian dari indra penciuman.

Sejak ditemukannnya teknologi reproduksi bau melalui telekomunikasi, bau menjadi bagian dari multimedia. Dengan perangkat input penditeksi bau, seorang operator bisa mengirimkan bau melalui internet. Pada komputer penerima harus tersedia perangkat output mesin reproduksi bau. Mesin reproduksi bau ini mencampurkan berbagai jenis bahan bau yang setelah dicampur menghasilkan output berupa bau yang mirip dengan bau yang dikirim dari internet. Layaknya printer, namun alat ini menjadikan bau sebagai pengganti tinta, output bukan berupa cetakan melainkan aroma.

Jika kita sebagai desainer grafis tidak begitu mahir dalam menggambar, hal itu bukan merupakan masalah yang besar. Kita tidak dituntut menggambar dengan bagus sekali, tetapi setidaknya seorang desainer grafis ‘bisa’ menggambar dan menggambar dengan ‘benar’ walaupun menggambar hanya untuk di sketsa saja. Karena, hal yang paling dihargai dan paling ‘mahal’ harganya dalam sebuah desain adalah ide kreatif seorang desainer grafis.

Semoga bermanfaat !!!

Sumber : http://tuanpemuda.blogspot.com/2010/11/multimedia.html
               http://id.wikipedia.org/wiki/Multimedia

Baca Selengkapnya ....

Memasang Kaskus Hot Thread Di Blog

Posted by Alimuddin Muhammad 1 comments
apa sih Kaskus Hot Thread (HT) itu??

Kaskus Hot Thread asalnya dari salah satu komunitas terbesar di Indonesia yang bernama kaskus, di kaskus kita bisa mendapatkan segala informasi update dan sharing tips. Di kaskus, thread/trit pilihan yang lolos penyeleksian dari moderator (momod) bakalan dipasang di "Hot Thread". biasanya trit yang di pasang di Hot Thread adalah trit yang informatif, tapi terkadang berbau promosi

  • Kita masuk ke dashboard 
  • Klik rancangan 
  • Klik tambah gadget 
  • Klik HTML&Javascript
  • Masukkan kode di bawah ini
<script src="http://feeds.feedburner.com/yahoo/ahjK?format=sigpro" type="text/javascript" ></script>
<style type="text/css">
#creditfooter{display: none;}
.feedburnerFeedBlock ul li:hover {
border: 1px #000 inset;
}
.feedburnerFeedBlock ul li a {
font-size: 18px;
padding: 5px;
}
.feedburnerFeedBlock ul {
list-style: none;
-webkit-padding-start: 0px;
}
</style>

Dan Klik Simpan

Baca Selengkapnya ....

Cara Pasang Widget Free SMS Di Blog

Posted by Alimuddin Muhammad 0 comments
Widget Free SMS adalah SMS gratis melalui internet secara gratis
 
Pengen Pasang Widget FREE SMS Ini Di Blog Kamu ???





  • Pertama buka layout blog kamu lalu klik add a gadget



  • Lalu Klik HTML/JavaScript


  • dan copas script di bawah ini  seperti gambar berikut lalu save













src="http://www.freesmsvoip.com/index.php?do=widget" width="220" height="250" frameborder="0" scrolling="auto"></iframe><br />
Pengen Pasang Widget Ini Di Blog Kamu??<br />
<div><a href="http://alie94-kaskus.blogspot.com/2012/02/cara-pasang-widget-free-sms-di-blog.html">Klik Disini</a></div>

Terima Kasih Sudah Berkunjung Di Blog Saya

Baca Selengkapnya ....
Copyright of alie94.