Membuat Password Folder Data Pribadi Dikomputer

Password Folder Data Pribadi Dikomputer


Kembali kita bertemu pada artikel Membuat Password Folder Data Pribadi Dikomputer, mengenai tentang trik seputar komputer. Yang sebagaimana kita ketahui setiap insan manusia pasti mempunyai data rahasia yang secara pribadi agar tidak seorangpun ingin ketahui, karena ini adalah sebuah moment yang sangat sensintif untuk anda sendiri. Nah untuk itu pasti anda akan menuangkannya didalam sebuah tulisan atau sebuah foto, video dan lainnya dalam bentuk format folder bukan.  Nah Membuat Password Folder Data Pribadi Dikomputer dari shadows akan memberikan solusinya untuk anda gunakan agar folder tersebut aman dan terkendali untuk data rahasia anda secara utuh, jika anda berkenan marilah kita simak dan ikuti apa yang saya berikan untuk anda terapkan didalam komputer anda atau laptop anda secara pribadi.

BUKA NOTEPAD ANDA untuk memulai Membuat Password Folder Data Pribadi Dikomputer :


1. Caranya : klik Start > All Programs > Accessories > Notepad. Atau bisa juga Start > Run     dan ketikkan ‘Notepad’ tanpa tanda kutip.

2. Kemudian copy dan paste kode dibawah ini kedalam notepad anda.

cls
@ECHO OFF
title Folder Locker
if EXIST “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” goto UNLOCK
if NOT EXIST Locker goto MDLOCKER
:CONFIRM
echo Are you sure you want to Lock the folder(Y/N)
set/p “cho=>”
if %cho%==Y goto LOCK
if %cho%==y goto LOCK
if %cho%==n goto END
if %cho%==N goto END
echo Invalid choice.
goto CONFIRM
:LOCK
ren Locker “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
attrib +h +s “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
echo Folder locked
goto End
:UNLOCK
echo Enter password to Unlock folder
set/p “pass=>”
if NOT %pass%==ISI PASSWORD ANDA goto FAIL
attrib -h -s “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}”
ren “Control Panel.{21EC2020-3AEA-1069-A2DD-08002B30309D}” Locker
echo Folder Unlocked successfully
goto End
:FAIL
echo Invalid password
goto end
:MDLOCKER
md Locker
echo Locker created successfully
goto End

 3. Ganti tulisan berwarna merah ISI PASSWORD ANDA di atas dengan password pilihan        anda.

4. Setelah itu beri nama di notepad anda caranya : Lihat kiri atas klik File > Save as >           Isi dengan ekstensi akhir ‘.bat’ tanpa tanda petik. Contoh : misalkan anda memberi             nama ‘Pribadi’, maka tulislah ‘Pribadi.bat’ tanpa tanda petik.

5. Setelah itu tentukan penyimpanan di direktori yang anda pilih, misalkan DATA (D:)             caranya lihat di kiri sidebar komputer anda disitu tertulis "My Computer" klik ini pilih >         DATA (D:) lalu simpan atau save.

6. Sekarang anda menuju ke diretori tempat data yang tadi anda beri nama ‘Pribadi’ itu
    disimpan. 'Double klik' pada data itu, maka akan muncul sebuah folder dengan nama ‘
    Locker’. PERINGATAN : Jangan memberi nama ulang folder ini.

7. Lalu import yang anda anggap data pribadi anda di dalam ‘Locker’ tersebut, tunggu           sampai selesai.

8. Jika selesai, 'double klik' lagi dan akan muncul pertanyaan ‘are you sure you want to
    lock the folder (Y/N)’. Ketik ‘y’ dan tekan enter.

9. Perhatikan folder tersebut, folder ‘Locker ‘ sudah tidak terlihat lagi karena disembuny
    ikan bersama data-data rahasia anda.Untuk membukanya kembali, double klik pada           data ‘Pribadi’ tadi. Lalu akan muncul dialog box untuk memasukkan password anda.           Masukkan password dan tekan enter. Sekarang, folder ‘Locker’ terlihat kembali.

Membuat Password Folder Data Pribadi Dikomputer ini sangatlah berguna untuk anda untuk menyimpan data atau file pribadi anda, secara utuh terjaga kerahasiaannya untuk pribadi anda sendiri. Demikianlah tips dan trik  Membuat Password Folder Data Pribadi Dikomputer dari shadows semoga berguna untuk anda semua. Jika ada yang kurang paham silahkan komentar dibawah ini.


Baca juga ini : Untuk Mempercepat Kinerja Windows XP.

Membuat Author Box Responsive Dengan Rotate Zoom

Author Box Responsive Dengan Rotate Zoom

Membuat Author Box Responsive Dengan Rotate Zoom shadows akan share untuk anda semua, tetapi sebenarnya ini atas permintaan dari seorang blogger dari benua eropa sana, yang ingin tampilan blog dia berpenampilan yang cukup baik dan ingin mengisi biografy mengenai dirinya, Maka saya share widget ini untuk dia pergunakan, anda juga bisa pergunakan ini widget karena bentuknya cukup elegant dan image rotate dan ada satu hal lagi nama author itu selalu dan setiap saat per 8 detik selalu berganti warna nah cukup kerenkan widget seperti ini.
Bagaimana keren bukan jika anda menginginkannya Membuat Author Box Responsive Dengan Rotate Zoom marilah kita lihat kode CSS3 dibawah ini :

1. Anggap saja anda sudah berada di blog sobat.

2. Klik Template > Edit HTML lalu pergunakan CTRL+F agar cepat pencarian cari ]]>
    </b:skin>

3. Lalu letakkan CSS ini tepat diatasnya.

/* Css Author Box */

