Senin, 13 Agustus 2012

Mengedit/Menambahkan HTML pada Template Blog

~Pilih menu 'Template' pada dashboard blog Sobat





~Pilih 'Edit HTML' untuk menambah dan mengedit template, lalu klik 'Lanjutkan'.




~ Jangan lupa checklist 'Expand Template Widget' biar template Sobat gak rusak.





~ Tekan Ctrl+F untuk mencari kode/script yang Sobat pengen.
~ Setelah memasukkan semua kodenya, jangan lupa klik 'Pratinjau' dulu sebelum mengeklik 'Simpan'. Hal ini bertujuan untuk mengantisipasi kalau ada script yang salah maka pada halaman pratinjau akan rusak. Kalau hal ini terjadi, segera cari dan temukan script yang salah lalu diperbaiki. Kalau ada script yang salah namun tetap di simpan, maka Sobat akan susah untuk mengedit Template Sobat lagi. Bahkan, pada beberapa kejadian template tidak bisa di edit lagi.


Demikian Cara Mengedit/Menambahkan HTML pada Template Blog. Semoga bermanfaat...
Haturnuwun... :)



Read More >>

Memasang Widget HTML/JavaScript di Blogspot

Memasang Widget HTML/JavaSript pada tampilan blogspot yang baru.

~ Pilih menu 'Tata Letak' pada dashboard blog kamu.

~ Pilih 'Tambah Gadget' dimana kamu mau meletakkan gadget itu.

~ Pilih Gadget 'HTML/JavaSript'

~ Masukkan kode HTML/JavaSript yang pengen kamu pasang

~ Kemudian klik 'Simpan/Save'

Demikian artikel tentang Cara Memasang Widget HTML/JavaScript di Blogspot.
Semoga bermanfaat...
Haturnuwun., :)
Read More >>

Membuat Read More Otomoatis Dengan Gambar dan Hanya Teks di Blog

Hai Sobat Saling Follow...!!!
Apa kabar ni..?? moga baik-baik aja ya... :)
Buat para blogger yang sudah lama berkecamuk dalam dunia blog mungkin artikel ini sama sekali tidak ada gunanya. Tapi tidak ada salahnya dong Saling Follow berbagi ilmu dengan teman-teman blogger pemula... :D
Sebelum Saling Follow ngasih tahu cara Membuat Read More Otomatis di Blog, perlu kalian ketahui read more itu bisa dilakukan dengan manual juga lho. Caranya adalah Klik "Insert Jump Break" pada tulisan dimana Sobat ingin memotongnya. Lihat gambar dibawah ini supaya Sobat lebih jelas :
Klik Insert Jump Break
 Maka hasil akan seperti ini :
Hasil Readmore manual
Tapi kelemahan menggunakan read more manual ini adalah sobat mesti tidak boleh lupa mengeklik "Insert Jump Break" setiap kali Sobat mau posting tulisan. Selain itu juga tidak akan teratur tampilan di beranda antara gambar dan tulisan.
So, Saran Saling Follow jangan gunakan Read More Manual deh...!

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

1.  Masuk ke desain template, kalo Sobat ada yg belum tahu Cara Desain Template bisa klik Cara Desain Template.
2. Selanjutnya,cari kode </head>,setelah ketemu tepat diATASnya letakkan kode javascript berikut:
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
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>
3. Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>
4. Untuk Read More Otomatis Menggunakan Gambar hapus kode tersebut dan gantilah dengan kode berikut :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></a></span>
<b:else/>
<data:post.body/>
</b:if>
5. Sedangkan untuk Read More Otomatis yang Hanya Teks hapus kode <data:post.body/> atau <p><data:post.body/></p> dan gantilah dengan kode berikut :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
Catatan :
~  Untuk tulisan yang berwarna hijau Sobat bisa menggantinya dengan angka sesuai dengan keinginan Sobat :
summary_noimg = 150; => jumlah karakter di beranda tanpa gambar
summary_img = 150; => jumlah karakter di beranda dengan gambar
img_thumb_height = 100; => tinggi gambar di beranda
img_thumb_width = 120; =>lebar gambar di beranda

~ Untuk tulisan yang berwarna merah 'Read More...' bisa sobat ganti dengan 'Baca Selengkapnya', 'Baca Selanjutnya...' atau apapun sesuai selera Sobat.

