Karo Sopo: Blogger

Showing posts with label Blogger. Show all posts

27 June 2012

Membuat Image Variasi di Postingan Blog

Membuat Image Lebih Variasi di Postingan Blog - Tutorial Blog berikutnya yang saya sajikan adalah memberi efek pada Image yang kita posting di blog. Efek variasi ini akan memberikan efek yang barus ketika Cursor didekatkan di Gambar Tersebut.

Membuat Image Lebih Variasi di Postingan Blog caranya sangat gampang, anda tinggal memodifikasi script berikut ini dan langsung bisa anda sesuaikan saja di blog anda.

Copy script berikut ini di script HTML Post anda.

.post-body img {padding:15px; background:#FFF; -moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.post-body img:hover {border-radius: 0% 50%; box-shadow: 0px 0px 15px #000;-moz-transition: all 1s;
-webkit-transition: all 1s;-o-transition: all 1s;cursor:crosshair;}

Sekarang silahkan save template anda dan kemudian dekatkan cursormu pada gambar di postinganmu.

Script CSS Reset pada Blog

By 11:29 PM No comments:

Script CSS Reset pada Blog - CSS yang terlalu banyak pastinya akan memberatkan blog kita pada saat pertam` dibuka. Banya cara untuk mengakalinya salah satunya adalah dengan memasang Script CSS Reset pada Blog. Tujuan dari stylesheet reset untuk mengurangi inkonsistensi browser dalam hal-hal seperti ketinggian garis default, margin dan ukuran font heading, dan sebagainya. Script CSS Reset pada Blog cukup sering muncul dalam kerangka CSS, dan "reset meyerweb" asli menemukan jalan ke Blueprint, antara lain.

Reset CSS yang diberikan di sini sengaja sangat generik. Tidak ada warna default atau set latar belakang untuk elemen body, sebagai contoh. Saya tidak terlalu menyarankan Anda hanya menggunakan ini dalam keadaan tidak berubah dalam proyek Anda sendiri. Perlu tweak, diedit, diperpanjang, dan sebaliknya akan disetel ulang untuk mencocokkan dasar spesifik Anda. Isi warna pilihan Anda untuk halaman, link, dan sebagainya.

Dengan kata lain, ini adalah titik awal, bukan kotak mandiri hitam yang tidak-tersinggung.

Jika Anda ingin menggunakan resey ini, maka jangan ragu! Ini semua secara eksplisit dalam domain publik. Anda bisa ambil salinan file untuk menggunakan dan tweak sebagai cocok untuk anda. Jika Anda lebih dari jenis copy-dan-paste, atau hanya ingin pratinjau di halaman dari apa yang Anda akan mendapatkan, ini dia.

Obat Goblog Terbaru

By 7:19 AM No comments:

Obat Goblog Terbaru - Melihat dari judulnya memang kedengaran sangat nyeleneh, tapi maksud dari judul itu adalah positif kok. Jadi maksud dari Obat Goblog Terbaru ini adalah tentang perkembangan ilmu baru yang ada pada dunia IT dalam hal ini kita akan membahas tentang Google.

Google sebagai raksasa search engine sampai saat ini kurang lebih telah berumur 7 tahunan (kalau gag salah), lalu apa hubungannya dengan Obat Goblog Terbaru. Saya hanya ingin membahas tentang bagaimana sebenarnya konsep yang banyak salah dimengerti. Menurut saya pribadi ni gan, selama ini biasanya kita sering mengejar atau memahami benar-benar SEO, namun kenyataannya tutorial yang ada masih membahas tentang mengkerucut kepada Search Engine Google saja.

Padahal kalau kita pahami benar-benar, apakah kita ingin jadi no.1 di Google atau di semua Search Engine besar misalnya Yahoo dan Bing. Tapi ini juga pendapat saya, mungkin gag lama lagi pengertian SEO akan menjadi GO (Google Optimizion), hee.

Google Optimizion, akan menjadi Obat Goblog Terbaru selanjutnya.

Memasang Nivo Slider Di Blogspot

By 4:04 PM No comments:

Obatbodoh blog, - Saking reringnya ngeblog jadi jarang tidur, tapi ya itulah namanya blogger, sering bergadang sering praktekin tutorial dari para sobat blogger. Karena paling suka membuat themes blog yang ada slidernya, sampai-sampai nyari cara buat masang slider nivo slider yang sampai sekarang masih banyak menjadi andalan template-template blog premium.

Nivo Slider

Wah sudah sangat capek langsung saja ikuti cara berikut ini :

Langkah 1 Add CSS

Tambahkan kode CSS di bawah ini tepat di atas ]]></ b:skin>

Claim Your Site di Alexa

By 2:43 PM No comments:

Heran juga blog gue yang satunya kok semuanya pada No Data. hmmm googling kemana caranya sama saja gag fungsi dan tetep saja padahal umur blog gue udah 3 tahun lebih .. .

Lalu ane coba aja claim blog ane yang satunya sudah verifikasi dan berhasil. Bagi anda yang mengalami kejadian yang sama mungkin bisa nyoba cara berikut ini.

Berikut cara claim Website anda di Alexa " [login dulu jangan lupa]

Taruh kode verifikasi di bawah <head>

klik verify My ID

Setelah itu klik continue

Sampai disini sudah selesai.

Membuat Box Script Pada Postingan Blog

By 10:30 AM No comments:

Article ini Dibuat Dan di edit Oleh Admin E8N Blogs, Dan Jika Anda mau mengcopy harap Cantumkan Link Aktif Ke Blog ini.

Bagi yang sudah mahir jangan mengganggu satu guru satu google, hee
ini script sederhana yang dulu juga saya cari dan sangat membingungkan ..

mungkin anda bingung dengan judul itu, tapi contoh nya seperti ini :

agar postingan kita bisa berada dalam box tersebut dan bisa di scroll naek turun
gunakan script berikut ini.

langkah-langkahnya :
1. Masuk dalam Postingan
2. Silahkan Posting yang anda inginkan
3. masukkan script berikut ini diatas tulisan yang ingin berada didalam box

<pre style="background-color: white; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 12px; height: 40px; line-height: 18px; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 450px;"><b><span class="Apple-style-span"style="color: blue;">

4. Jika sudah anda taruh tulisan anda dibawah script tersebut
5. kemudian anda tutup dengan script dibawah ini

</b><span class="Apple-style-span" style="color: #073763;">
</span></pre>
<div>
<span class="Apple-style-span" style="color: #073763;">
</span></div>

Jika Tutorial ini berguna bagi anda jangan lupa ber "say thanks" dengan tinggalkan komentar anda.
Semoga bermanfaat.

Membuat Top 10 Posting Otomatis

By 9:22 AM 2 comments:

Article ini Dibuat Dan di edit Oleh Admin E8N Blogs, Dan Jika Anda mau mengcopy harap Cantumkan Link Aktif Ke Blog ini.

Jika anda ingin menampilkan postingan terbaru atau 10 posting terbaru anda dalam 1 widget silahkan coba yang 1 ini. Simple tidak ribet. Try it :

1. Add Widget

2. Copy Script dibawah ini

<script>
function rp(json) {
document.write('<ul>');

for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);

if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');

}
</script>

<script>
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

<script src="http://notsend.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Ganti tulisan warna merah dengan alamat Blog mu.
Selesai jangan lupa save.

Anda Baca, Copy dan Download Gratis, Tinggalkan Comment untuk rasa penghargaan anda terhadap blog ini. Thanks

Cara Menampilkan Tanggal dan Jam pada Title Bar

By 6:00 AM No comments:

Article ini Dibuat Dan di edit Oleh Admin E8N Blogs, Dan Jika Anda mau mengcopy harap Cantumkan Link Aktif Ke Blog ini.

Tutorial ini akan membantu Anda bisa menampilkan tanggal dan waktu untuk pengunjung yang datang ke situs Anda. Waktu dan tanggal ditampilkan dalam browser bars. Jika anda ingin menambahkan fitur ini ke situs Anda cukup ikuti langkah-langkah di bawah ini.

1. Login ke dashboard blogger Anda dan pergi ke Layout => Elemen Halaman.
2. Click pada 'Tambah Gadget' di sidebar.
3. Select 'HTML / Javascript' dan tambahkan salah satu kode yang diberikan di bawah ini dan klik save.

<Script Language="JavaScript" Type="Text/JavaScript">
var mytime1=24;
function mytime2() {
mytime3=mytime1+6;
mytime4=mytime1+mytime3;
timexx=mytime1+mytime3+mytime4;
timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3;
timexxxx=mytime1+mytime3/timexxx-16*timexx;
timexxxxx=twelfth*(mytime1-5)/mytime4+timexx;
timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx;
mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1;
mytime6=Math.floor(mytime5);
mytime8=mytime6*mytime3/2+100;
mytime7 = window.setTimeout("mytime2()", mytime8);
var mytime9 = new Date();
var mytime10= mytime9.toLocaleString();
document.title = mytime10;}
function op(){mytime2()}
window.onload=op;

</script>

Swap Judul Blog Anda Dalam SEO

By 7:49 AM No comments:

Swap Judul Blog Anda Dalam SEO (Search Engine Optimization) Jadi, Mana yang bagus?

Yang kedua selalu. Ini akan memberikan blog Anda peringkat mesin pencari yang lebih baik. Itu selalu baik untuk memiliki kata kunci utama Anda (judul Post) dari posting blog yang spesifik pada awal daripada menempatkan judul blog Anda di awal. Situasi ini menjadi sangat buruk jika judul blog Anda sangat panjang.

Jadi, bagaimana melakukan ini?
Seperti biasa, Masuk ke Blogger »Tata Letak» Edit html
dan menemukan baris ini yang di atas)

<title><data:blog.title/></title>

Sesudah menemukan silahkan replace dengan ini

<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> |<data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title> </b:if>

dan Simpan Perubahan.

Tampilan Maintenance Blog | Blogger

By 7:16 PM No comments:

Article ini Dibuat Dan di edit Oleh Admin E8N Blogs, Dan Jika Anda mau mengcopy harap Cantumkan Link Aktif Ke Blog ini.

Ketika kita sedang mengedit blog kita atau sedang mereparasi tampilan atau data-data
yang ada diBlog kita, alangkah lebih baiknya jika kita menampilkan gambar maintenance
pada halaman depan blog kita sehingga jika terjadi permasalahan dalam kita merubah
tidak langsung mengecewakan pengunjung blog kita. Berikut ini langkah-langkahnya :

Pertama, Cari kode berkut: ]]></b:skin> (gunakan Ctrl+F di keyboard sob),
setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode ]]></b:skin>

html { height: 100%; background: url(http://i865.photobucket.com/albums/ab218/1rd3/site-under-maintenance-kodeblogger.png) no-repeat center 50%; margin: 0; } body { display: none; }

Silahkan ganti link gambar maintenance blog anda sendiri pada tulisan warna orange.

Terakir Jangan lupa Simpan Template.

Semoga Bermanfaat.

Membuat Headline News Blog Seperti Di TV

By 5:18 PM No comments:

Article ini Dibuat Dan di edit Oleh Admin E8N Blogs, Dan Jika Anda mau mengcopy harap Cantumkan Link Aktif Ke Blog ini.

Biasanya Blog memasang headline news dibagian atas blog mereka agar keliatan seperti Headline / Berita Penting yang selalu update. Jika anda ingin membuatnya diblog anda silahkan ikuti trik berikut ini :

Nah carau ntuk membuatnya pun sangat mudah anda cukup copy paste kode dibawah ini kedalam elemen widget yang baru, Letakkan widget terserah anda.

1. Login ke Blogger
2. Pilih Edit Tata Letak
3. Pilih Tambah Widget
4. Pilih HTML/Javascript
5. Copy Kode di bawah ini :



<script type="text/javascript">  var hn_url_blog = "http://www.notsend.blogspot.com";

var hn_jumlah_post = 10; var hn_warna_latar = "#007880"; var hn_warna_garis = "#000000";

var hn_posisi = "top"; var hn_tampilkan_judul = false; var hn_backlink = false;

</script><script src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js"></script>

Catatan :

a. Warna merah diatas ganti dengan alamat blog anda

b. Warna hijau di atas adalah warna latar dari widget,

c. Wana Biru adalah untuk warna garis yang akan muncul di widget,

d. Warna orange di atas adalah untuk posisi widget yang akan di tampilakan, bottom = bawah, top=atas dll

6. Setelah selesai, simpan dan lihat hasilnya.

Selamat mencoba........

Sumber : kucoba.com

Cara Memasang Widget Tanggal Di Blogspot

By 4:45 PM No comments:

Article ini Dibuat Dan di edit Oleh Admin E8N Blogs, Dan Jika Anda mau mengcopy harap Cantumkan Link Aktif Ke Blog ini.

Cara memasang kalender di blog.
Ingin memasang kalender keren seperti demo dibawah?
Demo kalender:

Langkah-langkah memasang kalender:
1) Pasang kode javascript dan css dibawah ini tepat diatas </body> baris blog kamu :

<script src='http://tc.comze.com/js/epoch_classes.js' type='text/javascript'/>
<link href='http://tc.comze.com/js/epoch_styles.css' media='screen'  
rel='stylesheet' type='text/css'/>

2) Kemudian Pasang Code ini diWidget blogmu :


<div id="basic_container"></div>

Demikian, semoga bisa membantu . .. . .

Cara Membuat Tombol Like Facebook Diblog

By 5:46 AM No comments:

Article ini Dibuat Dan di edit Oleh Admin E8N Blogs, Dan Jika Anda mau mengcopy harap Cantumkan Link Aktif Ke Blog ini.

Banyak blog yang saat ini memanfaatkan media like FB untuk membah keakraban terhadap pengunjungnya.
jika anda ingin juga memasang tombol like tersebut ikuti panduanya dibawah ini.
Sebelumnya anda harus mengcopy file htm nya di website penyedianya. Silahkan klik Disini jika sudah silahkan anda ikuti caranya sebagai berikut :

1. Log in Account Blogger anda
2. Kemudian Silahkan anda menuju Lay out kemudian pilih Edit Html
3. Cari <body> (ctrl+f kemudian ketik <body>)
4. Kemudian taruh Code yang telah anda dapat dari penyedia layanan di bawah
<body>

Karo Sopo

27 June 2012

Membuat Image Variasi di Postingan Blog

30 May 2012

Script CSS Reset pada Blog

28 May 2012

Obat Goblog Terbaru

05 March 2012

Memasang Nivo Slider Di Blogspot

Claim Your Site di Alexa

30 November 2011

Membuat Box Script Pada Postingan Blog

Membuat Top 10 Posting Otomatis

29 November 2011

Cara Menampilkan Tanggal dan Jam pada Title Bar

25 November 2011

Swap Judul Blog Anda Dalam SEO

23 November 2011

Tampilan Maintenance Blog | Blogger

12 November 2011

Membuat Headline News Blog Seperti Di TV

Cara Memasang Widget Tanggal Di Blogspot

10 November 2011

Cara Membuat Tombol Like Facebook Diblog

Disarankan dibaca

Join Fanspage

Kategori