#aboutme {background-color:#fff; -moz-box-shadow:0 0 3px #e0e0e0;-webkit-box-shadow:0 0 3px #e0e0e0;box-shadow:0 0 3px #e0e0e0;border:1px solid #666;padding:3px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin:0 auto;margin-top:15px;padding:10px;max-width:600px;height:auto;margin:5px;}
.name-author {margin:0 0 7px;display:block;width:100%;}
.name-author h3 {position:relative;display:inline;background-color:#E67E22;color:#FFF;font-family:Segoe UI; font-size:15px;font-weight:bold;margin:0 0 0 -3px;padding:3px 5px 4px 9px;width:100%;-moz-text-shadow:0 1px 0 black;-webkit-text-shadow:0 1px 0 black;text-shadow:0 1px 0 black;}
.name-author h3:after {content:" ";width:0;height:0;position:absolute;left:100%;top:0;border-width:13px; border-style:solid;border-color:transparent transparent transparent #E67E22;}
@-webkit-keyframes name-author {0% {color:white} 20% {color:Orange}40% {color:pink}60% {color:Orchid}80% {color:gold}100% {color:white}}
@-moz-keyframes name-author {0% {color:white}20% {color:Orange} 40% {color:pink} 60% {color:Orchid} 80% {color:gold} 100% {color:white}}
@-keyframes name-author {0% {color:white} 20% {color:Orange} 40% {color:pink} 60% {color:Orchid} 80% {color:gold} 100% {color:white}}

/* Efek Element Author Box */

.name-author h3 {animation:8s infinite name-author linear;-webkit-animation:10s infinite name-author linear;}
.aboutme-text {font-size:14px;text-align:left;margin:0;}
.aboutme-image-container {float:left;width:70px;height:70px;margin-right:75px;z-index:1;}
.aboutme-image-container {margin:-20px 0 5px 0;padding:9px;position:relative;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:100%;-moz-border-radius-bottomright:100%;-moz-border-radius-bottomleft:100%;border-bottom-right-radius:100%;border-bottom-left-radius:100%;-webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;-moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;background-color:#F22613;}
.aboutme-image-container:before {content:' ';position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #333 transparent;}
.aboutme-image-container:after {content:' ';position:absolute;top:0;right:-10px; width:0; height:0;border-style:solid;border-width:10px 0 0 10px;border-color:transparent transparent transparent #333;}
.aboutme-image-container img {width:100%;height:100%;border:2px solid yellow;border-radius:100%;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;-moz-box-shadow:1px 1px 4px #000;-webkit-box-shadow:1px 1px 4px #000;box-shadow:1px1px 4px #000;}
.aboutme-image-container img:hover {border:2px solid GOld;cursor:pointer;margin-left:0;-moz-transform:scale(1.2) rotate(360deg);-webkit-transform:scale(1.2)rotate(360deg);-o-transform:scale(1.2)rotate(360deg);-ms-transform:scale(1)rotate(-360deg);transform:scale(1.2)rotate(360deg);-moz-box-shadow:1px 1px 4px #000;-webkit-box-shadow:1px 1px 4px #000;box-shadow:1px 1px 4px #000;}

4. Meletakkan kode HTML kita cari kode ini  <data:post.body/>  atau <p>
    <data:post.body/></p> tepat dibawahnya. Semua ada lima ambil yang ketiga
    atau sesuaikan template anda karena sebuah
    template tidak sama tata letaknya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='aboutme'><div class='aboutme-image-container'>
<img src='http://4.bp.blogspot.com/-6k4Mj5Xv82o/Vjo1ryPnmbI/AAAAAAAABKQ/3OTccAC7W7/s1600/nata.jpg'/></div>
<div class='name-author'><h3>Andre Lee</h3></div>
<div class='aboutme-text'>
~>> Enter Your Description Here <<~
</div></div>
</b:if>

 Keterangan : Warna merah ganti dengan url gambar anda.
                       Warna biru ganti dengan nama author anda.
                       Warna orange isikan kata anda sendiri.

Baca juga disini : http://shadows-k.blogspot.co.id/2015/11/related-post-thumbnail-dan-feedburner.html

Demikianlah Membuat Author Box Responsive Dengan Rotate Zoom yang telah saya share kepada anda semoga tampilan blog anda semakin lebih baik, dan juga bermanfaat untuk kedepannya jika ada pertanyaan silahkan komentar dibawah ini.

Related Post Thumbnail Dan Feedburner Dibawah Postingan

SHADOWS pada kesempatan ini akan menshare sebuah tips dan trik Related Post Thumbnail dan Feedburner Dibawah postingan tutorial ini sangatlah praktis dan elegant ini menurut pandangan saya, karena bentuknya menyatu dan tidak memakan tempat di bawah postingan anda sehingga terlihat rapi. Dari perkataan saya diatas anda pasti sudah beramsumsi dengan kerapihannya bukan, itulah yang saya maksudkan bagaimana anda ingin mencobanya? marilah kita simak bersama oh iya Related Post Thumbnail dan Feedburner Dibawah postingan ini sudah saya terapkan sudah lama di bolg saya yang lain ini lihat gambarnya dibawah ini.

Related Post Thumbnail Dan Feedburner
Related Post Thumbnail Dan Feedburner Dibawah Postingan

Nah itulah contoh dari blog saya yang lain anda berminat dengan tampilannya mari ikuti caranya berikut ini :

1. Pertama masuk ke blog anda.

2. Kedua cari dikiri anda lalu klik TEMPLATE > lalu klik EDIT HTML sebelumnya backup         dahulu template anda untuk menjaga kemungkinan error.

3. Lalu cari pergunakan CTRL+F agar lebih cepat ]]></b:skin, letakkan css dibawah ini           tepat diatasnya.

#related{background:#222; border:1px solid #000; border-bottom:1px solid #444; border-right:1px solid #444;text-shadow:0 1px 0 #000;margin:0 0 5px;padding:10px}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related .related-posts{font-weight:400;width:50%;float:right}
#related .related-posts p{margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #333;display:block;height:72px;position:relative;width:72px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.7}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#related .subscribe{width:43%;float:left;color:#bdbdbd;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Rp5tHdQ4do-UwXvirqEwjkkLJlX7ZmHFHK9y-u_cHp_vgbhFfkb7JuZcmeWdxDyYIcThO8Z0-9Oj1JeeiDrkn8RLcKzEQ2bVg_ITJqRMxk0_wButXq6Ko0UxMTpCnsKjW-nSE1y5etc/) 0 50% no-repeat;vertical-align:middle}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}


4. Masih pada posisi Edit HTML, letakkan kode di bawah ini setelah <data:post.body/>           (jika ada 2 atau 3 pilih kode yang terakhir)


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='clearfix' id='related'>
<div class='related-posts'>
<p>Related Articles</p>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJlbxh_3VQt7TSSopkvEWamyZEfLbp0Gh70Y4LrbfJ65mqY78OSwwLa57Bnoru8tBv6DchaXhRRNVrabL440RY3yM2DSdwsJj38XIplMN9_pH26AUdp1gK4mTDgzMg5WKWf4aDtxolon4/s1600/no+image.jpg&quot;;
var maxresults=6;
</script>
<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>              
</div>
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/shadows-k' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://shadows-k.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=shadows-k&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='shadows-k'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/shadows-k'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/shadows-k?bg=ceaa6c&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a>
</form>
</div>
</div>
</b:if>

Keterangan : warna merah ganti dengan url anda sendiri
                     warna biru ganti dengan alamat feed anda.

5. Klik save template.

Related Post Thumbnail Dan Feedburner Dibawah Postingan sudah selesai anda buat semoga tampilan blog anda semakin teratur dan elegant di mata pengunjung agar betah berlama lama di blog anda

Baca juga untuk penampilan blog : http://shadows-k.blogspot.co.id/2015/10/membuat-effect-shadow-widget-sidebar.html

Kode Percepat Loading Blog

Selamat siang para blogger, di siang ini saya akan share Kode Percepat Loading Blog sesuai dengan namanya pastinya anda sekalian berkeinginan mengetahuinya bukan, nah saya akan menberikan solusi yang sudah terbukti dan saya terapkan di blog saya ini dan blog yang lainnya. Sebenarnya ini kode sudah lama saya temukan dan saya terapkan sendiri yah karena itu saya terhalang oleh kegiatan saya di dunia nyata jadi saya tidak sempat share dan agak terlambat mungkin para master sudah mengetahui ini tapi apa salahnya saya share kembali. Untuk pembuktian silahkan anda lihat gambar dibawah ini dan saya persilahkan anda cek ulang blog saya ini di tools yang berada di menu.

Loading Blog
Kode Percepat Loading Blog

Nah itulah Kode Percepat Loading Blog saya ini yang anda kunjungi, anda pasti sudah penasaran bukan..... bagaimana sih caranya, gampang sekali penerapannya dan tidak susah. Baiklah coba anda lihat di bawah ini

Masuk ke TEMPLATE > EDIT HTML cari dengan pergunakan CTRL+F </body> setelah ketemu hapus ganti dengan kode dibawah ini :

&lt;!&#45;&#45;</body>&#45;&#45;&gt; &lt;/body&gt;

Setelah itu save template dan cek loading anda saya sarankan sebelum memasang Kode Percepat Loading Blog cek dahulu loading anda berapa di tools menu saya setelah memasang di cek kembali berapa loading anda.

Itulah Kode Percepat Loading Blog yang saya ketahui dan saya terapkan di blog saya sendiri dan hasilnya sangatlah memuaskan, nantikan postingan saya untuk mengurangi beban loading blog anda jika anda memakai font awesome terima kasih. Lebih kurangnya saya minta maaf.

Alternatif Followers Blog Widget Dengan Link

Widget Dengan Link
Alternatif Followers Blog Widget Dengan Link
Kembali kita bertemu dalam postingan saya ini yang akan memberikan solusi untuk sebuah blog anda, Alternatif Followers Blog Widget Dengan Link ini sangatlah simple dan bisa di kreasikan menurut anda baik dan terlihat cantik di blog. Followers blog widget ini akan terasa ringan di waktu loading dan dari segi penampilannya cukup ramping, nah solusi ini tanpa terlihat widget tersaebut tetapi bisa digunakan lumayankan untuk beban loading blog, dari segi keuntungannya adalah pengunjung akan terasa penasaran dengan link ini atau tombol yang anda kreasikan sehingga dibawa ke Alternatif Followers Blog Widget Dengan Link dan mengklik mengikuti blog anda. Sebelum atau ingin menggunakan solusi ini anda harus mengetahui dahulu bolg id anda sendiri karena ini sangatlah penting untuk penggunaannya, lihat gambar dibawah ini.

Blog Id


Setelah anda ketahui Blog Id anda isi data dibawah ini untuk di tempelkan ke blog.

1. Dengan link text :
   <a href='http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxx'
   target='_blank'>Follow Blog Ini</a>

2. Dengan link button :
   <a href='http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxx'
   target='_blank'><button>Follow Blog Ini</button></a>

3. Dengan link gambar :
   <a href='http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxx'
   target='_blank'><img border='0' src='http://LINK GAMBAR ANDA'/></a>

Ganti xxxxxxxxxxxxxxxx dengan ID Blog Anda.

Ganti LINK GAMBAR ANDA dengan link gambar yang Anda Upload.

Untuk penempatan Alternatif Followers Blog Widget Dengan Link bisa anda letakkan di sidebar, footer. dalam menu horizontal anda juga bisa yang menurut anda terlihat ramping dan bersih dari sebuah widget.

Alternatif Followers Blog Widget Dengan Link sudah selesai anda buat dan selamat berkreasi menurut kata hati anda sendiri semoga bermanfaat.

Membuat Effect Shadow Widget Sidebar

Effect Shadow
Pada kali ini shadows akan membagikan sebuah bentuk effect yang cukup menarik. Membuat Effect Shadow Widget Sidebar adalah untuk yang gemar mensetting template agar terlihat rapi dan elegant, mungkin ini menjadi solusi anda untuk di gunakan pada template manapun tidak menjadi kendala dan juga tidak menggangu beban loading pada blog anda simple sekali untuk cara pembuatannya.

Untuk tampilan Membuat Effect Shadow Widget Sidebar ini lihat gambar di kiri postingan ini cukup menawankan dan terlihat menarik pada template anda sekalian. Untuk itu marilah kita simak dan ikuti apa yang saya tampilkan caranya, tidak sulit dan tidak memerlukan script yang rumit hanya memasukkan kode css saja sudah cukup untuk tampilan yang menawan.

Pertama masuk ke blog anda

Kedua setelah itu klik TEMPLATE > EDIT HTML ingat selalu download lengkap template anda untuk berjaga jaga.

Ketiga gunakan CTRL+F agar cepat cari ini ]]></b:skin> dan copy kode dibawah ini tepat diatasnya.

#shadow2 { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaoNj8khmPyN3t0kWPlaAsNJM3JhS5-airspqGrtIByXmUsw5ac_YglCVbCrSAKLWO0Wfu41eYzgIx_dyzgbLE-4HrBg8A1j4w_nxHrg-GkDSxDL6ep_rUlsP1MDfbAVdifrMo-0LSMKI/s1600/frame_shadow2+
copy.png") no-repeat scroll center center transparent;  width: 100%; height: 20px;}

Itu adalah kode css nya sudah terpasang sekarang kita cari apa yang anda inginkan untuk penempatan dan penampakan shadowsnya misal di Recent Posts  maka sekarang gunakan lagi CTRL+F dengan isi kotak yang keluar dengan Recent Posts maka terlihat seperti ini.

<b:widget id='HTML2' locked='false' title='Resent Post' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
<div id='shadow2'/></div>

 Jadi anda harus ingat penempatannya harus sebelum </div> penutup menjadi sepeti yang diatas, itu berlaku juga pada widget popular posts atau widget yang lainnya nah itulah Membuat Effect Shadow Widget Sidebar untuk anda gunakan agar template anda menjadi menarik dan pengunjung akan betah berlama lama di blog anda semoga bermanfaat dan selamat berkreasi.

Membuat Widget Followers Blog Dengan Link

Followers Blog Dengan Link
SHADOWS pada pagi ini membagikan sebuah tips dan trik untuk anda yang memerlukan Membuat Widget Followers Blog Dengan Link , agar blog anda terlihat simple dan elegant di mata pengunjung. Sekiranya tips ini bisa untuk menjadikan solusi dalam menata blog secara profesional dalam pengembangan blog anda yang begitu rapih dan nyaman di mata pengunjung blog, sehingga pengunjung betah berlama lama di blog anda.

Biarpun di blog anda tidak terlihat Widget Followers Blog tetapi pengunjung tetap bisa menjadi followers anda dengan Membuat Widget Followers Blog Dengan Link yang anda buat. Nah untuk bagi yang berminat dengan harus mengetahui ID BLOG anda terlebih dahulu, karena ini penting untuk digunakan.

Caranya tidak sulit anda hanya membuka blog anda dan masuk ke dashboard anda nah lihat dibagian atas dashboard anda sebagai contoh lihat gambar dibawah ini.


Followers Blog Dengan Link 1


Jika sudah mengetahui anda silahkan copy dan isi dengan ID BLOG anda link dibawah ini :
1. Dengan link text :
   <a href='http://www.blogger.com/follow-blog.g?blogID=xxx1234567890xxx'
   target='_blank'>Follow Blog Ini</a>
   Ganti xxx1234567890xxx dengan ID Blog Anda.

2. Dengan link button :
   <a href='http://www.blogger.com/follow-blog.g?blogID=xxx1234567890xxx'
   target='_blank'<buton>Follow Blog Ini</button></a>
   Ganti xxx1234567890xxx dengan ID Blog Anda.

3. Dengan link gambar :
   <a href='http://www.blogger.com/follow-blog.g?blogID=xxx1234567890xxx'
   target='_blank'><img src='http://URL GAMBAR ANDA'/></a>
   Ganti xxx1234567890xxx dengan ID Blog Anda.
   Ganti URL GAMBAR ANDA dengan url gambar yang Anda sudah Upload.

Nah itulah blogger tips untuk anda gunakan sebagai penempatannya bisa di sidebar atau di footer. Bisa juga Membuat Widget Followers Blog Dengan Link diwidget HTML/JavaScript atau dimenu horizontal anda.

Semoga bermanfaat untuk anda semua, jika kurang mengerti layangkan komentar.

Solusi Bila Terjadi Bugs Dikotak Komentar

Hari ini jam segini saya akan share Solusi Bila Terjadi Bugs Dikotak Komentar, yang terjadi pada blog anda semoga postingan saya ini sangat berguna dan menjadi pembelajaran kita semua.

Bugs adalah sebutan bagi kita semacam kutu pemograman yang terjadi pada seperangkat komputer kita, tetapi disini kita menyebutnya bugs juga kenapa bisa begitu..? Ya karena bugs pada blog kita memang kutu juga itu di karenakan pada waktu pemograman sebuah template terjadi :

  1. Crash pada perangkat komputer, ketika kita sedang copy paste ELEMENT, HTML, CSS, kedalam blog kita sehingga ada kode yang tertahan ketika kita hapus.
  2. Bisa juga jika sedang copy paste anda lupa meletakkan element tersebut, ini bisa terjadi di element mana saja.
  3. Mati lampu bisa juga terjadi bugs, biarpun kita sudah delete atau hapus element tersebut tetap saja ada kemungkinan dia hadir kembali.
Nah pada kesempatan kita kali ini adalah pembahasan mengenai. Bugs Dikotak Komentar sebagai illustrasi saya sudah buatkan contoh untuk anda agar bisa memahami faktor faktor dari sebuah element yang terjadi bugs ini, lihat dibawah ini screnshotnya.

Bugs Dikotak Komentar


Solusi Bila Terjadi Bugs Dikotak Komentar ini saya akan memberikan tips dan trik pada pembahasan kita, marilah kita lihat element apa yang anda lakukan jika menemui masalah seperti ini, inilah solusinya lihat element yang saya bagikan dibawah ini.

Masuk kedasboard blog anda : TEMPLATE > EDIT HTML setelah terbuka gunakan CTRL+F agar cepat memulainya cari di kotak yang muncul disebelah kanan atas masukkan ini <data:blogTeamBlogMessage/> lalu klik enter, jika sudah ketemu lihat apakah ada double element tersebut jika ada hapus yang paling atas element itu seperti dibawah ini.

      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>

NB: Hapus semua kode seperti diatas ini ingat sisakan yang paling bawah element tersebut karena yang paling atas adalah bugs atau kutu yang menempel.

Itulah tutorial dari saya mungkin sudah banyak yang share tentang  Solusi Bila Terjadi Bugs Dikotak Komentar tidak ada salahnya jika saya mengulas balik untuk anda yang mungkin pemula atau sedang belajar bagi para senior tentu permasalahan ini sudah memahami.

Mungkin anda ingin membaca juga : Cara Menambahkan Title Tag Pada Label.

Title Dan Alt Pada Logo Blog

Title Tag Dan Alt Tag
Title Dan Alt Pada Logo Blog adalah fungsi yang sangat dibutuhkan sekali untuk sebuah blog atau website, karena Title Tag Dan Alt Tag sangat di dominan oleh search engine google maupun bing utnuk memudahkan pencarian.

Nah pada kesempatan hari ini saya akan membagikan trik dan tips ini kepada anda yang sebelumnya sudah gagal atau tidak berhasil dalam membuatnya, yang perlu anda ketahui adalah tidak semua template blog berkatagori sama dalam bentuk struktur dan elementnya. Title Dan Alt Pada Logo Blog akan memberikan point di test SEO CHKME, dan blog anda akan menjadi SEO FRIENDLY di mata google.( silahkan cek blog saya tidak ada error sama sekali di chkme )

Jika anda ingin menggunakannya silahkan ikuti apa yang saya share ini dengan teliti dan cermat agar tidak terjadi eror nantinya, marilah kita simak dan terapkan di blog anda sekalian.

Pertama buka blog anda dan ambil TEMPLATE > EDIT HTML.
Cari dengan CTRL+F agar cepat pencariannya cari kode seperti ini <img expr:alt='data:title' setelah ketemu anda lihat penampakan di bawah ini.

<a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
        </a>

 Warna biru adalah yang anda cari tadi dengan CTRL+F tadi nah sekarang anda perhatikan dengan teliti di element itu cari "style" tanpa tanda kutip dan itu ada 2 nah berikanlah title dari nama blog anda menjadi seperti ini title='nama logo anda' menjadi seperti ini lihat penampakan di bawah ini.

<a expr:href='data:blog.homepageUrl' title='NAMA LOGO ANDA' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot_headerimg&quot;' expr:src='data:sourceUrl' title='NAMA LOGO ANDA' style='display: block'/>
        </a>

Nah sudah selesai penempatan title anda sekarang penempatan pada ALT anda lihat dengan seksama pada element ini   <img expr:alt='data:title' pada kode html yang sama dengan title tadi anda cari dengan CTRL+F.
Ganti dengan ini > alt='data title' < menjadi seperti ini > alt="NAMA LOGO ANDA" < lihat penampakan di bawah ini.

<a expr:href='data:blog.homepageUrl' title='NAMA LOGO ANDA' style='display: block'>
          <img expr:alt="NAMA LOGO ANDA, KEYWORD, KEYWORD, KEYWORD" expr:id='data:widget.instanceId + &quot_headerimg&quot;' expr:src='data:sourceUrl' title='NAMA LOGO ANDA' style='display: block'/>
        </a>

 NB : Ganti tanda kutip khusus untuk ALT. Seperti ini ( '"ALT"' ) UPDATE

Sebelum anda save alangkah baiknya di buat pratinjau dahulu agar lebih aman dan tidak terjadi error, setelah penampakan pratinjau arahkan kursor anda ke logo blog anda apakah sudah keluar titlenya atau belum jika belum coba teliti kembali agar bisa keluar titlenya, jika sudah silahkan dii save dan cek ke chkme. Nilai point di chkme untuk Title Dan Alt Pada Logo Blog ini cukup lumayan hasilnya buat nambah nambah point anda.

Jika anda kurang mengerti silahkan berikan komentar dibawah atau memang sudah berhasil juga berikan komentar agar kita semua bisa berbagi semoga sukses.

Cara Menambahkan Title Tag Pada Label

Title Tag Pada Label

SHADOWS || Selamat pagi sobat sekalian semua apa kabar selama ini..?? kita kembali bertemu dan berbagi kembali, saya sudah vakum dari dunia blogger cukup lama juga ya sob. Iya 2 tahun lebih kira-kira begitulah karena saya sibuk dengan dunia nyata jadi ngeblog saya terlantar dan beberapa blog saya juga belum saya renov hanya di shadows ini saja , sekarang saya akan berbagi dengan para sobat blogger tentang Cara Menambahkan Title Tag Pada Label. Ini bisa sobat langsung cek di chkme setelah sobat terpkan.

Sebetulnya ini sudah lama saya ingin membaginya tetapi sayang saya terlajur vakum dan hilang dari sobat semua, setelah saya googling kesana kemari waktu semalam trik saya ini masih berguna, memang Tips seo ini sangatlah berguna sekali terutama bagi yang pemula, tetapi jika para master atau senior saya tolong dibantu jika ada kesalahan dalam posting ini mengenai Cara Menambahkan Title Tag Pada Label, nah mari kita simak dan jika ada yang memerlukan silahkan di copas saja ya.

Jika sobat ingin mencobanya silahkan terapkan title tag pada label ini di blog sobat.
Silahkan tambahkan kode expr:title='data:label.name' ini pada link-link label pada edit HTML. Biasanya kode untuk widget label akan seperti di bawah ini.


 <b:widget id='Label1' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
  </b:widget> 


Tulisan yang berwarna merah adalah link pada label yang akan muncul di tampilan blog. jika sobat ingin menambahkan title tag, maka silahkan tambahkan kode expr:title='data:label.name'. Dan penampaknnya akan seperti di bawah ini.

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a> 

 Keterangan : Harus dua yang berwarna merah di selipkan expr:title='data:label.name'
Saran saya sebelum gunakan Cara Menambahkan Title Tag Pada Label ini coba cek dahulu di chkme jika terjadi error gunakan ini dan kembali cek ke chkme lihat hasilnya skor akan bertambah.

Dan arahkan kursor sobat ke label jika telah keluar titlenya berarti sobat telah sukses, jika keterangan diatas kurang jelas lontarkan pertanyaan di komentar, pasti saya akan balas secepatnya semoga posting saya ini bermanfaat buat semua. SUKSES.SELALU.

Nantikan postingan saya mengenai menambahkan title pada logo yang sobat telah dengan segala cara tidak berhasil.


Hanya Menampilkan Judul Postingan Di Homepage

Hanya Menampilkan Judul Postingan Di Homepage

SHADOWS || Selamat pagi sobat menjelang pagi, mungkin para sobat sedang tidur nyenyak tetapi saya tidak bisa tidur ya .. mungkin lagi sedikit pusing kali ya. Jadi saya membuat trik di blog agar Hanya Menampilkan Judul Postingan Di Homepage untuk merubah suasana blog sobat agar tidak membosankan atau yang sobat baru membuat satu blog baru. Nah bagaimana tertarik untuk diterapkan di blog sobat..!! marilah kita simak langkah langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.
2. Klik Rancangan > Edit HTML.
3. Untuk mem-backup template, silakan klik Download Template Lengkap. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan.
4. Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)
5. Copy kode di bawah ini dan paste di bawah kode ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

6. Klik tombol SIMPAN TEMPLATE.
7. Selesai.

Pemasangan kode di atas masih menyisakan beberapa elemen seperti tanggal posting, label, komentar dan yang lainnya. Bila Anda ingin menghilangkan semuanya dan yang tersisa hanya judul postingnya saja, Anda dapat mencoba kode di bawah ini.

Cara peletakannya sama seperti diatas di bawah ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

8. Save template anda,
Dan lihat hasilnya di Homepage anda, Nah sekian tips dari saya Bagaimana Hanya Menampilkan Judul Postingan Di Homepage semoga bisa bermanfaat buat sobat blogger.... happy blogging.




Kompres CSS Dan HTML Agar Loading Ringan

Kompres CSS Dan HTML Agar Loading Ringan

SHADOWS || Untuk kali ini yang saya share adalah kompres mengkompres CSS dan HTML yang berada di blog sobat punya untuk meringankan loading blog sobat, Kompres CSS Dan HTML Agar Loading Ringan sebenarnya sudah lama saya ingin share untuk sobat pemula yang baru mengenal ngeblog. Mungkin cara ini sudah banyak di terapkan oleh blogger yang sudahsenior dari kita. Nah Cara Kompres CSS Dan HTML Agar Loading Ringan sobat ingin tahu dan mencobanya mari kita simak langkah langkah di bawah ini.

Sebelum melakukan kompres disarankan back up dulu blog sobat.

A. Cara kompres CSS :
Kode CSS Blogger secara umum terletak di antara tag pembuka <b:skin> dan tag penutup ]]></b:skin> serta syntax yang ditandai dengan kurung kurawal {.,.,.}

