Today :

Tempat Upload/Hosting File Javascript (js): Loading Cepat, Untuk Pribadi

hosting/upload javascript
Seringkali jika akan menginstall atau memasang widget ataupun hack di blog, kita menggunakan file js yang telah di upload dan dihosting oleh pemberi script/tutorial. Atau jika tidak, biasanya kita diminta untuk mengupload dan menghosting file .js-nya sendiri. Permasalahannya, terkadang loading halaman (page load) menjadi terhambat karena file js yang diupload juga digunakan banyak website/blog lain. Selain itu, mengupload dan menghosting file js di tempat biasanya, seperti Googlecode ataupun sites.Google, sudah tidak efisien lagi seperti dulu. Bahkan terkadang loading halaman jadi macet karena menunggu response terlalu lama dari host-nya.
So, untuk mengatasi masalah itu, diperlukan hosting javascript aternatif yang dapat digunakan secara optimal dan bisa untuk penggunaan pribadi. Nah, setelah mengobrak-abrik Google, akhirnya saya menemukan situs yang satu ini, Yourjavascript. Situs ini menjawab semua kebutuhan tersebut: loading cepat, uploadnya efisien karena tidak perlu daftar, dan bisa di-set untuk pemakaian pribadi.
Cara upload dan hostingnya:
Masuk ke Yourjavascript, sebelumnya persiapkan terlebih dahulu file javascript (js) yang hendak di upload.
Perhatikan gambar berikut:
A. Klik browse, setelah muncul window folder, pilih file js yang akan diupload.
B. Centang 'Make private' jika file tersebut hanya akan digunakan untuk website/domain tertentu. Akan muncul form seperti ini di bawahnya:

Isikan url dimana file tersebut akan digunakan. Jika lebih dari satu, pisahkan dengan baris. Note:  url/domain dengan atau tanpa www sama saja.
C. Masukkan alamat email valid, url/direct link akan dikirimkan ke alamat email tersebut sehingga keamanan dan kerahasiaan terjaga.
D. Klik "upload' untuk menyelesaikan proses upload dan hosting.
Setelah proses selesai, cek email anda. Copy url link file javascript (js) yang telah diupload dan file siap digunakan.

Cara Mengubah Judul Postingan Blog Menjadi Gambar

Langkah langkahnya adalah sebagai berikut :
Masuk ke Blogger coy
Pilih ajja Rancangan -- Edit Html -- centang Expand Widget template.

Kemudian bagi yang belum punya font, silahkan pilih font di http://www.fontsquirrel.com, kalau sudah menemukan font yang cocok klik font tersebut dan download font,judul jadi gambar,merubah miyabi,.

Jika sudah selesai didownload Extract file tadi menggunakan winrar, sehingga didapatkan font dengan extensi Ttf.

Kemudian Gunakan Font Generator untuk mengconvert font yang kita download tadi , silahkan klik Font Generator.
Setelah melakukan proses convert maka akan mendapatkan Javascript font yang harus didownload dan upload ke Hosting anda.

Kemudian  letakkan  kode berikut sebelum kode </body>


<script src='http://cayun-code.googlecode.com/files/cufonyui.js' type='text/javascript'/>
<script type="text/javascript" src="NamaFont.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1', {textShadow: '#fff -1px -1px, #333 1px 1px'});
Cufon.replace('h2', { textShadow: '#000 1px 1px, #666 -1px -1px' });
Cufon.replace('h3', {textShadow: '#000 1px 1px, #999 -1px -1px' });
</script>

ganti kode yang berwarna merah tersebut dengan Javasript font anda yang udah diupload tadi di hostingan anda.

Kemudian Save Template.

Read More Otomatis hanya di halaman utama/beranda/home

Read More Otomatis – Read more dalam blog sangat berperan penting bagi tampilan halaman depan blog tersebut. Pemasangan read more dapat meringkas kalimat dalam satu postingan yang panjang menjadi lebih pendek. Sehingga, dengan adanya read more yang meringkas tulisan ini dapat membuat halaman depan blog kita menjadi lebih rapi dan nyaman dilihat.