6. Sebelum disimpan, Klik Pratinjau dulu. Karena kalau ada script yang salah maka di halaman Pratinjau akan gagal memuat. Segera temukan dan perbaiki script Sobat yang salah, karena kalau tidak pada Template Blogger yang baru sobat akan kesusahan dalam masuk ke Desain Template lagi.

7. Untuk yang sudah terlanjut menggunakan Read More Manual seperti yang sebutkan di paling atas tadi, Sobat tinggal hapus kode :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>
8. Kemudian gantilah dengan cara nomer 4 atau nomer 5 sesuai keinginan Sobat.

Demikianlah artikel tentang Cara Membuat Read More Otomoatis Dengan Gambar dan Hanya Teks di Blog. Semoga bermanfaat...
Haturnuwun... :)


Read More >>

Minggu, 12 Agustus 2012

Aksesoris Keren Untuk Menghias Blog

Sering kamu melihat blog yang banyak pernak-perniknya (hiasan-hiasan) kaya 'I Love Indonesia', 'Blogger Indonesia', dan sejenisnya. Sekarang Saling Follow akan ngasih tahu bagaimana blog kamu bisa menjadi lebih berwarna dan menarik dengan adanya hiasan-hiasan berupa gambar itu.

Silakan langsung saja copas kode-kode dibawah gambar yang sobat sukai untuk ditambahkan di blog sobat.
Perhatian : Jangan Mengubah Kode Sedikitpun!

Hati-hati kalau nulis (atau ngopi?) posting, jangan sembarangan ya!!!


<a href="http://saling-follow.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRIiTUsx05ms-JG-2rU4hNJiKZQD50RrGfzl8oUpS_PRpFMuiYlfanXVx2bW0_cDlclFVJjfZFziRc-f2jkItjBi8jPFcc_IvmovuLYX0oArLDxFM_xnbJjlD5RZK2NBJ_Gteb9zemlvaX/s1600/Nulis+Posting.jpg" alt="Nulis Posting Jangan Sembarangan"></a>




Pay Attention, I'm moody blogger... :)

<a href="http://saling-follow.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgicd1eE5MKqG-8mJV2KJx8hSfbUHXwpvvHI_WWTSEFhInmDcyxp-UXZu5MTZbtae-UaXr-xjjR8vWiBWMEO3SveJ_64dVnwtvC73g8qsi7MFWWSEV4YoV6GL8Jx8p_HPkF3W7E6bD8Oz/s1600/Blogger+Moody.jpg" alt="Blogger Moody"></a>







Bangga menjadi bagian dari Indonesia


<a href="http://saling-follow.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjnUDA7v25xT4BTD8wu3m7e_SuOPJt76PNSXGJpkKchEJiI9xni46pdJaT6bSl9qI0PA5EBqNDwwqp0zCjYBE38XTI0MaWF7Cuhwc8pu50ar0ky5wCAkT9jk6DY4ZtnKZM9P6n6G-l2aYE/s1600/Blogger+Indonesia.jpg" alt="Blogger Indonesia"></a>









Nah, cukup tiga itu dulu ya tentang Aksesoris Keren Unuk Menghias Blog. Semoga bermanfaat buat Sobat Saling Follow yang sedang belajar membuat blog yang keren.

Haturnuwum...
Read More >>

Rabu, 06 Juni 2012

Panduan dan Langkah Membuat Blog di Blogspot

neng : syang
aa : ya syang ?
neng : tangan aku pegel nih
aa : ywdah,sini aku pijitin.. skalian yah aku pinjem tangan kamu
neng : hmmm ? buat apa syang ?
aa : buat latihan masang cincin di jari manis kamu ..
neng : akkhhhh ,syang bisa aja. iya,kamu boleh pinjem tangan aku. asal,aku boleh minta foto kamu ea
aa : foto? buat apa syang?
neng : buat aku pasang di undangan pernikahan kita
aa : hahahayyy sekkaseekkkk . . . :*