1. Copy semua kode yang terletak di antara kedua TAG tersebut.
2. Lalu pastekan di situs ini.
3. Compression mode = pilih 'Super Compact'.
4. Comments handling = pilih 'Strip ALL comments'.
5. Jika sudah terkompres silahkan sobat copy semua lagi.
6. Lalu paste kembali tepat di posisi semula pada template blog sobat.
7. Preview dulu, jika tidak terjadi error lanjut ke tahap berikutnya.

B. Kompres HTML :
Kode HTML Blogger secara umum terletak di antara tag pembuka <body> dan tag penutup </body>

1. Copy semua kode yang terletak di antara kedua TAG tersebut.
2. Lalu pastekan di situs ini.
3. Copy semua kode yang di hasilkan kompres tersebut.
4. Lalu paste kembali tepat di posisi semula pada template blog sobat.
5. Preview dulu, jika tidak terjadi error
6. Save template.

Nah begitulah Bagaimana Cara Kompres CSS Dan HTML Agar Loading Ringan semoga bermanfaat untuk template sobat.

Untuk bisa mengecek berat loading blog sobat bisa cek di blog saya ini untuk mengetahui seberapa ringan atau berat blog yang sobat gunakan. Silahkan cek DISINI.

Membuat Tombol Link Demo Di Blog