Jika kita memiliki blog yang menggunakan template bawaan dari blogspot, kita tentu tidak akan memiliki template yang dilengkapi fungsi read more di dalamnya. Blogspot memang tidak menyediakan fasilitas read more dalam template blognya. Sehingga, jika kita ingin menggunakan fasilitas read more ini di dalamnya maka kita perlu memasangnya secara manual. Read more memiliki banyak fungsi seperti meringkas tulisan dari sebuah postingan yang muncul di halaman depan blog, meningkatkan pageviews dan durasi berkunjung di blog, hingga manfaat utamanya yaitu membuat tampilan halaman depan blog menjadi lebih ringkas dan rapi ketika dilihat.

Untuk memudahkan dalam proses penggunaannya, kita dapat memasang read more yang bersifat otomatis. Pemasangan read more otomatis ini berbeda dengan read more biasa karena read more otomatis akan meringkas dan melakukan fungsi read more dalam setiap postingan di halaman depan blog kita tanpa perlu memasukan kode HTML tertentu ketika menerbitkan postingan blog secara manual. Sehingga, pemasangan read more otomatis ini tentu lebih mudah dan menguntungkan daripada read more biasa.

Pemasangan read more otomatis di blog ini juga mudah dilakukan. Kita hanya perlu memasukan javascript dan kode lainnya dalam template blog kita. Adapun cara untuk memasang read more di blog selengkapnya adalah sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>

Cari kode berikut.

<data:post.body/>

Hapus dan ganti dengan kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>

Klik simpan template dan selesai.

Keterangan:

  1. Download template terlebih dahulu sebagai backup jika kita mengalami kegagalan dalam proses editing.
  2. Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan di dalam template blog.
  3. summary_noimg merupakan jumlah karakter yang ditampilkan tanpa menggunakan gambar dalam postingan blog.
  4. summary_img merupakan jumlah karakter yang ditampilkan ketika dalam postingan blog terdapat gambar.
  5. img_thumb_height merupakan tinggi gambar yang ditampilkan.
  6. img_thumb_width merupakan lebar gambar yang ditampilkan.
  7. Kita juga dapat mengganti tulisan Read more sesuai keinginan kita.


Pemasangan read more dalam blog juga bermanfaat untuk meningkatkan jumlah pageviews. Jika blog kita sudah terpasang read more tentu setiap pengunjung tidak bisa membaca artikel di halaman depan blog kita secara tuntas karena ada fungsi read more yang hanya menampilkan sepenggal tulisan awalnya saja. Sehingga, untuk bisa membacanya sampai selesai pengunjung tersebut harus klik read more untuk membuka halaman artikel secara keseluruhan. Nah, alasan inilah yang kemudian membuat jumlah pageviews atau jumlah halaman postingan blog kita yang dibuka oleh pembaca menjadi bertambah banyak.

Manfaat lainnya dari pemasangan read more adalah kita dapat menampilkan jumlah postingan yang lebih banyak di halaman depan blog karena setiap posting yang ditampilkan merupakan hasil ringkasan dari fungsi read more yang membuat postingan tersebut menjadi semakin pendek. Ketika postingan yang tampil di halaman depan menjadi lebih banyak maka pengunjung akan memiliki lebih banyak lagi pilihan untuk membuka dan membaca artikel dalam blog kita.

Cara Mount File Image/ISO Menggunakan Alcohol 120

1. Disini saya asumsikan anda sudah menginstal tools bernama Alcohol 120%. Kalo anda belum punya silahkan dicari di Mbah Google. Oh iya, tools ini tidak gratis alias mbayar loh. Jadi cari aja versi Pak Tani-nya (bajakan).Buka tools tersebut, lalu lihat sidebar kiri anda. Disana ada opsi Virtual Drive. Klik opsi tersebut tanpa ragu


