Architektur Blogger Headline Animator

Architektur Blogger

rss

November 12, 2010

Mengubah Auto Read More Pada Laman Tertentu

Ok posting kali ini telah saya janjikan saat membuat posting mengenai cara pasang read more otomatis, kali ini saya akan bahas permasalahan yang timbul pada auto read more itu sendiri, nah dalam auto read more yang kita gunakan pada umumnya di gunakan sebagai penyingkat posting pada halaman depan blog atau dikenal dengan Home, namun ada juga rean more tersebut tampil pada elemen laman lainnya misalkan pada laman Tentang Saya atau Profil, Tukar Link, My Award dan apa saja elemen laman anda.!

Permasalahan tersebut adalah halaman statis tidak dapat dibuka sepenuhnya atau tidak tampil utuh, melainkan hanya tampil sebagian yang diikuti dengan link atau tobol “read more” atau yang sejenisnya, walau pun sebenarnya pengunjung sudah berada pada alamat/URL static page itu (bukan lagi berada pada halaman/URL awal atau Home Page yang memang pantas kalau di Homepage ada link “read more”). 

Sebagai catatan, cara ini sangat tergantung pada template yang digunakan, jadi kemungkinan kode yang harus diubah berlainan untuk setiap template.

1. Login ke akun Blogger, lalu masuk ke tab Layout, selanjutnya masuk ke mode Edit HTML.

2. BACKUP TEMPALTE ANDA!

3. Kalau biasanya cuma disarankan, kali ini rasanya wajib untuk backup template anda karena mungkin akan terdapat masalah dimana kode yang diubah bisa berlainan untuk setiap template. Cara backup template adalah klik link bertuliskan “Download Full Template” pada mode Edit HTML. Kalau nanti bermasalah, template awal tersebut bisa dikembalikan dengan cara upload.

4. Centang pilihan “Expand Widget Templates”.

5. Pada form Edit HTML, carilah (tekan Ctrl+F di keyboard) kode “read more” atau yang sejenisnya (bisa bertuliskan “lanjutkan…” atau “continue” atau yang lainnya).

6. Jika ketemu maka codenya seperti di bawah ini.

Ini merupakan script read more otomatis sebelum diubah

<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 class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> READ MORE</a></span>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
7. Setelah itu tambahkan code di bawah ini

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Maka codenya akan jadi seperti di bawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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 class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> READ MORE</a></span>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

8. Selanjutnya Save template sobat.!

Catatan:
Code Yang berwarna hijau di atas adalah code yang sobat tambahkan tadi maka jika di gabung terlihat seperti di atas.

Sekedar Informasi :
Mungkin ini bisa membantu, seperti terlihat pada contoh di atas, pada template Blogger ada beberapa syntax yang maksudnya merujuk ke jenis halaman tertentu, misalnya:

1. item <== merujuk ke halaman posting/artikel. 
2. static_page <== merujuk ke halaman statis (static pages). 
3. index <== merujuk ke halaman index. misalnya homepage, archive, dan search label.

Semoga bermanfaat dan good luck..!

November 9, 2010

Cara Membasmi Virus Shortcut Secara Manual

 
Salah satu virus akhir-akhir ini cukup merepotkan yaitu yang sering disebut dengan virus shortcut, virus ini tidak merusak file, tetapi hanya menyembunyikan file asli kemudian membuat shortcut baru bagi file kita sehingga apabila diklik shortcut buatan virus maka file/folder tersebut tidak akan terbuka karena memang itu bukanlah shortcut asli. saya juga sebagai korban dari virus shorcut itu, jadi mendingan saya lanjutin posting ini biar teman2 lain bisa baca dan virusnya bisa di hilangkan. 
 
 
 
Setelah saya mencoba mencari solusi bagaimana cara menghilangkan virus shortcut dengan bantuan paman google sanya menemukan beberapa blog dan web yang menyediakan artikel cara menghilangkan/membersihkan virus shortcut, antara lainnya yang cukup efisien menurut saya seperti berikut :

Cara Membasminya :

1. Matikan system restore computer kita terlebih dahulu caranya klik kanan pada icon My Computer, properties, klik tab System Restore kemudian berikan tanda centang pada Turn Off System Restore on All Drives dan klik OK

2. Matikan proses dari file Wscript yang terletak di C:\Windows\System32, dengan cara menggunakan tools seperti CProcess, HijackThis atau dapat juga menggunakan Task Manager dari Windows.

3. Setelah dimatikan proses dari Wscript tersebut, kita harus men-delete atau me-rename dari file tersebut agar tidak digunakan untuk sementara oleh virus tersebut

