Deafile Bedah Blog

Oke pada kali ini saya akan mempostingkan kode meta tag + judul postingan otomatis. Lah Gimana maksudnya,?? Mau tau,,?? Langsung aja praktek.

- Pertama masuk ke Blog kamu
- Lalu klik tab Layout atau Tata Letak, kemudian klik Edit HTML
- Kemudian cari kode <head> . Kalau sudah ketemu, hapus kode tersebut kemudian ganti dengan kode dibawah ini.


<b:if cond='data:blog.pageType == "item"'>
<b:section id='meta1' showaddelement='no'>


<b:widget id='Blog2' locked='no' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post' />
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>

<meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" />
</b:if>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</b:if>


<head> 


<b:include data='blog' name='all-head-content'/>



<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta name='description' expr:content='data:blog.pageName' />

<b:else/>
<title><data:blog.title/></title>
<meta name='keywords' content='Isi dengan keyword blog anda' />
<meta name='description' content='Isi dengan deskripsi blog anda' />
</b:if>


Dan simpan.

Beuh, tadinya sih pengen pulang, eh malah kejebak ujan. Ya sudah lah tak apah,, sambil nunggu ujan reda, saya mau berbagi ilmu nih, tentang bagaimana caranya untuk mengunci sebuah folder dengan menggunakan WinRAR.
Ilmu ini saya dapatkan ketika saya sedang Prakerin (Praktik Kerja Industri) di PLN. Waktu itu saya sedang borink banget, daripada buang - buang waktu langsung deh saya otak atik yang ada, nah nemu cara unik ini deh.
Untuk dapat mengunci sebuah folder dengan WinRAR, hal pertama yang harus kamu lakukan adalah :
- Pilih folder yang ingin di kunci lalu klik kanan dan Add to Archive (lihat gambar dibawah)

- Setelah itu akan muncul tab seperti dibawah ini dan klik Ok

- Selesai sudah folder di archive, eit tapi belum di kunci loh,,,,,

Untuk menguncinya, Buka Archive dari folder yang tadi dan pilih foldernya lalu klik lambang kunci yang ada di pojok kiri bawah (lihat gambar dibawah ini)

Masukan Kodenya, ketik ulang kodenya, kemudian centang atau tandai encrypt file name dan klik Ok
Kemudian Klik gambar tameng yang dibawahnya ada tulisan Protect lalu klik OK (lihat gambar dibawah ini)

Kemudian Biarkan beberapa menit. Lamanya proses penguncian tergantung dari besar kecilnya ukuran folder

Oke, sehubungan di postingan sebelumnya belum begitu jelas, (katanya) akan saya perjelas di postingan kali ini.
Untuk dapat membuat main wrapper yang berbeda antara halaman awal dengan halaman postingan dari blog kamu cukup taruh kode dibawah ini, diatas kode </head>

<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
#main-wrapper{width:335px;float:left}
</b:if>
</style>

ganti angka 335 dengan ukuran yang kamu inginkan. (sebaiknya disesuaikan dengan blog yang kamu punya)
Contohnya lihat di blog saya ini atau gambar di bawah ini

Nah, kemudian untuk dapat menampilkan sidebar di halaman home saja,cukup taruh kode dibawah ini diatas kode </head> juga.

<style type='text/css'>
<b:if cond='data:blog.pageType == "item"'>
#newsidebar-wrapper,#twocolumn{display:none}
</b:if>
</style>

Kemudian ganti #newsidebar-wrapper dan #twocolumn dengan ID SIDEBAR blog kamu. Jangan lupa untuk memakai tanda pagar (#) di awal ID SIDEBAR dan pisahkan dengan koma (,) apabila sidebar yang ingin disembunyikan lebih dari satu.

Untuk dapat mengetahui ID SIDEBAR, caranya yaitu

Masuk ke halaman Page Element
Kemudian klik Add a Gadget
Lalu lihat ujung dari URL tersebut. contoh :

http://www.blogger.com/choose-gadget?blogID=7359354730020106246&sectionId=newsidebar-wrapper

maka ID SIDEBAR nya adalah newsidebar-wrapper

Oke selamat mencoba,,,,,,

Ahm,,, lagi nyoba-nyoba template yang lainnya. Eh dapet yang lumayan keren nih. Tombol Share yang mantap, seperti yang saya gunakan. Mau Mau Mau,,,???? Jangan khawatir, karen saya bukan tipekal orang yang pelit koq. Hehehehe
ya sudah, Silahkan coppy kode di bawah ini