2. Ok, setelah terbuka akan muncul tampilan seperti ini. Ubah Number of Virtual Drives menjadi berapapun yang anda inginkan. Misalnya anda ingin membuat Virtual Disk Drive sebanyak 5 buah ya pilih 5, kalo 2 ya 2. Sebagai contoh saya memilih 1 karena memang saya cuman ingin me-mount satu buah file ISO.


3. Setelah anda menekan OK, lihat di bagian bawah di menu Device. Akan muncul satu buah Virtual Disk Drive baru (G:). Klik kanan tepat di Drive tersebut lalu pilih Mount Image.


4. Tinggal pilih deh file ISO yang ingin di Mount. Disana saya ingin me-mount file bernama Rosetta Stone. Klik Open.


5. Selesai deh. Untuk melihatnya silahkan buka My Computer. Lihat dibagian Devices with Removable Storage, disana akan bertambah satu buah Disk Drive berisikan file hasil mounting kita tadi.


Tadaaa...virtual disk selesai di install.
Waduhhh… mudah banget ya icon biggrin Cara Mounting File Image/ISO Dengan Menggunakan Alcohol 120 , silahkan dicoba. Semoga berhasil!

Integrasi Anchor Link Otomatis pada Artikel

Memasang anchor link pada kata kunci (keyword) tertentu merupakan salah satu teknik SEO, hal ini bertujuan untuk meningkatkan posisi blog pada mesin pencari (SERP). Mesin pencari akan dengan mudah menemukan kata kunci tertentu yang didalamnya mengandung anchor link dan meng-index-nya pada database mesin pencari mereka. Selain itu anchor link juga mempermudah pembaca setia blog kita untuk menemukan artikel yang terkait dengan artikel yang sedang dibaca, sehingga mereka tidak perlu repot untuk mencari-cari artikel yang mereka butuhkan.
Tetapi pekerjaan ini tidaklah mudah, kita harus mempersiapkan link-link yang akan kita letakan pada kata kunci tertentu dan memasukannya dengan cara manual. Pada tips trik blogger hack kali ini Blogger Tune-Up akan berbagi teknik pembuatan anchor link secara otomatis tanpa perlu memasukan satu persatu secara manual.

Integrasi Link Otomatis Pada Artikel

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Elemen Halaman"
Langkah 3
"Tambah Gadget" baru tanpa judul dengan tipe "HTML/JavaScript"
Langkah 4
Masukan (copy paste) kode dibawah ini pada isi/konten gadget yang baru saja kita buat:
<script src="http://URL/autolink.js">
</script>
<script type="text/javascript">
var f = new autoLink();
f.add("keyword 1", "http://URL.com");
f.add("keyword 2", "http://URL.com");
f.add("keyword 3", "http://URL.com");
f.add("keyword 4", "http://URL.com");
// dan seterusnya...
f.startScript();
</script>
Langkah 5
Simpan gadget tersebut dan preview blog...

Keterangan:
  • Ubahlah keyword 1, keyword 2, keyword 3, keyword 4 dengan kata kunci tertentu. Tetapi hati-hati antara kata kunci yang kita buat pada script auto link dengan kata kunci pada artikel harus sama persis (case sensitive). Misal; kita membuat kata kunci "Blogger Hack" pada script auto link tetapi kita menuliskannya pada artikel kata kunci tersebut adalah "blogger hack" maka auto link tidak akan mengenalinya dan kata kunci blogger hack tidak akan menjadi anchor link secara otomatis.
  • Ubahlah http://URL.com sesuai dengan link tujuan dari kata kunci yang dibuat. URL bisa berupa kategori dan artikel dari blog kita atau link situs/blogger lain.
  • Kata kunci ini tidak terbatas, tergantung keinginan kita. Untuk menambahkan kata kunci lain, ikuti script diatasnya atau script ini; f.add("keyword 5", "http://URL.com");
Selamat mencoba dan semoga berhasil. Tinggalkan jejak anda pada kotak komentar jika mengalami kegagalan atau sekedar ucapan terima kasih. Happy Blogging... :) Jika gagal baca Update! Integrasi Anchor Link Otomatis