Membuat Tombol Link Demo Di Blog

SHADOWS || Pada postingan kali ini akan saya share Membuat Tombol Link Demo Di Blog, sebuah tombol atau button yang mengandung link, biasanya untuk demo atau download di sebuah blog. Untuk tujuan lain membuat tombol link tersebut biasanya memanfaatkan untuk mempermudahkan pengunjung melihat contoh dari hasil Tips itu sendiri agar lebih jelas, Cara Membuat Tombol Link Demo Di Blog. karena jika tidak diberikan contoh maka pengunjung akan merasa bingung ketika mau mencoba atau mempraktekkan tips tersebut. Nah dari pada kita bicara tidak tentu arah marilah kita lihat contohnya, ini sebagai dasar untuk pemula yang mulai ngeblog.

Perhatikan contoh di bawah ini:



Kode contoh di atas adalah seperti ini:
<button>Contoh Seperti Ini</button>
Contoh di atas tidak terdapat linknya Sementara itu agar tombol button terdapat link maka kodenya adalah sebagai berikut :
<a href="http://shadows-k.blogspot.com/"><button>Contoh Seperti Ini</button></a>
Tampak hasil dari kode di atas akan seperti di bawah ini:

~> Coba klik button/tombol ini.

Nah sekarang kita akan bahas bagaimana agar link ini terbuka pada Tab Baru, mari kita tambahkan lagi sebuah kode:
<a href="http://shadows-k.blogspot.com/"target="-blank"><button>Contoh Seperti Ini</button></a>
Maka hasil dari tambahan kode tersebut adalah sebagai berikut:

~> Silahkan klik button/tombol ini.

Perhatikan warna merah tersebut harap sobat ganti dengan URL sobat sendiri dan TEXT juga dengan keperluan postingan sobat sendiri.

Nah gampang bukan Bagaiman Cara Membuat Tombol Link Di Blog sobat ini hanya sebagai dasar saja, nantikan tutorial atau tips yang lebih sempurna dari yang di atas ini.

Membuat Auto Reload Pada Blog

Membuat Auto Reload Pada Blog

SHADOWS || Kali ini saya akan memberikan blogger tip Membuat Auto Reload Pada Blog, yang bagaimana berguna untuk menyegarkan blog sobat. Agar selalu fress atau segar jika visitor mengunjungi blog sobat bagaimana tertarik..?? Mari kita lihat Cara Membuat Auto Reload Pada Blog di bawah ini.


1. Pertama, pastinya Login ke Blog sobat.
2. Dari Dasbor, cari Rancangan --> Edit HTML.
3. Lalu cari Code <head>. [Gunakan CTRL + F atau F3 pada Keyboard untuk mempermudah pencarian].
4. Kalau sudah ketemu, sekarang copy dan pastekan code di bawah ini, tepat di bawah Code <head>.

<meta http-equiv="refresh" content="600"/>

SAVE template.