Ehm.,., Pada postingan sebelumnya Om sudah membahas tentang 11 Daftar Situs Penyedia dan Pembuat Blog Gratis dan 12 Situs Pembuat Web Gratis. Lantas Bagaimana cara membuat sebuah blog?
Mungkin bagi para master blogger tulisan seperti ini benar-benar tidak perlu, karena mereka jelas sudah mempunyai sebuah mungkin beberapa blog dengan desain yang bagus dan berisi artikel-artikel yang menarik juga. Namun, buat para pemula (orang yang belum sering menjelajah internet dan ingin memulai untuk menjadi blogger) mungkin artikel seperti sangatlah diperlukan.




Yaudah simak aja artikel ini sampai selesai, biskuitnya taruh dulu biar kosentrasi,,
Berikut Panduan dan Langkah Membuat Sebuah Blog di Blogspot

1. Harus Mempunyai Email
 Kamu harus meiliki email untuk membuat sebuah blog dari Blogspot. Bisa email yahoo, gmail, oal, dan yang lainnya. Tapi Om saranin mending pakai email gmail aja, selain karena blogspot dan gmail adalah satu produk google juga bisa untuk menghubungan blog kamu nantinya ke google+ yang berfungsi untuk mepromosikan blog kamu.
Kalau kamu belum punya akun gmail, silakan daftar di gmail.com atau bisa juga mail.google.com. Langkah-langkahnya sangat mudah, tinggal ikutin aja petunjuknya dan masukkin data kamu dengan benar. Oiya, ketika kamu mamasukkan nomer telepon, isilah dengan nomor telepon kamu, jangan nomor telepon yang ngarang. Karena kamu akan mendatkan sms dari pihak google yang berisi nomer registrasi akun gmail kamu.

2. Masuk Ke Alamat blogger.com atau blogspot.com
Tampilannya akan seperti diatas, silakan klik "BUAT BLOG" untuk membuat blog.

3. Isi Data-data (Create Account)

Tampilannya akan seperti gambar diatas., Isikan data-data kamu, 

4. Memilih Nama Blog (Name Your Blog)
Silakan pilih nama Blog Anda semenarik mungkin, supaya mudah untuk diingat oleh banyak orang. misalnya planetkentir.blogspot.com (Planet Kentir) orang-orang pasti akan dengan mudah mengingat nama blog tersebut.

 5. Pilih Template Awal

Pilihlah template awal untuk blog kamu yang nantinya bisa kamu rubah sekreatif mungkin. Tergantung bagaimana kamu mengembangkannya.

6. Selamat Anda Punya Blog
Sekarang kamu sudah punya blog, silakan kembangkan blog kamu sesuai kreatifitasmu sendiri. Saran saya, jangan pernah malas untuk belajar dan terus belajar.
Salam Sukses Kawan

Jangan Lupa tinggalkan komentar Sobat ya.,.,!!!!


Read More >>

Sabtu, 17 Maret 2012

11 Daftar Situs Penyedia dan Pembuat Blog Gratis

"Neng. kamu tau nggak?'
"Apa Bang?"
"Kalau dideket kamu tu aku pengen ngejauh..."
"Kok bisa? Abang udah nggak suka ma aku ya.,.??"
"Aku pengen ngejauh dari orang banyak, biar bisa berduaan ma kamu.."
"Ohhh.... Asyek.,.,"

Lho.. Lho... kok nglantur ke gombalan si...
Hheehheee... cuma salam pembuka aja kok.. biar lebih akrab sama pembaca,,

Ehmm.. ngetest suara dulu..
Setelah artikel sebelumnya  Saling Follow membahas tentang 12 Situs Pembuat Web Gratis, kali ini Saling Follow akan membahas tentang  11 Daftar Situs Penyedia dan Pembuat Blog Gratis.
Lho.. apa si bedanya blog sama web?
Baca aja di artkel sebelumnya yang berjudul 12 Situs Pembuat Web Gratis.
Afika udah bikin website belum..??
Udah di salah satu alamat yang kemaren Om share...
Bagus deh, eh.. kali ini Om punya trik lagi.. Kali ini bukan Situs Pembuat Web, tapi Situs Pembuat Blog... sebaiknya kamu coba dulu deh, ntar coba bandingin bagusan mana antara Situs Penyedia Web dengan Situs Penyedia Blog...