Cara memodifikasi bentuk link pada blogspot

Cara merubah atau memodifikasi bentuk link pada blogspot itu sangat mudah, kita cuma harus tahu sediki tentang kode CSS, gak banyak kok.
Modifikasi disini mengartikan tentang cara mengubah warna link, cara mengubah bentuk link, mau di kasih variasi seperti apa sesuka kamu, tentunya tergantung kebutuhan masing-masing dong.
Okelah gak usah lama, karena akan membuat basi.
Untuk kode dasar link pada blog yakni » »

a:link { . . . . . . . . . . .
. . . . . . . . . .
. . . . . . . . . }


Dimana titik-titik di atas adalah untuk di tempati kode variasi yang kita inginkan, tentunya dalam bentuk kode CSS.Kita langsung bahas satu persatu biar lebih jelas dan mudah di mengerti.

  1. Membuat link menjadi berwarna yang sesuai keinginan kita.
    a:link { color:#BB0000;
    . . . . . . . . . . . . . . .}

    Ini akan membuat link menjadi berwarna merah (sesuaikan kode warnanya)

  2. Membuat link menjadi lebih tebal, kodenya.
    a:link { font-weight: bold;
    . . . . . . . . . . . . . . .}

    Ini akan membuat link menjadi tebal dari tulisan di sekitarnya.

  3. Membuat link bergaris bawah.
    a:link { text-decoration: underline;
    . . . . . . . . . . . . . . .}

    Ini akan membuat link menjadi bergaris bawah.

  4. Membuat link menjadi teks besar semua.
    a:link { text-transform: uppercase;
    . . . . . . . . . . . . . . .}

    Ini akan membuat link menjadi teks-y besar semua (TEKS BESAR SEMUA).

  5. Membuat link menjadi lebih besar atau lebih kecil.
    a:link { font-size: 14px;
    . . . . . . . . . . . . . . .}

    Ini tergantung dari besar kecilnya pixel, dari contoh diatas blogtegal memakai 14px. Ini bisa di ubah sesuai kebutuhan kamu.

  6. Membuat link menjadi ber-background warna (latar belakang).
    a:link { background:#DDDDDD;
    . . . . . . . . . . . . . . .}

    Ini akan membuat link menjadi ber-backround berwarna.
