1. kode foto berganti di blog
<!---------------------------------------------
Blogger Slideshow Widget by
http://imagesliderforblogger.blogspot.com/
org. by dimpost.com
----------------------------------------------->
<!-- Camera_Slideshow Styles -->
<link rel="stylesheet" id="camera-css" href="http://project.dimpost.com/camera-slideshow/css/camera.css" type="text/css" media="all" />
<!-- Camera Slideshow Scripts -->
<script type='text/javascript' src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/camera.min.js'></script>
<script type='text/javascript'>
jQuery(function() {
jQuery('#camera_wrap_1').camera({
time: 2500, // milliseconds between the end of the sliding effect and the start of the nex one
transPeriod: 1200, // length of the sliding effect in milliseconds
thumbnails: false, // thumnails & tooltip is controlled by it
pagination: true, // only when "pagination" is set to "false" thumbnails will be visible
fx: 'curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight, scrollLeft, scrollRight, scrollHorz, scrollBottom, scrollTop', // transition effects
hover: false, // Pause on hover
height: '150%' // slideshow height (500% is default)
});
});
</script>
<style type="text/css">
.fluid_container {
margin: 0 auto;
/* aling centered */
width: 70%;
max-width: 1500px;
overflow: hidden;
}
/* Blogger CSS Conflict Fix */
.camera_pag_ul {
border: none !important;
background: none !important;
}
.camera_pag_ul li {
float: inherit !important;
padding: inherit !important;
}
.camera_pag_ul {
margin: 0 !important;
border: 0 !important;
}
</style>
<div class="fluid_container">
<!-- camera_slideshow camera_wrap-->
<div class="camera_wrap" id="camera_wrap_1">
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/1.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL68utfXtDxyhyphenhyphen0GNA0wNCVBTfHKezl_yEnrHO8jqBWIluSbBh9MW-9isUJMlFteipS3sJ3F3OGE3WEdxTCxn7lzPknonUWAMP94ghDOpmkXO5iYVOJVwh3Qx4egcN59zcwiVQeaWHnrg/s1600/DARWIS.jpg">
<div class="camera_caption fadeFromBottom">
Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8sooy6aXpy6rIJzkNDXQc05ufXSM0vVVPlTSnrCGxMcJlGgy6ZHY9TmaUSrxZ-vIM0qY-F1aAynShoTverxWX33LFqxPaW-8x8yIOId1Z5Q-_PWKEw8wzEZhiVWr2p0uM-67aimCmvY/s1600/DSC_8356.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/3.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrWFYWaw81UyYwYnnhyAunG7lznFoL1lHOwR78lecBTmZu8hWDOpRTqy3HoNX7BFCGnQjYSx8_zuJExOB0kuxCOuyVLVPQH6H0E9Rgji4GL67ks3AJos9cRHimmBBz6QycJ-RxVbTJykg/s1600/EYIN.JPG">
<div class="camera_caption fadeFromBottom">
<em>It's completely free</em> (even though a donation is appreciated)
</div>
</div>
<div data-link="http://www.dimpost.com/" data-
thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh_8AuF5Vi1p1B_G9JWDYnA0ZrTVJwxxI6bax97_0S3GaEkXpIAuoqfkkpGvfgnEQjumyxthdS8xDdHWfeB5Lce6J8MgTbG-q7Y7x4b9bjsB4AMa6kz6lr6Tce1GmyiueFhHWB2nQvNI/s1600/HUSAIN+AHMAD.jpg">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_1UTCk_LVImkbWAR6Ipb7eFpLdXuSlrYaFWE7rsrpvISZY0c27LfXMJWSbzDHn-Y_wAQ7xoD3M72bKxE2zMx-lXqwwC1IwcMxJh5jtWgDNcAxJLIEko4MmWH8DbE3kK-54WQ3IaE_ZuO/s320/FANY.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywEbrjRGldY0JzbFmxDY1oRLjfEwtjqyBkz3BjC2kMvQxzRl-SsqSYFDqbyEDgUMfnIEL2ufHchEdtJJNZSfDdxEDkwzFaNnflrRl1XMnPoLLWs37dVaHsOIMGSLJ4_-gc1YzskXiajY/s1600/IDA.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-
thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywEbrjRGldY0JzbFmxDY1oRLjfEwtjqyBkz3BjC2kMvQxzRl-SsqSYFDqbyEDgUMfnIEL2ufHchEdtJJNZSfDdxEDkwzFaNnflrRl1XMnPoLLWs37dVaHsOIMGSLJ4_-gc1YzskXiajY/s1600/IDA.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZGyZajFp_U5YrTJpF9cEYorgknoJc-eoqyci4uhwOJtiAIFrD2FAF0-O6wSpmNdxSOPjcHYsWjwKs9XYTe2bjP1RKxc0IuYxuJw2djXDma3ijZB5ROuAo89tW0cufDjFLQFUCeRI1SA/s1600/WAHYUNI.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/4.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcnKw4pjjY8sboID-j8HYsg9mkRD-FZoV_pITIjlLS1SSMdtl1fufikYKmBIq9lo3Mf3uRBR09BV6hxfZT7K9qfLfYVCEM3EIoI5R6dBO_hen9CaX8idR8FiIRi1zVnhbpFTO-OKoQgk/s1600/NUWAHYUNI+TAIDI.JPG">
<div class="camera_caption fadeFromBottom">
Camera slideshow provides many options <em>to customize your project</em> as more as possible
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/5.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggwl9v76Au1847jiWdUDXICOyNaSOIbgp3psqpXMT_Avsog5MwEUrylVa86MCpL-zAcdlsMP5NyrhWwdyFouOq7iJPu1-ALAO0oHHNbKMxeDwmk92RrcvHaDwLpwJCmNMOx1HjihajHsA/s1600/NURMALINDA.jpg">
<div class="camera_caption fadeFromBottom">
It supports captions, HTML elements and videos.
</div>
</div>
</div>
<!-- #camera_wrap_1 -->
</div>
<!-- .fluid_container -->
3 kode jam dinding di blog
<div style="width:100%;text-align:center"><div style="display:inline-block;margin:0 auto"><object type="image/svg+xml" data="https://www.al-habib.info/islamic-clock/images/station-clock-allah-muhammad.dyn.svg?di=austria&hh=swiss&bgo=allah&dic=167175&hhc=001d1f&bgoc=adeaf3&bglc=2eab92" width="200" height="200"></object><p style="opacity:0.3;font-size:0.5em"><a href="https://www.al-habib.info/islamic-clock/">Get this Islamic Clock!</a></p><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="https://widgets.al-habib.info/images/blank.gif?_alhacid=iclock001-1571978700" /></div></div>
<!---------------------------------------------
Blogger Slideshow Widget by
http://imagesliderforblogger.blogspot.com/
org. by dimpost.com
----------------------------------------------->
<!-- Camera_Slideshow Styles -->
<link rel="stylesheet" id="camera-css" href="http://project.dimpost.com/camera-slideshow/css/camera.css" type="text/css" media="all" />
<!-- Camera Slideshow Scripts -->
<script type='text/javascript' src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/camera.min.js'></script>
<script type='text/javascript'>
jQuery(function() {
jQuery('#camera_wrap_1').camera({
time: 2500, // milliseconds between the end of the sliding effect and the start of the nex one
transPeriod: 1200, // length of the sliding effect in milliseconds
thumbnails: false, // thumnails & tooltip is controlled by it
pagination: true, // only when "pagination" is set to "false" thumbnails will be visible
fx: 'curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight, scrollLeft, scrollRight, scrollHorz, scrollBottom, scrollTop', // transition effects
hover: false, // Pause on hover
height: '150%' // slideshow height (500% is default)
});
});
</script>
<style type="text/css">
.fluid_container {
margin: 0 auto;
/* aling centered */
width: 70%;
max-width: 1500px;
overflow: hidden;
}
/* Blogger CSS Conflict Fix */
.camera_pag_ul {
border: none !important;
background: none !important;
}
.camera_pag_ul li {
float: inherit !important;
padding: inherit !important;
}
.camera_pag_ul {
margin: 0 !important;
border: 0 !important;
}
</style>
<div class="fluid_container">
<!-- camera_slideshow camera_wrap-->
<div class="camera_wrap" id="camera_wrap_1">
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/1.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL68utfXtDxyhyphenhyphen0GNA0wNCVBTfHKezl_yEnrHO8jqBWIluSbBh9MW-9isUJMlFteipS3sJ3F3OGE3WEdxTCxn7lzPknonUWAMP94ghDOpmkXO5iYVOJVwh3Qx4egcN59zcwiVQeaWHnrg/s1600/DARWIS.jpg">
<div class="camera_caption fadeFromBottom">
Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8sooy6aXpy6rIJzkNDXQc05ufXSM0vVVPlTSnrCGxMcJlGgy6ZHY9TmaUSrxZ-vIM0qY-F1aAynShoTverxWX33LFqxPaW-8x8yIOId1Z5Q-_PWKEw8wzEZhiVWr2p0uM-67aimCmvY/s1600/DSC_8356.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/3.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrWFYWaw81UyYwYnnhyAunG7lznFoL1lHOwR78lecBTmZu8hWDOpRTqy3HoNX7BFCGnQjYSx8_zuJExOB0kuxCOuyVLVPQH6H0E9Rgji4GL67ks3AJos9cRHimmBBz6QycJ-RxVbTJykg/s1600/EYIN.JPG">
<div class="camera_caption fadeFromBottom">
<em>It's completely free</em> (even though a donation is appreciated)
</div>
</div>
<div data-link="http://www.dimpost.com/" data-
thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwh_8AuF5Vi1p1B_G9JWDYnA0ZrTVJwxxI6bax97_0S3GaEkXpIAuoqfkkpGvfgnEQjumyxthdS8xDdHWfeB5Lce6J8MgTbG-q7Y7x4b9bjsB4AMa6kz6lr6Tce1GmyiueFhHWB2nQvNI/s1600/HUSAIN+AHMAD.jpg">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_1UTCk_LVImkbWAR6Ipb7eFpLdXuSlrYaFWE7rsrpvISZY0c27LfXMJWSbzDHn-Y_wAQ7xoD3M72bKxE2zMx-lXqwwC1IwcMxJh5jtWgDNcAxJLIEko4MmWH8DbE3kK-54WQ3IaE_ZuO/s320/FANY.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywEbrjRGldY0JzbFmxDY1oRLjfEwtjqyBkz3BjC2kMvQxzRl-SsqSYFDqbyEDgUMfnIEL2ufHchEdtJJNZSfDdxEDkwzFaNnflrRl1XMnPoLLWs37dVaHsOIMGSLJ4_-gc1YzskXiajY/s1600/IDA.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-
thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywEbrjRGldY0JzbFmxDY1oRLjfEwtjqyBkz3BjC2kMvQxzRl-SsqSYFDqbyEDgUMfnIEL2ufHchEdtJJNZSfDdxEDkwzFaNnflrRl1XMnPoLLWs37dVaHsOIMGSLJ4_-gc1YzskXiajY/s1600/IDA.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZGyZajFp_U5YrTJpF9cEYorgknoJc-eoqyci4uhwOJtiAIFrD2FAF0-O6wSpmNdxSOPjcHYsWjwKs9XYTe2bjP1RKxc0IuYxuJw2djXDma3ijZB5ROuAo89tW0cufDjFLQFUCeRI1SA/s1600/WAHYUNI.JPG">
<div class="camera_caption fadeFromBottom">
It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/4.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcnKw4pjjY8sboID-j8HYsg9mkRD-FZoV_pITIjlLS1SSMdtl1fufikYKmBIq9lo3Mf3uRBR09BV6hxfZT7K9qfLfYVCEM3EIoI5R6dBO_hen9CaX8idR8FiIRi1zVnhbpFTO-OKoQgk/s1600/NUWAHYUNI+TAIDI.JPG">
<div class="camera_caption fadeFromBottom">
Camera slideshow provides many options <em>to customize your project</em> as more as possible
</div>
</div>
<div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/5.jpg" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggwl9v76Au1847jiWdUDXICOyNaSOIbgp3psqpXMT_Avsog5MwEUrylVa86MCpL-zAcdlsMP5NyrhWwdyFouOq7iJPu1-ALAO0oHHNbKMxeDwmk92RrcvHaDwLpwJCmNMOx1HjihajHsA/s1600/NURMALINDA.jpg">
<div class="camera_caption fadeFromBottom">
It supports captions, HTML elements and videos.
</div>
</div>
</div>
<!-- #camera_wrap_1 -->
</div>
<!-- .fluid_container -->
3 kode jam dinding di blog
<div style="width:100%;text-align:center"><div style="display:inline-block;margin:0 auto"><object type="image/svg+xml" data="https://www.al-habib.info/islamic-clock/images/station-clock-allah-muhammad.dyn.svg?di=austria&hh=swiss&bgo=allah&dic=167175&hhc=001d1f&bgoc=adeaf3&bglc=2eab92" width="200" height="200"></object><p style="opacity:0.3;font-size:0.5em"><a href="https://www.al-habib.info/islamic-clock/">Get this Islamic Clock!</a></p><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="https://widgets.al-habib.info/images/blank.gif?_alhacid=iclock001-1571978700" /></div></div>