<br /><br/><a class='a2a_dd' href='http://www.addtoany.com/share_save'><img alt='Save/Share/Bookmark' border='0' height='16' src='http://static.addtoany.com/buttons/share_save_171_16.png' width='171'/><p class='a2a_linkname_escape' style='display:none'><data:blog.pageTitle/> - <data:post.title/></p></a><script type='text/javascript'>a2a_linkname_escape=1;a2a_linkurl="<data:post.url/>";</script><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/><br />

Kemudian Taruh kode tersebut dibawah kode

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

Dan Save deh,,, Semoga bermanfaat

Sudah sekian lama aku ingin sekali, membuat tampilan halaman utama blog menjadi berbeda dengan halaman postingan. Terutama dari segi tata letak widget. Memang sulit untuk menemukan tutorialnya, karena memang bingung juga harus mengetik keyword apa di kotak pencarian. Dalam hal ini saya juga di bantu teman saya yaitu ilham. Thanks Brow,,, untuk membuat halaman awal blog saya berbeda dengan postingan. Yang pertama yaitu menyembunyikan widget di halaman tertentu. berikut kodenya.

Menampilkan Widget Hanya di Homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>

Menampilkan Widget selain di Homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>

Menampilkan Widget hanya di Archivepages

<b:if cond='data:blog.pageType == "archive"'>
......................................
</b:if>

Menampilkan Widget selain di Archivepages

<b:if cond='data:blog.pageType != "archive"'>
....................................................
</b:if>

Menampilkan widget selain di Itempages

<b:if cond='data:blog.pageType != "item"'>
....................................
</b:if>

Menampilkan widget hanya di Staticpages

<b:if cond='data:blog.pageType == "static_page"'>
..................................
</b:if>

Menampilkan widget selain di staticpages

<b:if cond='data:blog.pageType != "static_page"'>
............................
</b:if>

Menampilkan widget pada URL Postingan Tertentu

<b:if cond='data:blog.url == "alamatpostingan"'>
.........................................
</b:if>

Menampilkan widget selain di URL postingan tertentu

<b:if cond='data:blog.url != "alamaatpostingan"'>
................................................
</b:if>

Bagaimana menggunakannya...???

Begini, apabila kamu ingin menyembunyikan widget tersebut satu per satu maka begini caranya. (lihat kode di bawah ini)
Berikut adalah contoh kode widget yang saya gunakan
<b:widget id='HTML2' locked='false' title='Link Exchange' type='HTML'>
<b:includable id='main'>
.................................................. salah satu kode pembuka

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
.............................................. kode penutup
</b:includable>
</b:widget>

Note : Kode yang berwarna Orange adalah kode pembuka
Kode Yang berwarna Ungu adalah kode penutup

Tapi apabila kamu ingin menyembunyikannya secara keseluruhan dari bagian sidebar maka ini dia kodenya.

<style type='text/css'>
<b:if cond='data:blog.pageType == "item"'>
#newsidebar-wrapper,#twocolumn{display:none}
</b:if>
</style>

kode yang berwarna biru, ganti dengan kode ID dari sidebar blog kamu. Apabila lebih dari satu, maka pisahkan dengan koma. Kemudian taruh di atas kode </head>
Oke,,, semoga bermanfaat....
Oia, info mantap ini bersumber dari www.masdoyok.co.cc

Wah,, blogger sedang gencar untuk menghapus blog yang melanggar kebijakan privasi dan bla - bla - bla,, kaget juga ketika mendengar kabar apabila tidak ada navbarnya, maka akan beresiko terkena penghapusan oleh pihak blogger, Untung saya menemukan bagaimana caranya untuk mengembalikan navbar yang sudah hilang. Begini caranya,

- Pertama harus Log In dulu Lah, ke Blog kamu
- Kemudian klik Tata Letak atau Layout
- Lalu cari kode di bawah ini

#navbar-iframe {display: none !important;}

Atau yang ini

#navbar-iframe{ height:0px; visibility:hidden;display:none}