Untuk kode-kode warna bisa di lihat pada artikel blogtegal tentang Kode-kode warna HTML
Kamu pun bisa mem-variasikan link dg menggabungkan semua kode-kode diatas, dengan catatan harus di dalam kode default CSS, yakni di antara kode ( { ) dan kode ( } )
Misal untuk contohnya jika ingin menggabungkan beberapa kode CSS:
a:link { color:#BB0000; fon-weight:bold; text-transform:uppercase; text-decoration:underline; font-size: 14px; }
Ini akan membuat link menjadi berwarna merah, lebih tebal, tulisan menjadi besar semua (capital) dan berukuran 14px.Oh ya satu tambahan lagi, biasanya kode link berbarengan dg kode variasi yang lain yakni:
a:hover { . . . . . . . . . . . . . . .}
Ini akan membuat link yang apabila pointer mouse membayangi diatasnya akan berubah menjadi bentuk lain sesuai pengaturan kode CSS-nya. Untuk kode CSS-nya sama dg kode diatas. Satu kode lagi yakni:
a:visited { . . . . . . . . . . . . . . .}
Ini akan membuat link menjadi bentuk lain sesudah link tersebut di klik atau setelah link tersebut di kunjungi, tentunya sesuai dg pengaturan.Biasanya para blogger menggunakan link menjadi berwarna atau link bergaris bawah, itu pada umum-nya. Namun tidak ada salahnya jika kamu ingin memvariasikan dalam bentuk-bentuk yang lain.
Untuk penempatan kode-kode variasi link diatas berada pada kode CSS di dalam template blogspot kamu.
  • masuk ke dashboard blogspot kamu.
  • pilih Rancangan » » Edit HTML
  • tempatkan kode-kode link diatas di antara kode <b:skin><![CDATA[ dan kode ]]></b:skin>
  • kemudian save template
Apa ada yang belum berhasil? Silahkan tanya saja melalui kotak komentar, key

Cara membuat Link mengeluarkan Bintang Saat Disorot Mouse

Pada Tips Mempercantik Blog kali ini saya akan menjelaskan tentang Link yg mengeluarkan Bintang.


Pertama saya akan menjelaskan apa itu link yg mengeluarkan bintang?


link yg mengeluarkan bintang ialah Link yg mengeluarkan bintang Pada saat mouse mengarahkan ke link tersebut..




Sebagai Contoh : coba Sobat arahkan mouse Sobat ke link yg ada di Blog saya....


Sobat ingin Membuat Link Di sorot mengeluarkan bintang  Seperti di atas itu..Mudah kok!


Sobat Hanya Menambahkan Salah satu url image dibawah ini  atau menyisipkan kode Dibawah ini tepat Disamping kode a:hover {
1.Bintang Pink
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYWRmFp8aZEoL6yZzwsCcR53bwv3KAsGRcLbp5Y7XajL3ZFqtEX2cXou2ZsNSY_r_KTNhqhIVOeII9_Ptxh8SkYj8J4JwxbJ1t1b8eKiCqvKBlh0dfSm0q1MMwOJfwHALOotf5WvaDaztc/);
2.Bintang Kuning
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKiq6rIoWvjyrXH5SQyCyF_9ybFjr_aR1Lzxic2C8URf5t2aGxRmxtTyWQ1mMhyphenhyphenJg6KOecN5cswC66cHA0L-cqEdvD7Q7UHJ3ht5JlNyjkBzeP_E173oyIeXqIKuOhzO25s5bAQKzU2hO9/);
3. background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUff_J9diL840mIsz38dVBP75F53RT-Xp-Z0OhWm5ztVWNI27TQ8GfaHpBqNE21_2Mcv6k8N149vqZ5qsUq1PgvcoLQMVjIsUJ99fiWtmIIlrLkr4u-gvXa5o4sNH-bRj4eTu0sTu9SLJN/);


