Rahasia iMacros for Firefox 7.6.0.2

Selamat malam dan salam blogwalking buat sahabat semua. Lama sudah tidak up date postingan baru dikarenakan ada kesibukan lain yang harus saya kerjakan. Maklum tukang kuli. hehehehe

Ini saya rasa sangat menarik sekali ketika berbincang-bincang dengan Konsultan SEO Indonesia, ketika saya mengunjungi websitnya. saya sempet kebingungan ini website apa mainan. Setelah saya jelajahi lebih dalam lagi ternyata di dalamnya isinya beribu-ribu kode JavaScript dan HMTL yang ditanamankan kedalam websitenya. hingga menjadi The Master SEO. Ini ada sedikit kutipan maaf saya Copy Paste tulisan ini, cuma nantinya kami kasik informasinya dan ketindalanjutan mengenai iMacros.

Teman-teman Marketers dan Pejwaners. iMacros adalah salah satu Tools yang bisa anda gunakan untuk membantu Aktivitas Anda dalam melakukan Publishing di Internet tanpa harus melakukan Pengetikan dan mengunjungi satu-persatu website yang hendak Anda Kunjungi. Dengan Tools ini anda bisa melakukan Record Aktivitas Browsing Anda dan Mengulangi nya tanpa Harus mengunjungi Website yang sebelumnya Anda Kunjungi.

Pada Kesempatan Kali ini saya ingin Share Bagaimana Cara Menggunakan iMacros untuk Aktivitas Optimasi sebuah Website atau Blog.

Anda harus instal dulu addon mozilla iMacros dengan menekan link dibawah ini:

iMacros for Firefox 7.6.0.2

Tentang iMacros:
iMacros dirancang untuk mengotomatisasi tugas yang paling berulang-ulang di web. Jika ada kegiatan yang harus Anda lakukan berulang kali, hanya merekam dalam iMacros. Waktu berikutnya Anda perlu melakukannya, makro keseluruhan akan berjalan di klik tombol! Dengan iMacros, Anda dapat dengan cepat dan mudah mengisi formulir web, mengingat password, membuat notifier webmail, informasi download dari situs lain, mengikis Web (mendapatkan data dari beberapa situs), dan banyak lagi. Anda dapat menyimpan macro pada komputer Anda untuk Anda gunakan sendiri, atau berbagi dengan orang lain dengan menanamkan mereka, blog situs Anda, intranet perusahaan atau layanan bookmark sosial. Menggunakan hanya dibatasi oleh imajinasi Anda!

Berikut adalah beberapa contoh bagaimana Anda dapat menggunakan iMacros untuk mengotomatisasi web browser Anda.

(1) Form Filler & Password Manager

Dengan iMacros untuk Firefox, Anda tidak lagi perlu memeriksa situs yang sama setiap hari, mengingat password, dan mengisi formulir web. iMacros adalah pengisi satunya bentuk yang dapat autofill formulir web peregangan bahwa lebih dari beberapa halaman. Semua informasi disimpan dalam terbaca-manusia, file teks biasa yang dapat dengan mudah diedit. Password disimpan dengan aman dengan 256-Bit enkripsi AES. Pengguna mengingat hanya satu password master dan iMacros mengingat semua yang lain, memberikan pengalaman yang benar-benar masuk otomatis, yang mengalahkan Solusi untuk Enterprise Single Sign-On (SSO).

(2) Automated Download & Upload
iMacros dapat mengotomatisasi download gambar, file, atau seluruh halaman (dengan atau tanpa gambar). Di arah lain, dapat mengotomatisasi meng-upload data ke situs web. Anda dapat menggunakan variabel di dalam macro dan impor data dari file CSV. iMacros termasuk pengguna agent switcher, PDF download dan Flash, dan ad-dan gambar-blocking fungsi. Ketika dikombinasikan dan dikendalikan dengan Javascript, yang Macros dicatat dapat script bahkan tugas-tugas yang sangat kompleks.

(3) Data Extraction, Web Scraping / Mining & Enterprise Data Mash-Ups