Iya kamu cantik, paling cantik tu kalau di kebun binatang... hhheehheee
Ihhh... Om Nakal.. ya udah buruan tulis tipsnya, Afika pengen tau  nih..
OK... sebenernya situs-situs yang meh Om tulis belum pernah Om cobain semua, yang pernah Om cobain cuma blogspot sama wordpress. Tapi kamu bisa nyobain satu persatu, kemudian kamu pilih salah satu yang menurut kamu paling gampang tapi paling menarik. Bukan yang paling gampang tapi fasilitas nggak lengkap. Blog kamu malah nggak bisa bagus nantinya.

Langsung aja 11 Daftar Situs Penyedia dan Pembuat Blog Gratis :

1. Blogger.com

2. WordPress.com

3. Blogsome.com

4. Multiply.com

5. Livejournal.com

6. Spaces.msn.com

7. Journalspace.com

8. my.Opera.com/community

9. 360.yahoo.com

10. weebly.com

11. Blog.com

Kalau Om saranin si mending pake blogspot aja kalau kamu lagi belajar. Selain mudah juga kamu bisa membuat blog kamu sekreatif mungkin tergantung kemampuan kamu dan kemauan kamu belajar nantinya.
Oiya.. Tambahan situs penyedia dan pembuat blog dari dalam negeri juga ada nih.. blogdetik.com, dagdigdug.com, astalog.com, ngeblogs.com... cobain aja, siapa tau yang dari dalam negeri justru malah bagus...
Read More >>

12 Situs Pembuat Web Gratis

Lho... Kok judulnya 12 Situs Pembuat Web Gratis? Bukannya blog ini tentang "Saling Follow blog"? Harusnya ya isinya tentang Follow dan Followback.
Yaa... memang blog ini adalah blog Saling Follow dan followback blog, tapi kalau nggak punya blog gimana bisa nglakuin aktivitas Saling Follow blog? Ya nggak...?
Oooo... iya juga ya Omm.,., Ya udah cepet tulis Aku simak deh.
Eee,... katanya harus punya blog, tapi kok judulnya 12 Situs Pembuat Web Gratis? Blog sama Web kan beda...
Jadi gini, Blog itu ya sebuah website. Yang namanya website bisa ada beragam. Kalau sebuah website itu berisikan banyak berita terkini dan menjadi pusat segala informasi, maka website itu bisa dikategorikan dalam portal. Misalnya: Kompas.com, Detik.com, PortalHR.com, Seleb.tv, Kapanlagi.com, dll. Masing-masing portal biasanya punya segmennya sendiri-sendiri. Makanya, ada yang disebut dengan portal berita, portal hiburan, portal pendidikan, dan macam-macam.

Ada pula website yang dikategorikan sebagai website komunitas, dimana isinya berisi sekumpulan anggota yang mempunyai ketertarikan yang sama. Misalnya: Kaskus.us, Kafegaul.com, Bluefame.com, dll. Ada lagi yang komunitas tapi berfokus pada jejaringan sosial, seperti Friendster.com, Fupei.com, LiveConnector.com, dll.

Nah, blog adalah website yang isinya berupa tulisan-tulisan yang merupakan opini dari pemilik blog. Biasanya blog disajikan berurutan berdasarkan tanggal. Tulisan terbaru yang dibuat, dimunculkan di paling atas. Ciri lain dari blog adalah adanya komentar. Pembaca blog bisa memberikan tanggapan terhadap isi tulisan. Penulis blog bisa memberikan balasannya pula di bagian komentar itu.

Oooo... gitu ya Om.,.


Langsung aja simak 12 Situs Pembuat Website Gratis yang Om temukan. Nggak usah khawatir kalau kamu belum ahli dalam desain web, karena aplikasi web builder yang mau Om share nggak perlu keahlian khusus dan kode-kode htmlm php, css ataupun javasript.

 1.Wix: Ciptakan Situs Gratis, Tampilan MySpace Gratis & Tampilan Flash MySpace
Dengan Wix Anda bisa menciptakan situs gratis atau membuat tampilan MySpace termasuk Flashnya. Aplikasi ini merupakan salah satu cara paling sederhana dan cepat untuk membuat dan mendesain sebuah situs.

2.Weebly: Ciptakan Situs dan Blog Gratis
Weebly adalah cara termudah untuk menciptakan situs gratis. Mulai dari situs pribadi sampai profesional, Weebly memungkinkan Anda untuk berkonsentrasi pada bagian terpenting dari situs yaitu konten. Anda dapat menciptakan situs gratis dan blog gratis.