Kalau sudah ketemu, silahkan hapus kode tersebut. Nah biar lebih mantap, navbar tersebut di beri kode auto hide. ini dia kode nya.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Taruh kode diatas, tepat di atas kode body{

Sekian, semoga bermanfaat.

Sudah lama saya ingin share tentang hal ini. Namun karena aktifitas PKL, saya jadi jarang buka blog. Baru sekarang saya sempat memposting artikel ini. Sekarang read more sudah banyak macamnya. Ada yang biasa, peek a boo, read more yang simple (seperti yang di bahas kang rohman), read more otomatis bergambar, dan yang lainnya. Langkah - langkah untuk membuat read more pun beragam sekali. Klik disini untuk membaca artikel read more yang biasa, Klik disini untuk read more peek a boo, Klik disini untuk read more yang simple. Nah pada artikel kali ini saya akan sedikit share tentang bagaimana caranya untuk membuat read more otomatis plus gambar seperti yang ada di blog ini.

Pertama masuk ke blog kamu, dan klik Tata Letak / Layout
Kemudian klik Edit HTML, dan centang expand template
Setelah itu cari kode

<p><data:post.body></p> atau <data:post.body>

yang letaknya di atas kode

<div style="clear: both;"><span class="fullpost"> 

Lihat kode di bawah ini yang berwarna Merah

<div class="post-body entry-content">

<data:post.body>

<div style="clear: both;"> 
</div>

Kemudian hapus kode <data:post.body> tadi dan ganti dengan kode bawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:10px;'>

</div>

<data:post.body/>
</b:if>

Sehingga kode nya menjadi seperti ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:10px;'>

</div>

<data:post.body/>
</b:if>
<div style="clear: both;"> 
</div>

Nah setelah itu taruh kode di bawah ini, diatas kode <body>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 530;
summary_img = 420;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
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; margin-right:5px; border: 1px solid #E9E9E9;background-"><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 taruh kode dibawah ini, dibawah kode
<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:blog.pageType != "item"'>
<div class='more'>
<span class='rmlink' style='background:url(http://1.bp.blogspot.com/_ZndXpD4mctI/SwVZ026qMdI/AAAAAAAABA0/sjIBqh6pqaI/s1600/arrow_next.png) no-repeat; padding-left:18px; float:right'><a expr:href='data:post.url'>Baca Selanjutnya !!</a></span>
<span class='comment-link' style='background:url(http://4.bp.blogspot.com/_sunpK_FtO1E/SsxHnMKtFaI/AAAAAAAAATk/CpRUO6Xut14/s1600/27.png) no-repeat; padding-left:18px; float:left'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
</div>
</b:if>

Simpan deh. Kata baca selanjutnya bisa kamu ganti.

Waaw,,, Lagi Cari cara untuk mengetahui kode orang lain yg di kirimkan facebook, untuk merubah password, eh malah dapet yg laen. Ada sebuah kode untuk dapat mengaktifkan efek cahaya di facebook kamu. Gini nih caranya.

--> Masuk Ke Profil Kamu
--> Truss Ketik : Atas 2 X
--> Bawah 2X
--> Kiri kanan, kiri kanan
--> Tombol B Tombol A
--> Lalu Enter

Liat deh hasilnya

Lakukan Hal tersebut dengan cepat. Kalo sudah coba scroll atau klik di halaman facebook kamu. Maka ada efek Cahaya keluar.

Website sangat berbeda dengan blog, tapi website juga bisa di tambahkan widget. Pertama kali saya menambahkan shoutmix pada website, dan saya menemukan kesulitan, ketika saya sudah memasukan kode shoutmix dan saya simpan, tetapi yang tampil pada website adalah kode tersebut.
. Nah jangan bingung, ternyata di webs.com ini apabila kita sudah memasukan kode tersebut dan menyimpannya kita perlu mengeditnya lagi sehingga kode tersebut menjadi widget yang sebenarnya.
Untuk menambahkan widget pada sidebar, langkah pertama yaitu,

- Log in terlebih dahulu ke webs.com
- Setelah masuk halaman awal klik edit pada home
- Setelah itu klik sidebar
- Lalu klik Costume Module
- Masukan Judul yang Kamu inginkan di kotak panjang kecil
- Dan masukan kode widget di kotak dibawah kotak judul yang tadi, kemudian klik save.
- Nah setelah itu kamu klik edit pada widget yang sudah tersimpan tadi, agar kode tersebut tampil pada website kamu.

Berlangganan

Ikuti Blog ini

Statistik Deafile

&data;

&data;

&data;

Tutorial

Bekerja Sama

Kirim Artikel

Berlangganan Artikel

Meta Tag + Judul Postingan Otomatis

Mengunci Folder Dengan WinRAR

Membuat Tampilan Home Berbeda bag.2

Tombol Share Yang Keren

Membuat Tampilan Home Berbeda

Cara Mengembalikan Navbar Blog

Read More Otomatis Bergambar

Kode Cahaya Di Facebook Kamu

Menambahkan Widget di webs.com

Postingan Populer

Ikuti Blog ini

Profil Admin

Kotak Diskusi