Perintah EKSTRAK iMacros otomatis membaca data dari sebuah situs web dan ekspor ke file CSV - kebalikan dari mengisi formulir. iMacros meliputi dukungan penuh Unicode dan bekerja dengan setiap bahasa, termasuk multi-byte bahasa seperti Cina. Anda dapat menggunakan fitur ini untuk men-download harga saham, mengumpulkan dan membandingkan harga toko web, dan banyak lagi.

(4) Web Pengujian

Profesional web dapat menggunakan iMacros untuk fungsional, kinerja, dan pengujian regresi aplikasi web. Perintah built-in stopwatch menangkap kali halaman web respon yang tepat. iMacros juga termasuk dukungan untuk elemen AJAX banyak.

(5) Social Scripting (Social Bookmarking)

Berbagi iMacros favorit Anda dengan teman dan kolega mudah. Cukup klik kanan makro untuk menambahkannya sebagai penanda, atau pilih "Run Everywhere" dan menanamkan makro lengkap di link sederhana. Anda dapat mengirim link kepada orang lain, atau embed di, blog situs Anda, atau intranet perusahaan. Alih-alih mengatakan pengunjung situs Anda bagaimana untuk mengisi formulir, biarkan iMacros melakukannya untuk mereka. Semua informasi yang disimpan di dalam link sebagai string teks, dengan tidak disimpan di server kami, itulah sebabnya mengapa iMacros bekerja pada intranet juga. Lihat contoh di del.icio.us / iMacros / imacro.

(6) Fungsi Lain

Untuk lebih banyak ide tentang cara menggunakan iMacros, silakan kunjungi www.iopus.com / iMacros / firefox dan / atau aktif dukungan kami forum di forum.iopus.com.

iMacros sangat fleksibel dan dapat dikombinasikan dengan ekstensi lain seperti Greasemonkey, Web Developer, Firebug, Stylish, Download Statusbar, NoScript, PDF Download, Foxmarks, Fasterfox, All-in-One Sidebar, Megaupload, FoxyProxy, Flashblock dan Adblock.

iMacros for Firefox adalah gratis untuk penggunaan pribadi dan komersial. Download hari ini add-on untuk memulai menyederhanakan tugas Web Anda dan berbagi macro Anda dengan orang lain!

Apa pun yang Anda lakukan dengan Firefox, iMacros dapat mengotomatisasi itu.

Artikel Lora Malunk Di Jiplak Oleh Lintas.Me

Saya adalah orang yang sering mencari kata kunci yang belum ditulis oleh orang lain, contoh yang saya buat kata kunci adalah tentang Blogger Trik, Blogger Tutorial, Blog Tips, Blogging, Blogger Hack, Belajar SEO, Mengedit CSS, Free Blogger Templates, Ebook gratis dan yang terakhir adalah ini Info Yang Sangat Menari dan Mengenai masalah kata kunci "Pacar Baru Agnes dan Calon Suami Agnes Monica".

Sejak awal saya menulis artikel tersebut firasat saya pikiran saya enak kalau kita buat kata kunci mengenai masalah "Pacar Baru Agnes dan Calon Suami Agnes Monica". Saya akhir-akhir ini sering mencari kata kunci yang sekiranya menarik dan jarang dipakai oleh orang lain.

Nah, Oleh karena itu saya malam ini pada tanggal 07 Mei 2012, mencari kata kunci mengenai Pacar Agnes. Kerena di sangat menarik kalau kita buat kata kunci di Blogspot, lalu saya tertarik untuk menjelajahi melalui Mbah Google, karena jarang-jarang temen-temenmembahas tentang pacar agnes. Apalagi Pacar dan Calon Suami Agnes. Hmmm, saya pikir lumayan lah buat naikin trafik.

Ternyata, setelah saya cek di Mbah Google, wew!!! perasaan artikel ini saya yang buat.....??? Tapi kenapa nyolongnya ko tidak ngasik kabar? setelah saya teliti ternyata beneran, ini adalah artikel yang ada di posisi teratas di pencari google . Artikel tersebut adalah:

Coba anda lihat:

- "Pacar Baru Agnes dan Calon Suami Agnes Monica"

Sebelumnya saya tidak yakin, masak iya sih Lintas.Me Webmaster sebesar itu menjiplak karya seorang blogger kacangan. Apa tidak takut ketahuan dan tidak malu. Dan sebelumnya juga saya berfikir, Setelah saya acak-acak semuanya, ternyata Lintas.me Menjiplak Artikel Lora Malunk. Dan saya perjelas lagi bahwa, Lintas.me telah menjiplak artikel di Lora Malunk Blog.

Sekarang silahkan simak screenshotnya di bawah ini: dan silahkan bandingkan dengan artikel saya Disini yang telah saya tulis di blog ini!

INI SCREEN SHOTNYA TUKANG COLONG DAN TUKANG JIPLAK ARTIKEL LORA MALUNK

Gila bener tidak tanggung-tanggung si penjiplak tersebut menjiplak Artikel Lora Malunk, WOWOW... Bahkan judulnya pun tidak jauh beda.

Gila Coy, yang jiplak tidak kreatif sama sekali. Artikel Lora Malunk di Copy Paste dan memasukkan link kedalam webnya dan total semuanya persis seperti artikel yang saya tulis.Sang Penjiplak adalah berinisial mr.manu.

Kumpulan Menu Horizontal dan Vertikal Terlengkap

Kalini ini saya akan membuat sebuah artikel yang berhubungan dengan Cara Membuat Menu Horizontal dan Vertikal. Disini saya akan memberikan berbagai macam model menu CSS, JQuery dll. Menu itu sendiri adalah bagian dari perlengkapan untuk mempercantik penampilan blog. Karena blog tanpa menu di ibaratkan makan nasi tidak ada lauk pauknya, jadi tidak enak rasanya. Nah Maka dari itu saya akan memberika berbagai macam model menu yang sudah siap pakai. Tinggal pilih mana yang cocok buat blog anda. Silahkan dipilih-dipilih Model Menunya.

- Menu yang ke 1 adalah : Menu Mega Jquery dan CSS
- Menu yang ke 2 adalah : Menu Horizontal Kwicks Jquery Slide

- Menu yang ke 3 adalah : Menu Sliding Vertikal Dengan CSS
- Menu yang ke 4 adalah : Menu Drop Down Multi Level CSS3 

Untuk model menu yang lainnya menyusul dan secepatnya saya akan meng up date artikel ini. Sekian dulu artikel  mengenai Kumpulan Menu Horizontal dan Vertikal Terlengkap. Semoga bermafaat buat kita semua.

Insting Blogs Template SEO Friendly V.1

Selamat malam semuanya..! Semoga sahabat blogger baik dan diberi kesehatan oleh sang maha kuasa agar bisa beraktifitas kembali dan berblogwalking ria. Sekarang saya sedikit berbeda dengan postingan yang sebelumnya saya akan memberikan sebuah Template SEO  Friendly yang saya kasik nama Insting Blogs Template SEO Friendly V.1.

Sebenarnya template ini saya buat "Insting Blogs - SEO Friendly" adalah untuk blog baru saya tentang Informasi dan seputar tips dan trik, bisnis, tetapi setelah saya menguji template ini pada banyak meminta template blog ini melalui email.

Insting Blogs Template SEO Friendly ini  sebenarnya bukan versi baru dari tema trik tetapi tema ini dimodifikasi dari versi 2 Wordpress Theme Trick tetapi saya telah menambahkan beberapa fitur pada tema ini seperti PageNavi siap, Slide Featured, Related Posts, Colom Cemmentar, 3 Footer, dan breadcrumb jadi jika Anda menginstal tema ini di blog Anda, Anda tidak perlu menginstal PageNavi, plugin breadcrumb dan postingan terkait. Karena sudah kami setting secara otomatis.

Pada tema ini saya juga mengecilkan file CSS, agar proses loading blog lebih cepat lagi :

 DEMO - DOWNLOAD