Sebagai catatan, kalau kita me-rename dari file Wscript.exe tersebut dengan otomatis, maka akan dicopykan lagi di folder tersebut. Oleh sebab itu, kita harus mencari di mana file Wscript.exe yang lainnya, biasanya ada di C:\Windows\$NtServicePackUninstall$, C:\Windows\ServicePackFiles\i386.

Tidak seperti virus-virus VBS lainnya, kita bisa mengganti Open With dari file VBS menjadi Notepad, virus ini berextensi MDB yang berarti adalah file Microsoft Access. Jadi Wscript akan menjalankan file DATABASE.MDB seolah-olah dia adalah file VBS

4. Delete file induknya yang ada di C:\Documents and Settings\\My Documents\database.mdb, agar setiap kali komputer dijalankan tidak akan me-load file tersebut. Dan jangan lupa kita buka juga MSCONFIG, disable perintah yang menjalankannya.

5. Sekarang kita akan men-delete file-file Autorun.INF. Microsoft.INF dan Thumb.db. Caranya, klik tombol START, ketik CMD, pindah ke drive yang akan dibersihkan, misalnya drive C:\, maka yang harus kita lakukan adalah:

Ketik C:\del Microsoft.inf /s, perintah ini akan men-delete semua file microsoft.inf di seluruh folder di drive C:. Sementara kalau mau pindah drive tinggal diganti nama drivenya saja contoh: D:\del Microsoft.inf /s.

Untuk file autorun.inf, ketik C:\del autorun.inf /s /ah /f, perintah akan men-delete file autorun.inf (syntax /ah /f) digunakan karena file tersebut memakai attrib RSHA, begitu juga untuk file Thumb.db lakukan juga hal yang sama

6. Untuk men-delete file-file selain 4 file terdahulu, kita harus mencarinya dengan cara search file dengan ekstensi .lnk ukurannya 1 kb. Pada 'More advanced options' pastikan option 'Search system folders' dan 'Search hidden files and folders' keduanya telah dicentang.

"Harap berhati-hati, tidak semua file shortcut / file LNK yang berukuran 1 kb adalah virus, kita dapat membedakannya dari ikon, size dan tipenya. Untuk shortcut yang diciptakan virus ikonnya selalu menggunakan icon 'folder', berukuran 1 kb dan bertipe 'shortcut'. Sedangkan folder yang benar harusnya tidak memiliki 'size' dan tipenya adalah 'File Folder'. "

7. Fix registry yang sudah diubah oleh virus. Untuk mempercepat proses perbaikan registry salin script dibawah ini pada program 'notepad' kemudian simpan dengan nama 'Repair.inf'. Jalankan file tersebut dengan cara:

Klik kanan repair.inf
Klik Install
[Version]
Signature="$Chicago$"
Provider=Vaksincom Oyee

[DefaultInstall]
AddReg=UnhookRegKey
DelReg=del