3.Google Sites
Google Sites adalah cara gratis dan mudah untuk menciptakan dan berkolaborasi membuat situs. Aplikasi ini cukup kuat untuk intranet perusahaan dan cukup sederhana untuk situs keluarga.

4.Freewebs: Membuat Situs dengan Album Foto, Blog, Video, Forum dan Lainnya
Aplikasi ini digunakan untuk membuat situs dalam hitungan menit dengan alat-alat sederhana bagi individu, grup atau bisnis kecil untuk berbagi foto dan video, membuka toko, dan membangun sebuah komunitas.

5.SynthaSite: Situs dan Hosting Gratis
Anda bisa membuat situs gratis dengan SynthaSite. Aplikasi ini sangat cepat, mudah serta tidak membutuhkan kemampuan teknis untuk menciptakan sebuah situs yang terlihat profesional dan indah.

6.Viviti: Ciptakan Situs yang Seunik dan Sedinamis Diri Anda
Viviti merupakan cara tercepat untuk membuat sebuah situs profesional, mudah diperbaharui dan hanya dengan beberapa klik saja. Dalam hitungan menit, Anda akan memiliki sebuah situs yang menakjubkan.

7.Jimdo: Ciptakan Situs Gratis Milik Anda
Sangatlah mudah untuk menciptakan situs dengan aplikasi ini. Anda hanya perlu mendaftarkan diri, ikuti pautan menuju halaman, integrasikan gambar, video dan teks dalam hitungan detik, mengubah desain dengan beberapa klik dan menambahkan sejumlah halaman sesuai keinginan dan segera tunjukkan situs Anda ke teman-teman.

8.Tumblr: Cara Termudah untuk Berbagi
Tumblr membuat hal-hal seperti berbagi teks, foto, kutipan, link, musik, video, telepon, desktop, email atau lain-lain seakan semudah membalikkan telapak tangan.

9.Webon: Situs dan Hosting Gratis
Anda bisa membuat sebuah situs yang dinamis, modis dan bebas iklan dengan aplikasi ini. Selain itu Anda bisa menambahkan widget dari layanan-layanan seperti YouTube, Flickr dan Slide. Para pengembang bahkan dapat menambahkan standar seperti OpenSocial untuk memperkuat library Webon.

10.Webnode: Ciptakan Situs dan Blog Gratis
Webnode menghadirkan cara inovatif untuk menciptakan dan menyunting situs-situs canggih hanya dengan menggunakan sebuah browser. Mendukung fitur drag and drop dari toolbar, Anda dapat menciptakan fitur seperti polling, forum, artikel, katalog, Widget seperti PayPal dan lainnya.

11.Edicy: Ciptakan dan Edit Situs dengan Mudah
Edicy sangat mudah digunakan untuk membuat situs bagi bisnis atau organisasi Anda untuk dipublikasikan melalui internet dalam hitungan menit. Semua alat sudah tersedia online tanpa ada tambahan perangkat lunak yang dibutuhkan. Silakan pilih satu dari desain cantik yang tersedia, masukkan teks, tambahkan gambar dan publikasikan situs Anda dengan alamat situs kustom milik Anda. Mudah bukan?

12.WebSketch: SitusMu CaraMu
Ketika Anda menggerakkan obyek pada halaman Anda di WebSketch, hal-hal lainnya akan secara otomatis memberi jalan untuk Anda. Hasil akhirnya sangat bersih, jelas dan terlihat professional.

Nah itu dia 12 Situs Pembuat Website Gratis yang Om ketahui.





Oooiiiyyaaa... Om lupa.,. Alamatnya tinggal dikasih .(dot)com dibelakang nama websitenya kok. Kecuali GoogleSite yang alamatnya site.google.com.
Gimana? jelas kan.,.
Iya Omm... jelas banget.. Aku sekarang mau nyoba bikin website pribadi buat upload foto-fotoku. Biar aku tambah terkenal.

Yaa,.. bagus.. oiyaa.. Artikel selanjutnya Om akan share situs-situs pembuat blog gratis biasa dipakai para blogger Indonesia dan dunia.
Sekian artikel tentang 12 Situs Pembuat Website Gratis yang Saling Follow share...


Read More >>