KETERANGAN
Angka yang berwarna merah, menunjukan lama waktu Blog kita akan Auto Refresh. "600" artinya 600 detik atau 10 menit. sobat bisa menyesuaikannya dengan keinginan sobat

Nah.. selesai sudah blogger tip yang saya share Bagaimana Cara Membuat Auto Reload Pada Blog untuk sobat terapkan di blog semoga bermanfaat untuk sobat.

Icon Pada Label Dan Link Sidebar

Icon Pada Label Dan Link Sidebar
SHADOWS ||  Nah sekarang saya akan memberikan tips dan trik Bagaimana Icon Pada Label Dan Link Di Sidebar, mungkin sobat newbie akan bertanya apa itu link dan label di sidebar? Label adalah hasil dari postingan para sobat yang diberikan titel atau label agar memudahkan untuk pencarian di search engine dan tentunya untuk para pembaca blog sobat juga, Link sidebar adalah link yang otomatis berada di sidebar misalkan sobat memakai popular post tanpa gambar atau thumbnail nah itulah sedikit penjelasan dari saya semoga di mengerti untuk sobat newbie. Nah marilah kita simak selanjutnya, Icon ini bisa bermacam-macam. Pertama sekali anda harus sudah menyimpan icon pada image hosting anda. Misalnya di tiniypic.com,photobucket.com atau tempat tempat hosting gambar lainnya. Contohnya icon panah hijau punya saya dengan alamat penyimpanan seperti ini:
http://i35.tinypic.com/2n03mgz.jpg
Nah icon tersebut bisa sobat ganti dengan icon milik sobat tentunya yang tersimpan hosting, untuk selanjutnya sobat cari kode seperti ini .sidebar li di edit HTML,
.sidebar li {
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}
Mungkin ada perbedaan pada template, fokus saja kode .sidebar li { yang merupakan kode pada daftar link di sidebar. Kemudian tambahkan alamat icon sobat di bawahnya. Misalnya dengan alamat icon punya saya tadi. Sehingga hasilnya seperti ini :
.sidebar li {
background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .20em;
border-bottom:1px dotted #cccccc;
margin:0;
padding:0 0 .25em 17px;
line-height:1.2em;
}
Lalu klik tombol Simpan Template dan lihat hasilnya. Jika tidak ada masalah, hasilnya akan seperti gambar di bawah ini :


Di sebelah kiri daftar link dan label akan ada icon panah kecil. Oke selamat menambahkan Cara Bagaimana Icon Pada Label Dan Link Sidebar agar ada icon tertentu, nah semoga berhasil sobat membuatnya.. happy blogging

Agar Link Berwarna Warni

Agar Link Berwarna Warni

SHADOWS || Agar Link Berwarna Warni sungguh indah bukan jika kursor sobat tepat diatas link akan muncul warna warni yang bagaikan hidup. Mau tahu Cara Agar Link Berwarna warni di blog sobat. Sobat hanya copy paste script di bawah ini.

1. Login ke Blogger
2.Pada Dashboard pilih Design >> Page elements  >> Add a Gadget(Tambah Gadget) Pilih HTML/Javascript
4.Masukan Kode script dibawah ini:

<script src="http://bloggerblogwidgets.googlecode.com/files/Rainbow_Colors_Way2blogging.js" type="text/javascript"></script>

Lalu save

Nah gampang bukan caranya Bagaimana Cara Agar Link Berwarna warni di blog sobat.. happy blogging

Cara Membuat Kotak Scrol Di Postingan

Cara Membuat Kotak Scrol Di Postingan
SHADOWS || Malam sobat sepertinya share saya kali ini sudah banyak yang mengetahui dan membuatnya cukup simple, tapi tidak masalah mungkin banyak newbie yang baru belajar ngeblog yang belum begitu paham dan mengerti. Cara Membuat Kotak Scrol Di Postingan ini saya rasa cukup sederhana sekali. Jadi sobat gampang mengerti nah marilah kita lihat  di bawah ini ok sob.

1. Copy kode di bawah ini kedalam postingan sobat. Ingat sobat jangan di Compose tetapi di HTML.
<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;"> Masukan tulisan atau gambar disini</div>

Tulisan Berwarna merah 16px/26px Adalah besar ukuruan Font,dan bisa anda  ganti dengan ukurun yang anda mau.

Tulisan Berwarna Biru Masukan tulisan atau gambar disini Adalah tulisan  yang anda ingin posting.

Misalkan saya akan memasukan kata atau tukisan sebagai berikut:

"Membuat kotak scroll di dalam posting, salah satu kegunaannya apabila posting pada blog terlalu panjang bisa kita masukkan post ke dalam kotak scroll agar dapat meminimalkan tempat pada posting."

Cara nya cukup simple, Copy dan Paste kode di bawah ke dalam postingan anda..
pada tulisan warna biru, silahkan masukkan tulisan atau gambar yang ingin anda masukkan.

Maka akan seperti ini:


"Membuat kotak scroll di dalam posting, salah satu kegunaannya apabila posting pada blog terlalu panjang bisa kita masukkan post ke dalam kotak scroll agar dapat meminimalkan tempat pada posting."


Nah begitulah Bagaimana Cara Membuat Kotak Scrol Di Postingan untuk para sobat semoga bermanfat bagi sobat blogger yang baru ngeblog.. happy blogging

Tampilan Facebook Warna-Warni

SHADOWS || Pagi sobat blogger kita ketemu lagi hehehe.... Di pagi ini saya akan share sebuah tips atau trik bagi pengguna handphone Tampilan Facebook Warna-Warni bagaimana sukakan dari pada tampilan yang monoton dari bawaan facebok sendiri membosankan bukan, nah mari kita lihat cara kerjanya cukup gampang lihat di bawah ini.

Sobat harus gunakan browser dari OPERAMINI

Seperti biasa sobat login ke FACEBOOK dengan browser OPERAMINI, dan copy paste code javascript di bawah ini:

javascript:i=0;c=["#00AF00","#C00000","#0000DF","#00CF00","#DF00A0","orange","#00F0E0","#7000BF","#F0F8FF","#FAEBD7","#00FFFF","#7FFFD4","#F5F5DC","#FFE4C4"];a=document.links;setInterval('i++;a[i%document.links.length].style.color=c[i%c.length]',1);void(0);alert("www.tb4all.blogspot.com")

Lalu paste/tempel di browser operamini sobat seperti contoh di bawah ini:

Tampilan Facebook Warna-Warni
Kalau sudah di Paste/Tempel di browser opminmu,langsung saja Klik Kunjungi/Ok dan lihat hasilnya seperti ini:


Nah gambar di atas ini berarti Facebookmu sudah warna-warni dengan tekan Ok seperti petunjuk di atas.
ini gambar-gambar yang lainya di beberapa letak Facebook:


Ini kolom pemberitahuan/notif:


Ini kolom bookmark:


Nah saya rasa cukup sudah Cara Tampilan Facebook Warna-Warni dengan screnshot yang saya berikan, masa masih tidak jelas kebangetan kali yeeee.... hehehe...

Itulah share saya di pagi ini Bagaimana Cara Tampilan Facebook Warna-Warni, untuk para sobat semoga online sobat bisa dimana saja dengan tampilan facebook berbeda dengan yang lain.

Sumber artikel : http://tb4all.blogspot.com/2013/01/cara-membuat-tampilan-facebook-warna.html

Membuat Loading Blog Menjadi Ringan


Membuat Loading Blog Menjadi Ringan

SHADOWS || Membuat Loading Blog Menjadi Ringan. Kecepatan loading sangat berpengaruh pada Traffik Blog kita,
percuma blog yg kita buat cantik, tapi loading'nya berat.
Jika begitu pasti pengunujung mengurungkan niat'nya untuk masuk pada blog kita.
Sebenarnya ada banyak hal yang mempengaruhi loading blog kita menjadi berat,
namun saya tidak akan menguraikanya panjang lebar...disini
takutnya bukan loading blog yg berat eh malah sobat semua males baca ketikan saya yg jelek ini hehe...:D

Untuk Cara Membuat Loding Blog Menjadi Ringan Cara-nya:

Ikuti Langkah-Langkah Dibawah ini:

1. Klik Design >> Page elements >> Add Gadget
2. Pilih HTML/JavaScript
3. Copy kode dibawah ini
dan paste kan kedalam konten HTML/JavaScript


<script type='text/javascript'
ver=1.5.0.'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if(navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect."fadeln",
});
});
</script>