• Adsense-content2. Anda juga dapat menyisipkan kode iklan Anda dalam file ini dan iklan akan muncul di bawah konten tunggal 
• Blogger template with adsense ready, easy loading, SEO ready, 3 column, auto readmore, multi column and more.sildeshow Otomatis 

CATATAN PENTING :

Untuk menambah menu horizontal anda tinggal Copy Paste Kode dibawah ini dan letakkan di Gadget HTML/JavaScript.

<div id="myslidemenu" class="jqueryslidemenu"> <ul> <li><a href="/">Home</a></li> <li><a href="http://instingblogs.blogspot.com">Gladiator</a></li> <li><a href="#">Kategori</a> <ul> <li><a href="#">Sub Kategori 1</a></li> <li><a href="#">Sub Kategori 2</a></li> </ul> </li> <li><a href="#">Item 3</a></li> <li><a href="#">Folder 2</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Folder 2.1</a> <ul> <li><a href="#">Sub Item 2.1.1</a></li> <li><a href="#">Sub Item 2.1.2</a></li> <li><a href="#">Folder 3.1.1</a> <ul> <li><a href="#">Sub Item 3.1.1.1</a></li> <li><a href="#">Sub Item 3.1.1.2</a></li> </ul> </li> <li><a href="#">Sub Item 2.1.4</a></li> </ul> </li> </ul> </li> <li><a href="http://lora-malunk.blogspot.com">Tutorial Blog</a></li> </ul> <br style="clear: left" /> </div>

Cara Membuat Tombol Sosial Bookmarking New Version

Pagi ini bertepan dengan cuaca yang sangat cerah. Kami disini akan memberikan tips dan trik mengenai masalah Tombol Sosial Bookmarking yang keren. Tombol Sosial Bookmarking itu sendiri berbagai macam model ada yang berbentuk melayang ada yang berbentuk slide. Tapi Sosial Bookmarking yang satu ini sangat berbeda dengan Sosial Bookmarking yang lain. Tombol Sosial Bookmarking ini ada 2 model Daun Waru dan Telur, Ketika mouse diarahkan ke daun waru atau logo telur maka dengan cintanya daun waru itu akan terbuka dan pecah dengan sendirinya dan menjadi 2 bagian. Tunggu apa lagi mari kita ikuti turorialnya dibawah ini :

Langkah 1
Masuk ke akun Blogger anda
Langkah 2
Masuk Dashboard lalu Edit Html
Langkah 3  
Setelah ituCari kode HTML seperti ini </head>
Untuk mempercepat pencari kode (Klik Ctrl dan tekan tombol F)

Langkah 4
jika sudah silahkan Copy - Paste kode dibawah ini tepat belum kode </head>

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://lora-malunk.blogspot.com/ -->

Langkah 5
Masih dalam Edit HTML, Cari lagi Kode HTML seperti kode ini </body> di template anda 
Langkah 6
Setelah ketemu silahkan Copy-Paste Kode dibawah ini tepat sebelum kode  </body>

<!-- Start Heart Share Code From http://lora-malunk.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://lora0malunk.blogspot.com/">Blogger Gadgets</a>
<!-- End Heart Share Code From http://lora-malunk.blogspot.com/ -->

Catatan : Kode ini bisa juga dipastekan atau ditaruk di Gadget Edit HTML/JavaScript, Terserah kemaun anda 


Langkah 7
Silahkan mulai disimpan Template anda, dan lihat hasilnya 

Tutorial diatas adalah Tombol Sosial Bookmarking yang berbentuk Waru, untuk yang berbentuk Telur kodenya dibawah ini, dan penerapan kode kedalam template sama dengan tutorial yang diatas. Anda cukup menyalin kodenya saja.

- Kode ini Copy-Paste sebelum kode atau diatas kode </head>

<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- End Heart Bookmarking Gadget Code From http://lora-malunk.blogspot.com/ -->

- Untuk kode yang satu ini silahkan Copy-Paste tepat diatas kode </body>

<!-- Start Heart Share Code From http://lora-malunk.blogspot.com/ --><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script><a href="http://lora-malunk.blogspot.com/">Blogger Gadgets</a><!-- End Heart Share Code From http://lora-malunk.blogspot.com/ -->