Masih Belum Mengerti Cara Menmbahkannya....Mari ikuti Langkah Sbgb:
1.Login Ke akun Blog Sobat
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Centang Kolom Expand Widget
5.Cari Kode a:hover { tapi yg berdekatan dengan a:link{ atau berdekatan dengan a:visited{


6.Copy Paste Kode Diatas Disamping Kode a:hover { yg berdekatan dengan a:link{ atau berdekatan dengana:visited{


Contoh: a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYWRmFp8aZEoL6yZzwsCcR53bwv3KAsGRcLbp5Y7XajL3ZFqtEX2cXou2ZsNSY_r_KTNhqhIVOeII9_Ptxh8SkYj8J4JwxbJ1t1b8eKiCqvKBlh0dfSm0q1MMwOJfwHALOotf5WvaDaztc/);}




7.Simpan Template..

Read More Otomatis pada Template Blogger


Membuat Otomatis Read More - Auto Readmore Button.
Seperti janji minggu lalu ya sob,Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.

Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

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.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.

Cara membuat readmore otomatis.
(1)

membuat read more baca selengkapnya otomatis.
(2)

otomatis read more.
(3)


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>


Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button 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>


Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode <data:post.body/> atau <p><data:post.body/></p>
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'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>


Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,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>


Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai.
Description: Membuat Read More Otomatis / Auto ReadMore di Blogger
Rating: 5.0
Reviewer: Puji Antoro
ItemReviewed: Membuat Read More Otomatis / Auto ReadMore di Blogger

Cara membuat widget ganti font di blog

okeh kita langsung aja yah .. :D

Pertama, Login ke Blogger dan masuk ke Dasbor

Klik rancangan

Pilih Elemen Halaman

Klik Add Gadget
Pilih HTML/Java Script

Lalu Masukkan Kode dibawah ini:



<center><div class='widget-content'>
<center><script>
function go1(){
if (document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value != "none") {
document.getElementById('main').style.fontSize
=document.selecter2.select2.options
[document.selecter2.select2.selectedIndex].value
}
}

function go2(){
if (document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value != "none") {
document.getElementById('main').style.fontFamily
=document.selecter2.select3.options
[document.selecter2.select3.selectedIndex].value
}
}
</script>
<form id="forma" name="selecter2" method="POST">

<select onchange="go2()" style="font-family:verdana;font-size:8pt" name="select3" size="1">
<option value="Times New Roman" />Times New Roman
<option value="Arial" />Arial
<option selected value="Book Antiqua" />Book Antiqua
<option value="Bookman Old Style" />Bookman Old Style
<option value="Century Gothic" />Century Gothic
<option value="Comic Sans Ms" />Comic Sans Ms
<option value="Tahoma" />Tahoma

<option selected value="Trebuchet Ms"//>Trebuchet Ms
<option value="Verdana" />Verdana
</select>
<select onchange="go1()" style="font-family:verdana;font-size:8pt" name="select2" size="1">
<option value="8px" />8
<option value="9px" />9
<option value="10px" />10
<option value="11px" />11
<option selected value="12px" />12
<option value="14px" />14
<option value="16px" />16
<option value="18px" />18
</select></form><center></center></center>
</div>

<a href="http://rizkyariff.blogspot.com/2011/12/cara-membuat-widget-ganti-font-di-blog.html" target="_blank"><blink>Get This Widget</blink></a></center>

Terus simpan ..


Jangan Lupa Follow Gan.. 

Mengganti Tulisan Posting Lama Dan Posting Baru Jadi Lebih Menarik


Setelah off beberapa hari, akhirnya saya dapat memulai kembali kegiatan blogging ini. Pada kesempatan yang sangat berharga ini, saya akan memberi tutorial cara mengganti tulisan posting lama dan baru menjadi lebih menarik yaitu menggantinya dengan gambar.

Secara default template bawaan blogger, navigasi yang ada hanyalah berupa tulisan posting lama posting baru atau newer post older post. Agar lebih menarik, kita bisa merubah navigasi tersebut dengan gambar atau icon. Baiklah untuk menghemat waktu langsung kita mulai saja tutorialnya.

1. Masuk ke akun blog sobat.
2. Pilih design kemudian edit HTML.
3. Centang kotak Expand Widget Template di bagian pojok kanan atas.
4. Kemudian cari kode <data:newerPageTitle/> lalu ganti dengan kode berikut

<img src='http://icons.iconarchive.com/icons/gakuseisean/ivista/72/Arrow-Left-icon.png'/>

Maka jadinya akan seperti di bawah ini
5. Langkah selanjutnya cari kode <data:olderPageTitle/> lalu ganti dengan kode berikut

<img src='http://icons.iconarchive.com/icons/gakuseisean/ivista/32/Arrow-Right-icon.png'/>

Maka jadinya akan seperti di bawah ini
6. Langkah yang terakhir cari kode <data:homeMsg/>
Nanti sobat akan menemukan dua kode yang sama, jadi pilihlah kode yang atas. Kemudian ganti dengan kode berikut.

<img src='http://icons.iconarchive.com/icons/raindropmemory/red-little-shoes/48/Home-icon.png'/>

Maka akan jadi seperti ini

Simpan pekerjaan sobat.

Semoga bermanfaat.
Alhamdulillah..

hggcgchc

Ini Kode rahasianya:


aaaaaaaaaaaaaaaadafytdfahgkufgieuksfjkb kjbjl

\
 fxbx
fB
x
c
XF

X
XF
FX
F
X
xfxkkmkv nxkn, x mx,mxd  dX
Dv
XV
X
x
Xzsg
G
DH



DT
hgVCVfgdsngkzievn nense84wvnn S

OOHgSGSHgregrdglkhirhng4wo92iuwth83