4. save template dan lihat hasilnya.

Begitulah Bagaimana Cara Membuat Loading Blog Menjadi Ringan, semoga bermanfaat bagi sobat

Sumber: http://tekhnik-blog.blogspot.com/2012/07/cara-mudah-membuat-loading-blog-menjadi.html

Agar Postingan Baru Otomatis Terkirim Ke Twitter

SHADOWS || Membuat sebuah twitter ataupun facebook sekarang sudah hampir menjadi keharusan yang dimiliki setiap orang, khususnya di Indonesia. Dalam waktu singkat, facebook dan twitter ini begitu berpengaruh dalam kehidupan masyarakat dunia terlebih lagi indonesia. Entah sebagai aplikasi komunikasi maupun aplikasi bisnis.

Twitter adalah aplikasi kedua setelah facebook yang bagitu dinikmati oleh masyarakat Indonesia, itu terbukti dari situs semiocast.com, per 1 Januari 2012, total user twitter di Indonesia mencapai 22.5 juta penduduk pengguna twittter. Sungguh suatu angka yang sangat tinggi peminat jaringan sosial ini selain facebook.

Ada begitu banyak cara untuk memaksimalkan Twitter dalam mendulang traffic ke website kita, salah satunya adalah dengan men-Setting Agar Postingan Baru Otomatis Terkirim Ke Twitter, setiap ada konten baru dalam website sobat, langsung update di akun Twitter sobat.

