MEMBUAT SCROLL UNTUK ARSIP BLOG

Sumber Koplak ~ Membuat Scroll Untuk Arsip Blog. Guys, jika kalian berfikiran kalau widget arsip itu terlalu melebar dan tak enak dipandang, maka gimana kalau kalian beri scroll aja. Selain tempatnya pun tak butuh ruang banyak plus kelihatan lebih simpel. Pengen tau gak guys jalur untuk bikinnya?

Jejak Satu, silahkan buka Edit Template.

Jejak Dua, silahkan cari dengan nama Blog Archive atau jika kalian telah menggantinya, silahkan cari dengan judul widgetnya.

Jejak Tiga, mungkin kalian akan menemukan kode seperti ini <b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>

Jejak Empat, sisipkanlah kode <div style='overflow:auto; width:ancho; height:250px;'> dan </div>

Jejak Lima, jika kalian bingung, silahkan lihat kode dibawah ini:
<b:widget id='BlogArchive' locked='false' title='BlogArchive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div> 
</div>
<b:include name='quickedit'/>

Jejak Enam, silahkan kalian ganti height-nya sesuai ukuran yang kalian inginkan guys.

Semoga bermanfaat guys,,

Read More

JIKA KOLOM KOMENTAR TIDAK MUNCUL

Sumber Koplak ~ Jika Kolom Komentar Tidak Muncul. Guys, kalau kolom komentar hilang atau kalian ingin memunculkan lagi kolom komentarnya, aku punya cara yang simple nich.

Langkah Satu, silahkan buka Edit Template.

Langkah Dua, cari kode <b:include data='post' name='comments'/>.

Langkah Tiga, gantilah kode tersebut dengan kode <b:include data='post' name='comment-form'/> 

Langkah Empat, semoga berhasil guys

Semoga bermanfaat guys,,

Read More

MENGGANTI GAMBAR ICON BLOG ATAU FAVICON PADA ADDRESS BAR

Sumber Koplak ~ Mengganti Gambar Icon Atau Favicon Blog Pada Address Bar. Guys, pasti kalian bosan bukan jika icon blog kalian hanya bergambar dari blogger?!? Bahkan kalian pengen terlihat bagus bukan? Maka kini aku akan membagi cara mengganti iconnya.

Langkah Satu, silahkan ikutan seperti ini

Buka home blog

Klik Layout

Cari Favicon dan klik Edit

Langkah Dua, kalian akan terbuka di tab baru.

Klik Telusuri dan cari gambar apa yang akan kalian jadikan icon gambar blog atau Favicon kalian guys.

Langkah Tiga, tunggu hingga terproses dan muncul. Setelah itu klik Save.

Langkah Empat, silahkan buka Edit Template.

Langkah Lima, copy lah kode ini <link href='LINK KALIAN GUYS' rel='SHORTCUT ICON'/> . Silahkan kalian ganti url gambar kalian pada yang berwarna merah.

Langkah Enam, cari kode <title><data:blog.pageTitle/></title> dan pastekan kode Langkah Lima di bawah tersebut.

Langkah Tujuh, selamat icon blog kalian sudah menjadi bagus guys

Semoga bermanfaat guys,,

Read More

CARA KOMPRES CSS DAN BLOG

Sumber Koplak ~ Cara Kompres CSS dan Blog. Guys, kalau kalian pengen mengkompres CSS atau blog kalian. Entah itu untuk mempercepat loading blog atau yang lainnya, aku punya cara nich guys.

Langkah Satu, silahkan buka edit blog. Kalau kalian bingung guys, silahkan aja lihat Cara Mengedit Template Blogger.

Langkah Dua, kalian cari kode <b:skin><![CDATA[/ hingga ]]></b:skin>. Lalu kalian copy.

Langkah Tiga, buka link tools.arantius.com/css-compressor.

Langkah Empat, untuk caranya silahkan kalian lihat gambar dibawah ini.

Paste kode langkah kedua tadi pada kolom Code In

Lalu klik Compress.

Setelah itu silahkan kalian copy guys kode yang akan muncul di Code Out.