[UnhookRegKey]
HKLM, Software\CLASSES\batfile\shell\open\command,,,"""%1"" %*"
HKLM, Software\CLASSES\comfile\shell\open\command,,,"""%1"" %*"
HKLM, Software\CLASSES\exefile\shell\open\command,,,"""%1"" %*"
HKLM, Software\CLASSES\piffile\shell\open\command,,,"""%1"" %*"
HKLM, Software\CLASSES\regfile\shell\open\command,,,"regedit.exe "%1""
HKLM, Software\CLASSES\scrfile\shell\open\command,,,"""%1"" %*"
HKLM, SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon, Shell,0, "Explorer.exe"
HKLM, SYSTEM\ControlSet001\Control\SafeBoot, AlternateShell,0, "cmd.exe"
HKLM, SYSTEM\ControlSet002\Control\SafeBoot, AlternateShell,0, "cmd.exe"

[del]
HKLM,SOFTWARE\Microsoft\Windows\CurrentVersion\Run, Winupdate
HKCU,SOFTWARE\Microsoft\Windows\CurrentVersion\Run, explorer
 
(^_^) semoga berhasil...!

November 3, 2010

Rumah Alam di Pegunungan Laurentian

Nature House in the Laurentian Mountains by Saucier+Perrotte Architects

Rumah itu tanpa kompromi dalam ekspresi arsitektur kontemporer, baik yang mencerminkan modernitas dan tradisi bangunan lokal yang menghadap pemandangan gunung yang menghijau. Dibentuk dalam tiga jilid utama - makan, tidur dan hidup, saling berhubungan satu sama lain sepanjang sumbu timur-barat. Ditusuk miring oleh tangga interior, volume superimposed diselaraskan dengan pintu masuk kolam tingkat. Sebuah disaring tembus ruang tamu-outdoor, khas daerah, proyek ke hutan pada titik di mana volume utama tumpang tindih, dan menekankan geometri geser.

Entrance Side by Saucier+Perrotte Architects
 
Terletak di sepanjang bidang horizontal yang sama sebagai volume pintu masuk rumah utama, wisma dipertimbangkan sebagai prisma - resmi analog dengan blok bangunan rumah - memiliki arah ke barat, memisahkan dari massa utama. Sebuah blok manipulasi bangunan sederhana ini, tempat keluar mencari informasi tak terbatas dari elemen topografi nya, formasi batu, pohon, dan penutup tanah. Sementara menyediakan pola fasad yang unik, posisi ini beberapa strip izin sebagian-bukaan tersembunyi celah jendela. Fasad selatan, yang layar matahari untuk berbagai derajat, benar-benar terbuka untuk panorama hutan. Kayu lateral - bilah pada wajah bangunan tersebut membentuk band menerus dinding, soffit dan dek atap.

Exterior Pool by Saucier+Perrotte Architects

Detaching Prism Guesthouse by Saucier+Perrotte Architects
Keterbukaan sangat penting untuk menghargai keleluasan di sekitarnya. interior sub Luminous-volume, bening atau buram putih, mempertahankan kejelasan volumetrik project, bahkan ketika pada waktu mereka  menunjukkan jejak, biji-bijian kayu yang mendasarinya. "Kamar" menemukan diri mereka di suatu tempat antara mengalir dan terkotak, menawarkan penghuni ruang serbaguna atau interpretatif. Gerakan formal elemen bangunan diaktifkan oleh gerakan literal orang di ruang angkasa: apakah mendekati dengan mobil, menuruni tangga miring, berayun pintu geser besar, atau berenang di kolam renang yang panjang.

Semoga bermanfaat.!!!

November 2, 2010

Villa Kayu Storingavika

Villa Storingavika by Saunders Architecture
Villa ini dirancang oleh Saunders Arsitektur, villa ini menawarkan pemandangan fjord selatan dan kepulauan pantai Barat. The Storingavika Villa menggabungkan antara sikap modern platform mencakup luas ruang dengan bentuk-bentuk tradisional dan bahan rumah Bergen's berbingkai kayu. Tiga bahan baku yang digunakan dalam proyek termasuk kaca, cemara hitam bernoda dan cedar Kanada diminyaki. Semua kualitas dekoratif dan estetika bangunan berasal dari bahan itu sendiri dan dimensi materi tersebut.
 
Rumah Kayu Struktur Villa Storingavika oleh Saunders Arsitektur
Villa ini terdiri dari dua lantai, lantai atas dirancang untuk orangtua dan lantai bawah untuk dua anak mereka yang mahasiswa. Selain itu ada sebuah studio tamu kecil di lantai bawah. Struktur yang di gunakan adalah struktur tipis yang memanjang dengan mengekstrusi balkon rumah sepanjang 6m yang terletak pada 3 tiang baja. Dinding kayu diwarnai dengan kayu alami antara partisi jendela. Bahkan pemanasan rumah muncul dari kondisi tempat itu. Sebuah pipa panjang 200m ekstrak panas konstan air laut, dan kemudian mendaur ulang panas ini kembali ke rumah untuk memanaskan lantai. Sistem ini menggunakan sebagian kecil dari energi listrik yang dinyatakan akan diperlukan untuk pemanasan.
Interior Ruang Dapur

Estetika Desain Dapur Yang Berwarna Putih

Semoga bermanfaat dan bisa di jadikan inspirasi anda..!

Membuat Tab View Menu Pada Blog


Untuk menghemat tempat pada blog anda, tab view menu sangat efisien dan Ukuran yang relatif kecil tapi bisa memuat banyak space atau winget di dalamnya. dalam proses pembuatan Tab View Menu ini menggunakan code HTML yang cukup panjang dan sedikit menyusahkan. namun tidak jadi masalah sebab kali ini code HTMLnya suda di sediakan di posting kali ini.

Untuk itu di anjurkan agar sobat sebaiknya simak code-code HTML secara baik-baik cara membuatnya, dan yang paling penting adalah Backup Template sobat terlebih dahulu.



Mari kita lihat cara membuatnya:

1. Login dulu ke blog sobat
2. Masuk ke menu Perancangan
3. Pilih Edit HTML dan jangan lupa beri tanda centang pada Expand Template Widget
4. Cari code </head>
5. Kemudian letakkan kode javascript berikut ini sebelum kode </head>

===================================================================================
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
  var TabView = document.getElementById(TabViewId);

  // ----- Tabs -----

  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

  var Tab = Tabs.firstChild;
  var i   = 0;

  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);

  // ----- Pages -----

  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;

  var Page = Pages.firstChild;
  var i    = 0;

  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
//]]>
</script>
 
===================================================================================

6. Setelah itu letakkan kode berikut di atas kode ]]></b:skin>

===================================================================================

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px; /* Lebar Menu Utama Atas */

text-align: center;
height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #E6E6E6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #E6E6E6; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
===================================================================================

7. Kemudian Save Template sobat
8. Kemudian langkah selanjutnya sobat klik Tata Letak
9. Tambahkan sebuah Badged
10. Pilih  HTML / Javascript, dan tambahkan kode berikut kedalamnya.

===================================================================================
 
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Judul Winget 1</a>
<a>
Judul Winget 2</a>
<a>
Judul Winget 3</a>
</div>
<div class="Pages" style="width: 300px; height: 250px;">

<div class="Page">
<div class="Pad"> 
code winget 1 sobat di sini <br />
</div>
</div>

<div class="Page">
<div class="Pad"> 
code winget 2 sobat di sini <br />
</div>
</div>

<div class="Page">
<div class="Pad">
code winget 3 sobat di sini <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>
===================================================================================
11. Save Winget/badged Sobat

Keterangan :
  • Untuk kode yang berwarna BIRU adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.
  • Kode yang berwarna HITAM silahkan sobat isi dengan judul - judul dari menu.
  • Dan yang berwarna HIJAU, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll
Semoga berhasil.!

November 1, 2010

Cara Pasang Tombol Read More Otomatis

Kali ini saya akan bahas sedikit mengenai cara pasang read more otomatis pada posting blogger, pada umumnya artikel semacam ini uda kian banyak di internet tapi saya mencoba memostingnya lagi karena dalam read more otomatis ini terdapat beberapa masalah yang sering di bicarakan para blogger. nah kali ini saya memberikan solusinya namun di kemas dalam dua posting. posting yang pertama yah ini dia yang lagi sobat baca.

Mari kita lihat cara memasang read more otomatisnya:
1. Pertama Login ke blog anda
2. Masuk ke menu Perancangan
3. Pilih Edit HTML dan jangan lupa beri tanda centang pada Expand Template Widget

4. Setelah itu cari code </html>
Setelah Ketemu kodenya maka Letakkan kode javascipt dibawah tepat diatas kode tadi

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
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>


5. kemudian cari kode <data:post.body/>

 Kalo sudah ketemu ganti kode tersebut dengan kode di bawah ini


&lt;b:if cond=&#039;data:blog.pageType != &quot;item&quot;&#039;&gt;
&lt;div expr:id=&#039;&quot;summary&quot; + data:post.id&#039;&gt;&lt;data:post.body/&gt;&lt;/div&gt;
&lt;script type=&#039;text/javascript&#039;&gt;createSummaryAndThumb(&quot;summary&lt;data:post.id/&gt;&quot;);&lt;/script&gt;
&lt;span class=&#039;rmlink&#039; style=&#039;float:left&#039;&gt;&lt;a expr:href=&#039;data:post.url&#039; target=&#039;_blank&#039;&gt;READ MORE - &lt;data:post.title/&gt;&lt;/a&gt;&lt;/span&gt;
&lt;/b:if&gt;
&lt;b:if cond=&#039;data:blog.pageType == &amp;quot;item&amp;quot;&#039;&gt;&lt;data:post.body/&gt;&lt;/b:if&gt;

kemudian Silahkan langsung Simpan Template atau Pratinjau terlebih dahulu
Selamat blog anda sudah memiliki fitur Auto Read More 

Tambahan:

var thumbnail_mode = "float"; ( letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float))
summary_noimg = 250; (Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Jumlah karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Tinggi thumbnail dalam piksel)
img_thumb_width = 120; (Tinggi thumbnail dalam piksel)

pada  kode yang dibawah

target='_blank'
dapat dihapus jika tidak ingin membuka tab baru saat membuka halaman.

 Nah selamat mencoba dan semoga berhasil

Berlangganan via email

Ingin Artikel Terbaru Langsung ke Email anda? Masukan Email Untuk Berlangganan:


Delivered by FeedBurner

Recent Comments



Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)