Sampai disini dulu tutorial mengenai Cara Membuat Tombol Sosial Bookmarking Yang Keren, semoga bermanfaat buat kita semua. Jangan lupa silahkan masukkan email anda untuk berlangganan artikel dari kami.

Cara Memper Cantik Banner Iklan (Style BuySellAds)

Memper Cantik Banner Iklan Dengan (Style BuySellAds) - Saya yakin Anda semua akan memperhatikan efek yang saya pasang ke banner iklan saya. Efeknya sangat mengagumkan dan membawa perhatian disetiap ada pengunjung melihat penampilan iklan di Lora Malunk Blog.

Dengan mempercantik penampilan banner iklan dengan efek Style BuySellAds tentu membawakan rejeki kita tambah lancar, karena dari pihak pengiklan akan senangan melihat iklannya dipercantik dengan efek-efek yang bagus. Seperiti (Style BuySellAds). Jika anda melihat demonya anda lihat penampilan Iklan Saya yang ada di sebalah kanan.

Mari kita masuk ke tahap pelajaran :

Langkah 1
Masuk atau login ke akun blogger anda

Langkah 2
Silahkan masuk ke Menu Design atau Rancangan. Lalu Klik Edit HTML.

Langkah 3
Carilah kode ]]></b:skin> (Untuk mempercepat pencarian silahkan anda tekan tombol CTRL-F)

Langkah 4
Setelah menemukan kode diatas, silahkan copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