Ganti kode <b:skin><![CDATA[/ hingga ]]></b:skin> dengan Code Out.

Langkah Lima, atau kalian dapat menggunakan cssdrive.com/index.php/main/csscompressor.

Langkah Enam, caranya silahkan lihat di gambar dibawah ini

Paste kode langkah kedua tadi pada kolom Insert CSS code

Lalu klik Copress it!

Langkah Enam, nanti akan muncul seperti gambar dibawah ini. Lalu silahkan kalian copy dan ganti kode Ganti kode <b:skin><![CDATA[/ hingga ]]></b:skin>.

Semoga bermanfaat guys,,

Read More

GAMBAR MEMBESAR SAAT DI SENGGOL KURSOR ATAU HOVER MOUSE

Sumber Koplak ~ Gambar Membesar Saat Di Senggol Kursor Atau Hover Mouse. Guys, kalau kalian ingin memberikan sentuhan pada gambar saat disenggol oleh kursor. Maka kalian dapat mencoba trik ini. Silahkan dicoba guys.

Langkah Satu, copy kodenya dibawah ini.

.hovergallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}.hovergallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}

Langkah Dua, pastekan kode tersebut di atas kode ]]></b:skin>.

Langkah Tiga, klik Save Template.

Langkah Empat, jika kalian ingin memberi hover tersebut pada gambar. Kalian copy kode tersebut <div class="hovergallery"> URL KALIAN GUYS </div> dan silahkan kalian ganti urlnya.

Semoga bermanfaat guys,,

Read More

MEMBERI TOMBOL LIKE FACEBOOK

Sumber Koplak ~ Memberi Tombol Like Facebook. Guys jika blog kalian ingin memiliki tombol like facebook, maka ini sangat cocok untuk kalian. Karena kali ini aku akan memberi cara bagaimana memberi tombol like facebook.

Langkah Satu, silahkan di copy kode like dibawah ini

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

Langkah Dua, cari kode <div class='post-header-line-1'/> dan pastekan dibawahnya.

Langkah Tiga, jika tidak berhasil silahkan cari kode
<data:post.body/>
</b:if>
lalu silahkan paste kode like dibawahnya .

Langkah Empat, kalau guys ingin dibawah readmore, maka silahkan cari kode
<data:post.title/></a></span>
</b:if>
lalu paste dibawahnya kode ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>
</b:if> 

Semoga bermanfaat guys,,

Read More

CARA MENGGANTI TOMBOL NEXT HOME DAN PREVIOUS DENGAN GAMBAR

Sumber Koplak ~ Cara Mengedit Template Blogger. Guys, kali ini aku akan memberikan cara tentang mengganti tombol Next, Home dan Previous dengan gambar. Pasti kalian akan bosan bukan dengan hanya tulisan aja? Jika kalian ingin berekspresi. Kini ada caranya,

Langkah Satu, carilah kode <data:OlderPageTitle/> untuk mengganti tulisan next dan ganti dengan kode <img src='LINK GAMBAR NEXT'/>

Langkah Dua, carilah kode <data:HomeMsg/> untuk mengganti tulisan home dan ganti dengan kode <img src='LINK GAMBAR HOME'/>

Langkah Tiga, carilah kode <data:NewerPageTitle/> untuk mengganti tulisan previous dan ganti dengan kode <img src='LINK GAMBAR PREVIOUS'/>

Untuk link gambarnya, silahkan kalian ganti sesuka hati kalian Guys!

 

Read More

CARA MENGEDIT TEMPLATE BLOGGER

Sumber Koplak ~ Cara Mengedit Template Blogger. Guys, jika kalian bingunk untuk mengekspresikan blog kalian namun bingunk,,So kali ini aku memberikan tips untuk cara mengedit template blogger,, silahkan disimak Guys

Langkah satu, buka Home Blogger. Klik tanda seperti dibawah ini

Langkah Dua, Klik TEMPLATE

Langkah Tiga, Klik EDIT HTML

Langkah Empat, silahkan guys untuk berekspresi mengedit templatenya.

Read More