ads

Slider[Style1]

Style2

Style3[OneLeft]

Style3[OneRight]

Style4

Style5

Cara Mengganti atau Merubah Tampilan "Older Posts" Dengan Angka

Posted by: Fauziemade Posted date: Rabu, Januari 30, 2013 / comment : 0 ,

Trik Cara Mengganti atau Merubah Tampilan "Older Posts" Dengan Angka - Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". hal ini tentu sangat Beda dengan yang ada pada wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

Dalam trik kali ini akan kita bahas tentang bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" tersebut menjadi angka seperti yang ditunjukkan pada gambar di bawah ini.
Cara Merubah Older Posts Dengan Angka

1. Langkah pertama tentu saja anda harus Login ke akun blogger milik anda selanjutnya menuju ke desain template anda kemudian lalu "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> Jika sudah anda temukan lalu letakkan kode CSS dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. Jika sudah kemudian cari kode ini </body> lalu tempatkan kode script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

4. Terakhir simpan dan lihat hasilnya.

Selamat mencoba semoga informasi tersebut bermanfaat untuk anda.
SOURCE : http://ardiyantobay.blogspot.com/2012/08/cara-merubah-newer-dan-older-posts.html

Cara Untuk Membuat Image Slider Berdasarkan Kategori Tertentu Pada Blogger

Posted by: Fauziemade Posted date: Rabu, Januari 30, 2013 / comment : 0 ,


Cara Untuk Membuat Image Slider Berdasarkan Kategori Tertentu Pada Blogger- Image Slider adalah Gambar slideshow yang biasanya berada di bawah header Blog.

Untuk saat ini memang banyak template yang meyediakan fitur slideshow ini untuk mempercantik tampilan template mereka. Jika tampilan blog anda masih sederhana dan anda berkeinginan untuk merubah tampilan blog anda agar terlihat lebih cantik nah,,, artikel berikut ini pastinya sangat menarik untuk anda simak.
Trik Trik Cara Membuat Gambar Slideshow Pada Blogger Versi terbaru 2012
Selain untuk mempercantik tampilan suatu blog fungsi lain yang tak kalah penting dari fitur slideshow ini adalah agar pengunjung lebih mudah dalam menemukan setiap informasi yang terdapat pada blog kita, dengan tampilan gambar dan sedikit deskripsi yang terdapat padaslideshow tentunya akan semakin menambah rasa penasaran para pengunjung untuk membaca artikel yang ditampilkan tersebut selengkapnya..

Untuk anda yang ingin mencobanya, ikuti langkah-langkah berikut ini ya,,
Cara Membuat Slideshow Berdasarkan Kategori Tertentu
* Pertama-tama Masuklah ke akun blogger milik anda terlebih dahulu
* Selanjutnya masuk ke Tata Letak > lalu pilih Edit HTML (jangan lupa centang expand widget templates)
* Kemudian cari kode ]]></b:skin> (gunakan ctrl+f untuk mempercepat pencarian), jika sudah copy dan pastekan kode dibawah ini diatas kode tersebut:

#featured{margin-bottom:8px}
.sliderwrapper{position: relative;overflow: hidden;height: 240px}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute;left: 0;top: 0;padding: 0px;height: 100%;}
.pagination{text-align: left;padding:8px 0px}
.pagination a{font-size:11px;color:#fff;padding: 3px 6px;background:#1b75d6}
.pagination a:hover, .pagination a.selected{color:#dedde5;background-color:#535352}
.featuredPost{width:360px;padding:10px 10px 0;background:#191919;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color:#dedde5;position:absolute;bottom:0}
.featuredPost a{color:#fff}
.featuredPost a:hover{color:#dedde5}
.featuredPost h2{margin:0;font-size:12px;line-height:1}
.featuredPost span{font-size:10px}
.featuredPost p{font-size:11px}

* Jika sudah, langkah selanjutnya cari kode </head> , kemudian salin dan tempatkan kode dibawah ini diatas kode tadi

<script>
//<![CDATA[
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeswpe8iTmUN42Cp256pudhq-aawVmKlDCwrcVsHrNajNriTLlMKTBwFw-_2wXLmfAzh_pAvkdVbGgtQFdawW0l7TwxjK_Tmb_E_HN733uUoavIXQwZnimvkHZRkfR2XJPO7G2HPu2CM/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 100;

numposts1 = 5;
label1 = "Blog";

function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}

function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}

if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["January","February","March","April","May","Juny","July","August","September","October","November","December"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}

var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="sliderPostPhoto"><a href="'+posturl+'"><img width="450" height="250" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
//]]>
</script>

Perhatikan kode huruf yang berwarna merah label1 = "Blog"; itu adalah label atau kategori yang akan ditampilkan di slideshownya, ganti label tersebut dengan label yang ingin anda tampilkan. 
Tinggi dan lebar Slideshow bisa anda sesuaikan dengan cara merubah kode img width="450"height="250" Pilihlah ukuran yang tepat agar tampilan slideshow anda menjadi lebih menarik.

* Setelah itu cari kode </body> , jika sudah tempatkan kode dibawah ini sebelum kode tersebut.

<script src='http://dl.dropbox.com/u/12924430/contentslider.js'/>
<script>
//<![CDATA[
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
//]]>
</script>

* Langkah berikutnya temukan kode <div id='main-wrapper'> letakkan kode berikut ini di bawah kode tersebut :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='featured'>
<div class='sliderwrapper' id='slider1'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
<div class='pagination' id='paginate-slider1'>
</div>
</div>
</b:if>

* Terakhir Save/simpan template, langkah untuk membuat slider image berdasarkan kategori tertentu kini sudah selesai, sekarang lihat hasilnya.

source : http://ardiyantobay.blogspot.com/2012/04/trik-cara-membuat-gambar-slideshow-pada.html

Kode Rahasia Blackberry

Posted by: Fauziemade Posted date: Selasa, Januari 29, 2013 / comment : 0 ,


Tidak diragukan lagi bahwa hand phone blackberry telah menguasai perdagangan hand phone di Indonesia. Karena hampir semua pelajar menggunakan HP blackberry, mereka hanya mencari fasilitas BBM (blackberry mesenger). Jika anda pengguna hand phone blackberry, lihat kode rahasia blackberry ini. Kode-kode blackberry ini mungkin berfungsi dalam keadaan darurat atau pun ingin mengetahui isi atau apa saja yang sudah dilakukan akan ditunjukkan dengan menampilkan di log report.
Berikut kode-kode rahasia Blackberry :
• ALT-R-B-V-S> di’browser’
• Fngsi : Menunjukkan source-code dari hal.web
• ALT-L-G-L-G
• Fungsi : catatan/log dari event2 di system HH
• *-#-0-6 > di’homescreen’
• Fungsi : Menunjukkan kode IMEI handset
• ALT-N-M-L-L
• Fungsi : Menunjukkan kuat sinyal dalam dBm (bukan ‘batang’).
• ALT-V-A-L-D> di’addressbook’
• Fungsi : Periksa inkonsistensi data di address book.
• ALT-R-B-L-D > di’addressbook’
• Fungsi : Menyusun ulang struktur data di address book.
• ALT-Shift-kanan-Del
• Fungsi : soft reset HH-nya, mirip dengan ‘cabut batere’.
• ALT-Shift-kiri-H
• Fungsi : Menunjukkan info teknis penting tentang HH.
Enterprise Activation
ALT-CNFG In Options -> Advanced Options -> Enterprise Activation Settings for Enterprise Activation
Address Book
ALT-VALD In address book list Validate the data structure and look for inconsistencies
ALT-RBLD In address book list Force a data structure rebuild
Browser
ALT-RBVS Any HTML/WML webpage View web page source code
Calendar
ALT+VIEW Inside any Calendar item Show extra info for a Calendar event
SYNC Calendar app>Options Enable Calendar slow sync
RSET Calendar app>Options Will prompt for a reload of the calendar from the BES
RCFG Calendar app>Options Request BES configuration
SCFG Calendar app>Options Send device configuration
DCFG Calendar app>Options Get CICAL configuration
SUPD Calendar app>Options Enable detailed Cal. report for backup
SUPS Calendar app>Options Disable detailed Cal. report for backup
SUPN Calendar app>Options Disable Cal. report database
LUID Calendar app>Options Enable view by UID
SRSL Calendar app>Options Show Reminder status log
Messaging
ALT + V I E W For messages, displays the RefId and FolderId for that particular message. For PIM items, displays only the RefId.
Search Application
ALT-ADVM Search Application Enabled Advanced Global Search
MMS
MMSC Options -> MMS Show MMS hidden options
Home Screen
ALT-JKVV Home Screen Display cause of PDP reject
ALT + CAP + H Home screen Displays the Help Me screen
ALT + E A C E Home screen Displays the Help Me screen
ALT + E S C R Home Screen Displays the Help Me screen
ALT + N M L L Home screen Switches the signal strength from bars to a numeric value.
ALT + L G L G Home screen Displays the Java™ event log.
WLAN
ALT-SMON WLAN wizard screen Enable simulated Wizard mode
ALT-SMOF WLAN wizard screen Disable simulated Wizard mode
Theme
ALT-THMN Any menu Change to no theme (B&W)
ALT-THMD Any menu Change to default theme
Date/Time
LOLO Options -> Date/Time Show Network time values
SIM CARD
MEPD Options>Advanced options>SIM card Display MEP info
MEP1 Options>Advanced options>SIM card Disable SIM personalization
MEP2 Options>Advanced options>SIM card Disable Network personalization
MEP3 Options>Advanced options>SIM card Disable Network subset personalization
MEP4 Options>Advanced options>SIM card Disable Service provider personalization
MEP5 Options>Advanced options>SIM card Disable Corporate personalization

semoga bermanfaat, jika ada yang punya code lain silahkan share di kotak komentar.


sumber:http://ngocop16.blogspot.com/2012/08/kode-rahasia-blackberry.html

Video Clip Connan Band Bisa Bisanya Kau NSP Karaoke

Posted by: Fauziemade Posted date: Sabtu, Januari 19, 2013 / comment : 0 ,

Video Clip Connan Band Bisa Bisanya Kau NSP Karaoke

 
COURTESY : YOUTUBE.COM 
Connan Band

Cara Membuat Tombol Share Button di Blog

Posted by: Fauziemade Posted date: Kamis, Desember 13, 2012 / comment : 0 ,

Kali ini saya akan berbagi kategori Tutorial Blogger, artikel kali ini adalah Cara Membuat Tombol Share Button di Blog, artikel ini sudah sangat banyak di bahas oleh blogger lainnya, tapi tidak ada salah nya juga untuk saya kembali memposting Cara Membuat Tombol Share Button ini. Langsung saja bagi anda yang ingin mencoba, mari ikuti langkah-langkah berikut ini :



1. Template > Edit HTML > Lanjutkan > Lalu Centang Expand Template Widget

2. Cari kode <data:post.body/>

3. Masukan kode berikut ini tepat dibawah <data:post.body/>

<div style='background:#f9f9f9;border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>

<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'><strong>Bagikan Artikel Ini</strong> : </div>

<div class='addthis_toolbox addthis_default_style '><a class='addthis_button_facebook_like' fb:like:layout='button_count' title='Facebook'/><a class='addthis_button_tweet' title='Twitter'/><a class='addthis_button_google_plusone' g:plusone:size='medium' title='Google Plus'/><a class='addthis_counter addthis_pill_style' title='Share'/></div><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>

Catatan: - Jika anda ingin memasang Tombol Share Button di atas postingan, simpan kodenya sebelum <data:post.body/>- Jika tombol Tombol Share Button tidak ingin ditampilkan di halaman Home atau hanya ingin ditampilkan di halaman postingan saja, cukup tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> diantara kode tombol tadi. 

Dan hasilnya menjadi seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
Kode Tombol Share Button
 </b:if>

Demikian untuk  Cara Membuat Tombol Share Button | Tutorial Blogger kali ini, selebihnya bisa anda edit sendiri CSS nya menurut selera masing-masing. semoga bisa bermanfaat bagi sobat blogger.



Sumber : http://dhio89.blogspot.com/2012/10/cara-membuat-tombol-share-button.html#ixzz2Eu97d8mD

Download Resetter Printer Epson T20E

Posted by: Fauziemade Posted date: Rabu, Desember 12, 2012 / comment : 7


Modelnya sama persis dengan Epson T11,namun yang membedakan adalah speednya lebih bagus dibandingkan dengan Epson T11.Epson T20e saat ini sudah diskotinue alias sudah tidak diproduksi lagi.namun bagi pemilik Epson T20e tentunya masih memerlukan support untuk maintenace printer seri Epson T20e.kerusakan atau error yang terjadi tidak jauh-jauh dari blinking.so silahkan di download resetternya

Resetter Epson T20e dapat didownload  disini
Password : modifikasiprinter

Berikut Tutorialnya :
1. Nyalakan Espon T20e dan pastikan Espon T20e sudah connect dengan komputer dan terinstall drivernya.
2. Tanggal komputer tidak perlu dirubah, Jalankan program resetter Epson T20 dengan double klik "AdjProg.exe"
3. Kemudian pilih Particular Adjusment mode



4. Tekan "Check" yang berfungsi  untuk cek counter yang maksimal 7800 point, anda dapat melihatnya di main pad counter. Kalau lebih atau mendekati 7800 point berarti printer perlu di reset"
5. Tekan "Initialization yang berfungsi  untuk mereset  kembali counter printer.selnjutnya Finish.
6. Setelah selesai matikan printer kemudian nyalakan lagi. Printer akan nyala dengan lampu berwarna hijau penuh. Berarti printer Epson Stylus T20 yang blink tadi sudah siap digunakan kembali.


Selamat Mencoba.

source : http://modifikasiprinter.blogspot.com/2012/04/resetter-printer-epson-t20e.html
Langganan: Postingan (Atom)
Copyright © 2014 Dunia IPTEK
⬆
Top