<!-- Start Css http://lora-malunk.blogspot.com -->
.bsap a{text-shadow:1px 1px 1px #111 !important;color:#eee !important;padding:7px !important;margin:0 10px 10px 0px !important;overflow: visible !important;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border: 0 none !important;-webkit-border-top-left-radius:80px;-webkit-border-bottom-right-radius:80px;-moz-border-radius-topleft:80px;-moz-border-radius-bottomright:80px;border-top-left-radius:80px;border-bottom-right-radius:80px;}
.bsap a:hover{-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.bsap a img{border: 0 none !important;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px !important;}
.bsap .even{margin-right:0 !important;}
.bsap .ad1{background:#e42b2b !important}
.bsap .ad2{background:#ff8400 !important}
.bsap .ad3{background:#a800ff !important}
.bsap .ad4{background:#49a7f3 !important}
.bsap .ad5{background:#41d05f !important}
.bsap .ad6{background:#B24700 !important}
.bsap .ad7{background:#FFE500 !important}
.bsap .ad8{background:#007D47 !important}
.bsap .ad9{background:#330000 !important}
.bsap .ad10{background:#990000 !important}
.bsap .ad11{background:#f70000 !important}
.bsap .ad12{background:#80FEC8 !important}
<!-- End Css http://lora-malunk.blogspot.com -->

Langkah 5
Simpan template anda dan lihat hasilnya. OKE

Semoga Trick and Tips kali ini bermanfaat buat kita semua. Dan Jangan lupa untuk berlangganan artikel kami silahkan masukkan email anda dibawa ini. Anda akan mendapatkan Artikel terbaru dari saya dengan gratis. Tidak Dipunggut biaya. Ilmu sudah gratis, Mau langganan artikel saya juga gratis. Kenapa harus diperhitungkan. Mari kita lestarikan saling berlangganan agar tidak ada copy paste artikel tanpa sepengetahuan admin.

Membuat Feature Slideshow Keren

Selamat malam semuanya, bertepatan dengan tanggal 18 April 2012 kami mempunyai Trick and Tips Membuat Feature Slideshow Keren dengan efek JQuery. Di posting ini memiliki gaya yang sangat sederhana namun yang memberi kita beberapa opsi tambahan, yang utama adalah Anda dapat dengan mudah Membuat Feature Slideshow ini dan berbagai ukuran sesuai dengan blog atau gambar yang ingin Anda gunakan.

Pada trick kali ini kami sudah mempersiapan penampilan yang sesungguhnya agar anda bisa lebih puas lagi ketika Membuat  Feature Slideshow ini. Silahkan KLIK DEMO

Mas Bro bagaimana agar dapat menambahkannya ke Blogger. Oke tenang saja kami sudah mempersiapkan tutorialnya dibawah ini:

Langkah 1
Silahkan masuk ke Akun Blogger

Langka 2
Masuk ke menu Desain/ Rancangan lalu klik Edit HTML

Langkah 3
Cari potongan kode ]]></b:skin> berikut di blog Anda. (Klik tombol Ctrl-F untuk pencarian lebih cepat)

Langkah 4
Setelah anda menemukan kode tersebut diatas, Silahkan copy paste kode dibawah ini tepat di atas kode yang no 3.

/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
height:250px; width: 600px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
position: absolute;
bottom: 40px; right: -7px;
width: 178px; height:47px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 40px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4XyI1kBjXXmPdzmlrAI7lyNzHjaWU5l0wxalU9yDR87yBPGIblDSuBMCsD7-fOGUgjIX0Fm8kONRrs0j-6NVzDUdhadI0yvyCRH91jIWDIR3UXxf-KL3rm-4e3me3kKVr9zxk3zT6p5vT/s1600/paging_bg2.png) no-repeat;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
padding: 5px;
text-decoration: none;
color: #fff;
}
.paging a.active {
font-weight: bold;
background: #920000;
border: 1px solid #610000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

Langkah 5

Jagan lupa untuk merubah Ubah ukuran Feature Slideshow. Saat ini saya memiliki ukuran set 250x600 sebagaimana ditekankan dalam kode diatas. Anda dapat mengubah kode tersebut untuk membuat lebar halaman dan ingat ukuran gambarnya juga disesuaikan dengan ukuran lebar Feature.

Langkah 6

Carilah potongan kode </head> berikut di blog Anda, Setelah anda menemukan kode tersebut silahkan copy paste Kode dibawah ini tepat di atasnya kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>

$(document).ready(function() {

//Set Default State of each portfolio piece
$(&quot;.paging&quot;).show();
$(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(&quot;.window&quot;).width();
var imageSum = $(&quot;.image_reel img&quot;).size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(&quot;.image_reel&quot;).css({&#39;width&#39; : imageReelWidth});

//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

$(&quot;.paging a&quot;).removeClass(&#39;active&#39;); //Remove all active class
$active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)

//Slider Animation
$(&quot;.image_reel&quot;).animate({
left: -image_reelPosition
}, 500 );

};

//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $(&#39;.paging a.active&#39;).next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $(&#39;.paging a:first&#39;); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(&quot;.image_reel a&quot;).hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});

//On Click
$(&quot;.paging a&quot;).click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});

});
</script>

Langkah 7
Simpan Template anda

Untuk membuat Slider bekerja dengan maksimal sekarang anda harus menambahkan kode html dibawah ini.

- Masuk ke halaman Desain/Rancangan dan klik Tambah Gadget, Pilih Html/JavaScript
- Copy Paste kode dibawah ini ke Gadget HTML/JavaScript

<div class="container">

<div class="folio_block">

<div class="main_view">

<div class="window">
<div class="image_reel">

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>

<a href="http://ganti-dengan-url-blog-anda.com/"><img src="ganti-dengan-url-gambar" alt="" /></a>


</div>
</div>
<div class="paging">

<a href="#" rel="1">1</a>
<a href="#" rel="2">2</a>
<a href="#" rel="3">3</a>
<a href="#" rel="4">4</a>
<a href="#" rel="5">5</a>

</div>
</div>

</div>

</div>

- Lalu simpan dan lihat hasilnya

Semoga Trick and Tips kali ini semoga bermanfaat buat kita semua. Dan Jangan lupa untuk berlangganan artikel kami silahkan masukkan email anda dibawa ini. Anda akan mendapatkan Artikel terbaru dari saya dengan gratis. Tidak Dipunggut biaya. Ilmu sudah gratis, Mau langganan artikel saya juga gratis. Kenapa harus diperhitungkan. Mari kita lestarikan saling berlangganan agar tidak ada copy paste artikel tanpa sepengetahuan admin.