Berikut tutorial yang bisa anda ikuti Cara Setting Agar Postingan Baru Otomatis Terkirim Ke Twitter:

1. Silahkan buka http://feedburner.google.com. Lalu login dengan user dan password anda.

Agar Postingan Baru Otomatis Terkirim Ke Twitter

2. Setelah login/masuk ke member area, masukkan alamat website anda ke “kolom” yang tersedia kemudian klikNext. Lihat gambar di bawah ini.




3. Terus saja klik next….next dan next hingga muncul menu navigasi. Lalu klik tombol Publicize kemudian klik Socialize.

4. Klik tombol Add a Twitter Account. Di sinilah anda harus memasukkan username dan password twitter anda.

Catatan:
1. Di menu Post Content anda bisa tentukan sendiri apakah yang ditampilkan di Twitter title saja, atau Title dan Keterangan Saja atau Keterangan. Silahkan pilih salah satu.

2. Sedangkan di menu Additional text anda bisa tentukan juga kata-kata dari anda sendiri. bisa thanks, atau terima kasih, atau yang lain. Bisa diletakkan sebelum atau sesudah update di twitter. Jika kata-kata anda mau diletakkan sebelum update tentukan saja di “At the” ke “Beginning of the post“. Jika mau sesudahnya tentukan “End of the post“. Ingat, posting artikel anda tidak akan terkirim semua karakternya ke twitter karena update twitter kalimatnya maksimal 140 kata. Contoh tampilannya seperti ini :



4. Setelah selesai Klik “Activate

Jika sudah Agar Postingan Baru Otomatis Terkirim Ke Twitter, maka setiap kita update posting baru di website kita, maka akan secara otomatis update di akun twitter yang sudah kita setting tadi.

Semoga tutorial diatas bermafaat untuk para sobat yang baru ngeblog... happy bloging